<style>
  @media screen and (min-width: 1400px) {}

  @media only screen and (min-width: 1601px) {}

  @media only screen and (max-width: 1200px) {}

  @media only screen and (max-width:1023px) {
    .tblentbx h4 {
      font-size: 14px;
    }

    .tblentbx ul li {
      font-size: 12px;
    }

    .lan-headersec {
      height: 65px;
      padding: 0px 10px;
      /* margin-top: -30px; */
    }

    .lan-logo svg {
      width: 100px;
      flex-shrink: 0;
    }

    .lan-credentialbtns a {
      width: 85px;
      height: 35px;
    }

    .blogcnt p a {
      font-size: 16px;
    }

    .bg-video-wrap {
      height: fit-content;
    }

    .bg-video-wrap video {
      height: auto;
    }

    .bg-video-wrap h1 {
      font-size: 12px;

    }

    .bg-video-wrap {
      margin-top: 65px;
    }

    .bg-video-wrap video {
      min-width: 100%;

      z-index: 1;
      position: relative;
      width: 100%;

      object-fit: fill;
      border-radius: 0px;
    }

    #enableButton {
      right: 10px;
      top: 15px;
      width: 40px;
      height: 40px;
      padding: 10px;
    }

    .bg-video-wrap video {
      min-width: 100%;

      z-index: 1;
      position: relative;
      width: 100%;

      object-fit: fill;
      border-radius: 0px;
    }

    #enableButton {
      right: 10px;
      top: 15px;
      width: 40px;
      height: 40px;
      padding: 10px;
    }

    #newproduct .close-button {
      display: none;
    }

    .filter-btn {
      display: block;
    }

    [data-theme="dark"] .mobile-filter {
      background: #131517;
    }

    .mobile-filter {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      margin: 0 auto;
      position: fixed;
      height: fit-content;
      width: 100%;
      min-height: fit-content;
      bottom: 0;
      top: unset !important;
      left: 0;
      right: 0;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      /* height: 256px;  */
      background: #fff;
      z-index: 9999;
      padding: 40px;
    }

    .mobile-filter.active {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      bottom: 0;
    }

    [data-theme="dark"] .mobile-sort .sortby {
      border: none;
    }

    [data-theme="dark"] .filter-btn svg {
      fill: #fff;
    }

    [data-theme="dark"] .product-pic img {
      box-shadow: none;
    }

    .mobile-sort .sortby {
      color: #B5B5B5;
      padding: 0px 15px;
      cursor: pointer;
      user-select: none;
      border-radius: 33px;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
    }

    .msorttitle {
      font-size: 16px;
    }

    .sort-btns {
      text-align: center;
      display: flex;
      justify-content: space-between;
    }

    .btn.alpy-btn {
      background: transparent;
      border: 1px solid var(--primary-color);
      width: 48%;
      box-shadow: 0px 0px 6px #0000001c;
      color: var(--primary-color);
      font-size: 16px;
      height: 40px;
      border-radius: 33px;
      line-height: 40px !important;
      font-weight: normal;
    }

    .btn.cancel-btn {
      width: 48%;
      box-shadow: 0px 0px 6px #0000001c;
      background: var(--primary-color) !important;
      color: var(--color-white);
      font-size: 16px;
      height: 40px;
      border-radius: 33px;
      line-height: 40px !important;
      font-weight: normal;
    }

    .mobile-main.bgoverlay {
      position: relative;
    }

    .mobile-main.bgoverlay:before {
      content: "";
      display: block;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, .8);
      pointer-events: initial;
      cursor: default;
      z-index: 9999;
    }

    .filter-btn {
      margin-right: 5px;
    }

    #video-upload-filename,
    #file-upload-filename,
    #image-upload-filename {
      width: 75%;
      margin: 0 auto;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .a_middle_sec li.act b:nth-child(1),
    .a_middle_sec li.act b:nth-child(2) {
      display: none;
    }

    .profile-information.active {
      left: 0px !important;
      right: 0px;
      margin: 0 auto;
      width: 100%;
      height: 100%;
      z-index: 9999999;
    }

    .profile-information {
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 9999999;
      padding: 10px 20px 10px 20px;
      border-radius: 0px;
    }

    a.edit-pro-icon {
      top: 30px;
    }

    .view-btn {
      height: 40px;
      font-size: 16px;
    }

    .profile-information .switch-account .tab {
      height: 40px;
      font-size: 16px;
    }

    .profile-information .switch-account span {
      width: 40px;
      height: 40px;
    }

    a.edit-pro-icon svg {
      width: 25px;
      height: 25px;
    }

    .pro-menu ul {
      height: 100%;
    }

    .pro-menu {
      margin-top: 15px;
      height: calc(100% - 270px);
      position: relative;
    }

    .pro-menu ul li a {
      font-size: 16px;
      padding: 10px 0px;
    }

    .product-pic .label {
      width: 100% !important;
      height: 100% !important;
    }

    .doclabel {
      width: 100% !important;
      height: 100% !important;

    }

    #newproduct.bgoverlay .product-pic .label {
      z-index: 0;
      pointer-events: none;
    }

    #newproduct.bgoverlay .doclabel {
      z-index: 0;
      pointer-events: none;
    }

    #newproduct.bgoverlay::before {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, .8);
      pointer-events: none;
      cursor: default;
      z-index: 1;
    }

    [data-theme="dark"] #newproduct.bgoverlay::before {
      background-color: rgb(1 1 1 / 80%);
    }

    .post-meta.post_image_class {
      min-width: 100%;
      margin-bottom: 0px;
    }

    .postpopparent .coment-area .mcommantclose {
      display: none !important;
    }

    .postpopparent .coment-area {
      transition: none !important;
    }

    .postpopparent .coment-area.show {
      position: relative;
      box-shadow: none;
      padding: 40px 0px 0px 0px !important;
      transition: none !important;
      transform: none !important;
      max-height: fit-content;
    }

    .coment-area.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 1;
      max-height: 90vh;
      /* overflow-y: auto; */
      opacity: 1;
      z-index: 1000 !important;
      height: calc(100vh - 115px);
    }

    .coment-area.show span.ti-close.mcommantclose {
      display: block !important;
    }

    .mcommantclose {
      display: none !important;
    }

    .coment-area {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0px 0px 0px 0px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;

      border-radius: 14px 14px 0 0;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 90vh;
      overflow-y: hidden;
      overflow-x: hidden;

    }

    [data-theme="dark"] .post-comt-box form textarea {
      background: #131517;
    }

    [data-theme="dark"] .m_logo svg #Path_1238,
    [data-theme="dark"] .m_logo svg #Path_1239,
    [data-theme="dark"] .m_logo svg #Path_1240,
    [data-theme="dark"] .m_logo svg #Path_1241,
    [data-theme="dark"] .m_logo svg #Path_1246 {
      fill: #fff;
    }

    [data-theme="dark"] .m_logo svg #Path_1246,
    [data-theme="dark"] .m_logo svg #Path_1238,
    [data-theme="dark"] .m_logo svg #Path_1239,
    [data-theme="dark"] .m_logo svg #Path_1240,
    [data-theme="dark"] .m_logo svg #Path_1241 {
      fill: #fff !important;
    }

    [data-theme="dark"] .notiicon svg {
      fill: #fff;
    }

    .post-comt-box form textarea {
      border: 1px solid #50B855;
      border-radius: 16px;
      background: #F4FEF4;
      min-height: 40px;
      height: 40px;
      margin-bottom: 0px;
      overflow: hidden;
    }

    .post-comt-box {
      padding-left: 5px;
    }

    .post-comt-box form button {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 40px;
      border-radius: 16px;
      font-size: 14px;
      padding: 0px 15px;
    }

    .post-comt-box form button span {
      display: none;
    }

    .filter-by-comt {
      margin-left: 10px;
      display: none;
    }

    .we-comet {
      max-height: 50vh;
      overflow-y: auto;
      overflow-x: hidden;
      margin-top: 20px;
    }

    .coment-area .we-comet {
      /* max-height: 200px; */
      max-height: 100%;
      height: 90vh;
      overflow: scroll;
      /* min-height: 400px; */
      padding-bottom: 170px;
    }

    .we-comet::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
    }

    .we-comet::-webkit-scrollbar {
      width: 5px;
      border-color: #EEEEEE;
    }

    .we-comet::-webkit-scrollbar-thumb {
      border-radius: 10px;
      box-shadow: none;
      -webkit-box-shadow: none;
      border: none;
      background-color: #D0D9E2;
      outline: 0px solid #D0D9E2;
    }

    .post-comment.mobile-postcmnt {
      display: flex;
      /* box-shadow: 0px -4px 26px #00000014; */
      position: sticky;
      bottom: 0px;
      background: var(--bg-white);
      padding: 20px 10px;
    }

    .we-comet {
      padding: 0px 10px 10px 10px;
    }

    .post-meta.post_image_class {
      min-width: 100%;
    }

    .comet-avatar {
      border-radius: 7px;
      width: 40px;
      height: 40px;
    }

    .comet-avatar img {
      border-radius: 14px;
    }

    .mcommantclose,
    .mnotimoreclose {
      display: block;
      font-size: 16px;
      position: absolute;
      top: 16px;
      right: 20px;
      font-weight: bold;
    }

    .othrscmnt {
      margin-left: 25px;
    }

    .edit_profile_inner span.round_br {
      height: auto;
      line-height: 1.1;
      padding: 10px 35px 10px 15px;
    }

    .edit_profile_inner .drop_down_label span.ti-close {
      position: absolute;
      right: 4px;
      top: 30%;
    }

    .feed-post-tab ul {
      display: block;
    }

    .feed-post-tab {
      position: fixed;
      right: 0px;
      z-index: 9999;
      pointer-events: none;
    }

    .feed-post-tab li.tab a {
      height: 60px;
      width: 60px;
      margin-bottom: 10px;
      cursor: pointer;
      display: flex;
      align-items: center;
      background: var(--bg-white);
      box-shadow: 0px 1px 8px #0000001f;
      padding: 0px 15px;
      line-height: 0px;
      border-radius: 45px;
      color: var(--color--grey8);
      text-align: center;
      justify-content: center;
      margin-right: 10px;
      order: 2;
    }

    .feed-post-tab li.tab {
      cursor: pointer;
      display: flex;
      align-items: center;
      background: transparent;
      box-shadow: none;
      height: auto;
      width: auto;
      padding: 0px;
      line-height: 0px;
      border-radius: 0px;
      color: var(--color--grey8);
      text-align: center;
      justify-content: flex-end;
      margin-right: 0px;
    }

    .feed-post-tab li.tab:hover {
      background: transparent;
    }

    .feed-post-tab li.tab.fpost:hover a svg g,
    .feed-post-tab li.tab.fpost:hover a svg line {
      stroke: var(--primary-color);
    }

    .feed-post-tab li.tab .mtabtle {
      margin-right: 10px;
      height: 50px;
      border-radius: 30px;
      background-color: var(--bg-white);
      color: var(--primary-color);
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 30px;
      border: 2px solid var(--primary-color);
    }

    #radios label+label {
      margin-left: 5px;
    }

    #radios input[type="radio"]+span svg {
      margin-right: 5px;
      height: 18px;
    }

    .mradiointer [type="radio"]:checked,
    .mradiointer [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px;
    }

    .mradiointer [type="radio"]:checked+label,
    .mradiointer [type="radio"]:not(:checked)+label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: var(--color-black1);
      font-size: 14px;
    }

    .mradiointer [type="radio"]:checked+label:before,
    .mradiointer [type="radio"]:not(:checked)+label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      border: 1px solid var(--color-black1);
      border-radius: 100%;
      background: transparent;
    }

    .mradiointer [type="radio"]:checked+label:after,
    .mradiointer [type="radio"]:not(:checked)+label:after {
      content: '';
      width: 12px;
      height: 12px;
      background: var(--primary-color);
      position: absolute;
      top: 4px;
      left: 4px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .mradiointer [type="radio"]:not(:checked)+label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }

    .mradiointer [type="radio"]:checked+label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    .common_interaction .dflex {
      justify-content: flex-start;
      margin-bottom: 20px;
    }

    [data-theme="dark"] #post-upload {
      background: var(--bg-white) !important;
    }

    .friend-info .uprofname p {
      font-size: 14px;
      font-weight: 500;
      color: var(--color-green);
      margin-bottom: 0px;
      /* overflow: hidden;
  text-overflow: ellipsis;
  max-width: 115px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; */
    }

    #post-upload {
      height: 100vh;
      overflow-y: auto;
      overflow-x: hidden;
      min-width: 100%;
      background: #F6F9F6 !important;
      bottom: 0px !important;
      /* min-height: 100%;  */

    }

    #post-upload.reveal,
    #querypollModal.reveal {
      position: relative;
      top: 0 !important;
      bottom: 0px !important;
      transform: none !important;
    }

    .bg-sec {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .segments-visible ul.segmentsvisible-list {
      margin-bottom: 0px;
    }

    .create-post {
      display: block;
      margin-bottom: 0px;
    }

    #img-upload .create-post {
      display: none;
      margin-bottom: 0px;
    }

    #img-upload .postbtnslike {
      display: none;
    }

    .create-post .text-bg {
      width: 100%;
      height: 225px;
    }

    #mainContainer {
      height: 225px;
      width: 100%;
    }

    .text-editor {
      width: 100%;
      height: auto;
    }

    .create-post .text-bg .mainContainer img {
      width: 100%;
      height: 225px;
    }

    .wysiwyg #editor {
      height: 70px;
      margin-top: 15px;
      overflow-y: hidden;
    }

    #imgtext,
    #textArea,
    #textvideo,
    #textaudio,
    #textimg {
      background: var(--bg-white);
      height: 69px;
      margin-bottom: 0px;
    }

    .wysiwyg .btns {
      background: transparent;
      padding: 10px 0px 0px;
    }

    .wysiwyg select,
    .wysiwyg input,
    .wysiwyg button {
      background-color: var(--bg-white);
    }

    .category select.font-family,
    .category select.font-size {
      background-color: var(--bg-white);
    }

    #post-upload .post-btn {
      height: 50px !important;
      line-height: 50px !important;
      border-radius: 7px !important;
    }

    ul.gradient-bg.closed li:nth-child(n+11) {
      display: inline-block;
    }

    .bg-control {
      display: none;
    }

    .gradient-bg li {
      width: 40px;
      height: 40px;
    }

    #post-upload.reveal {
      border-radius: 0px;
      box-shadow: none;
      padding: 15px;
    }

    #post-upload .close-button {
      display: none;
    }

    #post-upload .mback-button {
      color: #838B91;
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      font-size: 16px;
    }

    #post-upload .mback-button svg {
      margin-right: 10px;
    }

    [data-theme="dark"] #querypollModal {
      background: var(--bg-lightgreen);
    }

    #querypollModal {
      height: 100vh;
      overflow-y: auto;
      overflow-x: hidden;
      min-width: 100%;
      background: var(--bg-lightgreen) !important;
    }

    #querypollModal.reveal {
      border-radius: 0px;
      box-shadow: none;
    }

    #querypollModal .close-button {
      display: none;
    }

    #querypollModal .mback-button {
      color: #838B91;
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      font-size: 16px;
    }

    #querypollModal .mback-button svg {
      margin-right: 10px;
    }

    #querypollModal .posttle h2 {
      display: none;
    }

    [data-theme="dark"] #image_filterpopup button#bt {
      background: var(--bg-white) !important;
    }

    #image_filterpopup .filter-thumbnail.border {
      border: none !important;
    }

    .poll-option .poll-optnlist {
      display: flex;
      align-items: flex-start;
      margin-bottom: 15px;
      flex-direction: column;
    }

    .poll-option .poll-optnlist input {
      margin-left: 0px;
      border: 1px solid #E6E6E6;
      border-radius: 14px;
      background: var(--bg-white);
      height: 50px;
      padding: 0px 20px;
    }

    .poll-option .poll-optnlist input.is-invalid-input:not(:focus) {
      border-color: #cc4b37;
      background-color: #f9ecea;
      color: #cc4b37;
    }

    .poll-option .poll-optnlist p {
      margin-bottom: 10px;
      color: #838B91;
    }

    .poll-questionin input {
      margin-left: 0px;
      border: 1px solid #E6E6E6;
      border-radius: 14px;
      background: var(--bg-white);
      height: 50px;
      padding: 0px 20px;
    }

    .poll-questionin input:focus {
      border: 1px solid #E6E6E6;
      border-radius: 14px;
      background: var(--bg-white);
    }

    .poll-questionin p {
      display: block;
      margin-bottom: 10px;
      color: #838B91;
    }

    .poll-questions .polls-btns {
      justify-content: center;
      margin-top: 20px;
      margin-bottom: 30px;
    }

    .poll-questions .polls-btns .add-more,
    .polls-btns .delete-more {
      /* border: 1px solid #50B855; */
      border-radius: 14px;
      background: var(--bg-white);
      /* height: 50px; */
      display: flex;
      align-items: center;
      justify-content: center;
      width: 25%;
      font-weight: 500;

    }

    .polls-btns .delete-more {
      /* border: 1px solid red ; */
    }

    .poll-questions {
      margin-top: 5px;
    }

    .postbtnslike button.post-btn {
      height: 50px !important;
      line-height: 50px !important;
      border-radius: 7px !important;
    }

    .post-btn.bg-white.post-promotrbtn,
    .post-btn.bg-white.active {
      line-height: 50px !important;
    }

    #segVisisble {
      margin-bottom: 0px;
    }

    .segments-visible a.segmentaddpoll {
      width: 40px;
      height: 40px;
      font-size: 24px;
    }

    #segVisiblepollform .segmentscheckbox {
      max-height: 55vh;
    }

    .searchsegments .segmentaddbtnpoll {
      height: 50px;
      line-height: 50px !important;
      border-radius: 14px;
    }

    .segmentscheckbox span.mark {
      line-height: 1.1;
      padding: 10px 20px;
      height: auto !important;
    }

    .segmentscheckbox li {
      margin-bottom: 7px;
    }

    .optnlist {
      display: flex;
      align-items: flex-start;
      margin-bottom: 10px;
      flex-direction: column;
    }

    .poll-option .optnlist input {
      margin-left: 0px;
      border: 1px solid #E6E6E6;
      border-radius: 14px;
      background: var(--bg-white);
      height: 50px;
      padding: 0px 20px;
    }

    .poll-option .optnlist p {
      margin-bottom: 10px;
      color: #838B91;
    }

    .segments-visible ul.segmentsvisible-list li {
      margin-right: 5px;
      margin-bottom: 5px;
    }

    .segmentscheckbox label {
      height: auto;
    }

    .dflex-right .postbtnslike {
      position: relative;
    }

    .post_form_la .dflex-right {
      justify-content: flex-end;
      flex-direction: column;

    }

    .postusselect {
      margin-bottom: 20px;
    }

    #post_form_la_text.post_form_la .dflex-right {
      padding-top: 0px;
      flex-direction: column;
      padding-bottom: 40px;
    }

    .create-post .text-bg .cabinet {
      width: 100%;
    }

    .create-post .text-bg .cabinet img {
      width: 100%;
      height: 225px;
    }

    .cropoptions .docs-buttons {
      display: flex;
      flex-direction: column;
      align-items: end;
    }

    .docs-toggles .btn-group p {
      display: none;
    }

    .cropoptions .rotatebtns .btn-primary {
      height: fit-content;
      margin: 0px 10px;
    }

    .cropoptions .tgoolesbtns .zoombtns {
      margin-left: 10px;
    }

    .cropoptions .rotatebtns {
      margin-left: 10px;
    }

    .act-box2 button.mbsaveimagebtn:hover {
      color: var(--color-black1);
    }

    .zoombtns .btn-primary {
      padding: 0px 10px;
      color: var(--color-black1);
    }

    [data-theme="dark"] #cropAvatarmodal,
    [data-theme="dark"] #image_filterpopup {
      background: #222426 !important;
    }

    #cropAvatarmodal,
    #image_filterpopup {
      height: 100vh;
      overflow-y: auto;
      min-width: 100%;
      background: #F6F9F6 !important;
      padding: 20px 20px 20px 20px;
    }

    #cropAvatarmodal.reveal,
    #image_filterpopup.reveal {
      border-radius: 0px;
      box-shadow: none;
    }

    .act-box2 button.mbcropimagebtn,
    .mbsaveimagebtn {
      display: block;
      height: 50px !important;
      line-height: 50px !important;
      border-radius: 7px !important;
      background: var(--bg-white) !important;
      color: var(--color-black1);
      box-shadow: 0px 0px 6px #0000001c;
      border: none;
      padding: 0px 20px !important;
      font-size: 14px;
    }

    .act-box2 #backBtn,
    .act-box2 #cropImageBtn {
      display: none;
    }

    .act-box2 button.mbcropimagebtn#cropImageBtn {
      display: block;
    }

    .act-box2 .mbcropimagebtn {
      margin-top: 50px;
    }

    .mback-button {
      display: flex;
      margin-bottom: 20px;
    }

    .mback-button svg {
      transform: rotate(0deg) !important;
    }

    #img_uploadpopup,
    #image_filterpopup {
      min-width: 100%;
    }

    .filter-thumbnail ul {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
    }

    #image_filterpopup .close-button {
      display: none;
    }

    #image_filterpopup .act-box2 #filterbackBtn,
    #image_filterpopup .act-box2 #bt {
      display: none;
    }

    #image_filterpopup .act-box2 #bt.mbsaveimagebtn {
      display: block;
    }

    .filter-thumbnail ul li {
      width: 45px;
      height: 45px;
      margin-bottom: 10px;
    }

    .filter-thumbnail ul li img {
      width: 45px;
      height: 45px;
    }

    .filter-thumbnail {
      display: flex;
      align-items: end;
      justify-content: space-between;
      flex-direction: column;
    }

    .act-box2 .mbsaveimagebtn {
      margin-top: 20px;
    }

    .mboileimgpost {
      display: block;
      margin-top: 40px;
    }

    .mboileimgpost .mbimgupload input {
      box-shadow: 0px 0px 6px #00000029;
      border-radius: 14px;
      background: var(--bg-white);
      border: none;
    }

    .modeofinteractionmobile [type="radio"]:checked,
    .modeofinteractionmobile [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px;
    }

    .modeofinteractionmobile [type="radio"]:checked+label,
    .modeofinteractionmobile [type="radio"]:not(:checked)+label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: var(--color-black1);
      font-size: 14px;
      margin-left: 0px;
      margin-right: 30px;
    }

    .modeofinteractionmobile [type="radio"]:checked+label:before,
    .modeofinteractionmobile [type="radio"]:not(:checked)+label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 19px;
      height: 19px;
      border: 1px solid var(--primary-color);
      border-radius: 100%;
      background: transparent;
    }

    .modeofinteractionmobile [type="radio"]:checked+label:after,
    .modeofinteractionmobile [type="radio"]:not(:checked)+label:after {
      content: '';
      width: 11px;
      height: 11px;
      background: var(--primary-color);
      position: absolute;
      top: 4px;
      left: 4px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .modeofinteractionmobile [type="radio"]:not(:checked)+label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }

    .modeofinteractionmobile [type="radio"]:checked+label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    .modeofinteractionmobile {
      margin-bottom: 20px;
    }

    .modeofinteractionmobile p {
      font-size: 14px;
      color: var(--color--grey11);
      margin-bottom: 10px;
    }

    .modeofinteractionmobile .dflex {
      justify-content: flex-start;
    }

    .modeofinteractionmobile {
      display: block;
    }

    .dflex-right .interaction {
      display: none !important;
    }

    .mboileimgpost .mbimgupload {
      padding: 10px;
      box-shadow: 0px 0px 6px #00000029;
      border-radius: 14px;
      background: var(--bg-white);
      border: none;
      display: flex;
      color: var(--color-black1);
      height: 50px;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      margin-bottom: 20px;
      cursor: pointer;
    }

    .mboileimgpost .mbimgupload input[type="file"] {
      display: none;
    }

    #wysiwyg #editor {
      height: auto;
      margin-top: 15px;
    }

    .share-btn {
      position: fixed;
      bottom: 80px;
      right: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: var(--primary-color);
      border-radius: 100%;
      box-shadow: 0px 2px 17px -1px rgb(0 0 0 / 30%);
      z-index: 999;
      width: 60px;
      height: 60px;
    }

    .floating-action-button {
      width: 60px;
      height: 60px;
      color: white;
      font-size: 30px;
      cursor: pointer;
    }

    .floating-action-button {
      display: flex;
    }

    .share-btn.active {
      transform: rotate(45deg);
    }

    .share-btn svg {
      width: 30px;
      height: 30px;
    }

    .feed-post-tab {
      opacity: 0;
    }

    .feed-post-tab {
      background: transparent;
    }

    .feed-post-tab.active {
      bottom: 120px;
      opacity: 1;
      pointer-events: visible;
      transition: all 275ms ease-in-out;
      background: transparent;
    }

    .feed-post-tab li.tab a span {
      display: none;
    }

    .feed-post-tab li.tab a svg {
      margin-right: 0px;
    }

    .main-section {
      position: relative;
    }

    [data-theme="dark"] .main-section.bgoverlay::before {
      background-color: rgba(0, 0, 0, .8);
    }

    .main-section.bgoverlay::before {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, .8);
      pointer-events: none;
      cursor: default;
      z-index: 1;
    }

    [data-theme="dark"] body.bgoverlay::before {
      background-color: rgba(0, 0, 0, .8);
    }

    [data-theme="dark"] .mboileimgpost .mbimgupload {
      background: #222426;
    }

    body.bgoverlay::before {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, .8);
      pointer-events: none;
      cursor: default;
      z-index: 1;
    }

    .mbgovrlay.active {
      background: rgb(255, 255, 255, 0.4);
      position: fixed;
      top: 0px;
      height: 100vh;
      width: 100%;
      z-index: 999;
      left: 0;
    }

    #segVisiblezchatform .segmentscheckbox {
      max-height: 55vh;
    }

    .searchsegments .segmentaddbtn {
      height: 50px !important;
      line-height: 50px !important;
      border-radius: 7px !important;
      padding: 0px 15px;
    }

    .segments-visible a.segmentadd {
      width: 40px;
      height: 40px;
      font-size: 24px;
    }

    .share-options.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .share-options {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 20px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    .share-options ul li a {
      width: 67px;
      height: 67px;
      padding: 10px;
    }

    .copy-url {
      align-items: flex-start;
      flex-direction: column;
    }

    .url-input {
      width: 100%;
    }

    .copy-url h4 {
      margin-bottom: 10px;
    }

    .mshareclose {
      display: block !important;
      font-size: 16px;
      position: absolute;
      top: 16px;
      right: 20px;
      font-weight: bold;
    }

    .sidebar.static.left {
      display: none;
    }

    .refine-by-category {
      display: none;
    }

    .like-dislike li:first-child {
      width: auto;
    }

    .like-dislike .likeicons {
      width: 60px;
      height: 35px;
      border-radius: 16px;
    }

    .like-dislike li {
      margin-right: 10px;
    }

    .like-dislike li:last-child {
      margin-right: 0px;
    }

    .conmsg .likes-info {
      margin-bottom: 15px;
    }

    .likes-info li span svg,
    .likes-info li span.views svg {
      width: 15px;
      height: 15px;
    }

    .likes-info li span ins {
      font-size: 16px;
      display: flex;
      align-items: center;
      line-height: 0px;
    }

    .notification-box>ul>li,
    .notification-box>ul>#not>li {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .notifi-meta {
      width: 70%;
    }

    .notification-box .invitebtn {
      margin-left: 55px;
    }

    .notification-box .invitebtn a.viewbtns,
    .notification-box .invitebtn a.dclinebtn,
    .notifi-meta .mesagebtn {
      margin-top: 10px;
      height: 40px;
      line-height: 40px;
      border-radius: 50px;
      margin-right: 10px;
    }

    .notification-box .more-post-optns ul.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
      visibility: visible;
    }

    .notification-box .more-post-optns ul {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 20px 20px 20px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
      visibility: visible;
    }

    .noti-options p {
      font-size: 14px;
      color: var(--color-black1);
    }

    .not-img {
      margin-right: 15px;
    }

    .notification-box {
      padding: 0px 15px;
      margin-top: 0px;
    }

    .mnoticlose {
      display: block;
      font-size: 16px;
      position: absolute;
      top: 16px;
      right: 20px;
      font-weight: bold;
    }

    .more-post-optns::before {
      content: none;
    }

    .more-post-optns>i {
      z-index: inherit;
      font-size: 18px;
    }

    .notificationpage .mobile_header,
    .connectionpage .mobile_header {
      display: none;
    }

    .mobileloader {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

    #pre-load {
      display: flex;
      padding: 0px;
      text-align: left;
      align-items: center;
      justify-content: center;
    }

    #pre-load span {
      position: absolute;
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      background: rgba(135, 211, 124, 1);
      -webkit-animation: loader3 1.5s linear infinite;
      animation: loader3 1.5s linear infinite;
    }

    #pre-load span:last-child {
      animation-delay: -0.9s;
      -webkit-animation-delay: -0.9s;
    }

    @keyframes loader3 {
      0% {
        transform: scale(0, 0);
        opacity: 0.8;
      }

      100% {
        transform: scale(1, 1);
        opacity: 0;
      }
    }

    @-webkit-keyframes loader3 {
      0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.8;
      }

      100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
      }
    }

    .notificationpage .top-search {
      display: flex;
      align-items: center;
      margin-top: 10px;
    }

    .notificationpage .top-search .bill-goback {
      margin-right: 10px;
    }

    .notificationpage .top-search .bill-goback svg {
      margin-left: 0px;
      margin-right: 0px;
      width: 35px !important;
      height: 35px !important;
    }

    .notification-box .more-post-optns>ul>li {
      border-bottom: 1px solid rgb(0, 0, 0, 0.1);
      padding: 4px 10px;
    }

    .notification-box .more-post-optns>ul>li:last-child {
      border-bottom: none;
    }

    .connectionpage .connections-tab ul li a {
      flex-direction: column;
    }

    .connectionpage .connections-tab ul li {
      background: var(--bg-white);
      padding: 50px 50px;
      border-radius: 17px;
      margin-bottom: 10px;
      box-shadow: 0px 2px 16px #50B8558F;
    }

    .connectionpage .connections-tab {
      padding: 10px 20px;
      margin-top: 10px;
    }

    .connectionpage .connections-tab ul li:hover {
      background: var(--bg-white);
      border-bottom: none;
      box-shadow: 0px 2px 16px #50B8558F;
      border-radius: 17px;
    }

    .connections-tab ul li.active a .connect-icon {
      background: var(--bg-white);
    }

    .connections-tab ul li.active a .connect-icon svg path {
      fill: var(--primary-color);
    }

    .connections-tab ul li a span {
      margin-top: 20px;
    }

    .connections-tab ul li a .connect-icon {
      margin-right: 0px;
    }

    .a_middle_sec li {
      margin: 0px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .a_middle_sec ul li a.onlydescktop {
      display: none;
    }

    .connectiongrid .connections-tab {
      display: none;
    }

    .connections-users .u-list ul li {
      width: 46%;
      margin: 0px 5px;
      margin-bottom: 40px;
    }

    .cshare-popup.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .cshare-popup {
      display: none;
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 40px 30px 60px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-x: hidden;
    }

    .cshare-popup ul li a {
      font-size: 14px;
    }

    ul.connections-listview .cshare-popup {
      width: 100%;
      bottom: 0px;
    }

    .conct-share {
      padding: 0px 5px;
    }

    .connectionpage .top-search {
      display: block;
    }

    .top-search .bill-goback {
      display: block;
    }

    .connectionpage .top-search {
      display: flex;
      align-items: center;
      margin-top: 0px;
      margin-bottom: 0px;
    }

    .connectionpage .top-search .bill-goback {
      margin-right: 10px;
    }

    .connectionpage .top-search .bill-goback svg {
      margin-left: 0px;
      margin-right: 0px;
      width: 50px !important;
      height: 50px !important;
      padding: 10px;
      background: #F1FBF1;
      border-radius: 50%;
      flex-shrink: 0;
    }

    .connectionlist .connections-tab {
      display: none;
    }

    .connections-users ul.connections-listview li .connect-memb {
      flex-direction: column;
    }

    ul.connections-listview .connect-memb .connect-info {
      width: 100%;
    }

    ul.connections-listview .connct-others {
      width: auto;
    }

    .connectionlist .conct-share {
      justify-content: flex-start;
      margin-top: 10px;
    }

    .connect-memb .connect-info .cont-name {
      color: var(--primary-color);
      font-weight: 500;
    }

    .cnt-cnt span {
      color: var(--color-black1);
      font-size: 14px;
    }

    ul.connections-listview .connct-others .cont-icon.cont-message {
      margin-right: 7px;
      height: 34px;
      width: fit-content;
      padding: 0px 15px;
      background: var(--primary-color);
      color: #fff;
    }

    ul.connections-listview .connct-others .cont-icon.cont-message svg path {
      fill: #fff;
    }

    .connectionlist .top-search .grid-list.desknone,
    .connectiongrid .top-search .grid-list.desknone {
      display: flex;
      margin-left: 10px;
    }

    .top-search input#myInput {
      border-radius: 14px;
      height: 40px;
      background-size: 17px !important;
    }

    .grid-list a.list:first-child {
      margin-right: 10px;
    }

    .grid-list a.grid.active,
    .grid-list a.list.active {
      color: var(--color-green);
    }

    .grid-list a.grid,
    .grid-list a.list {
      color: #D0D9E2;
      font-size: 20px;
    }

    .connct-others .cont-icon.cont-message {
      border: 1px solid #50B855;
      background: var(--primary-color);
      color: #fff;
    }

    .connct-others .cont-icon svg path {
      fill: #fff;
    }

    .connct-others .cont-icon.cont-more {
      border: 1px solid #50B855;
      color: var(--primary-color);
    }

    .connct-others .cont-icon.cont-more i {
      background-color: var(--primary-color);
    }

    .connectiongrid .grid-list a:nth-child(2) i {
      color: var(--primary-color);
    }

    .connectionlist .grid-list a:nth-child(1) i {
      color: var(--primary-color);
    }

    .connectiongrid .connections-users ul li .connect-memb {
      border: 1px solid #DAF6DA;
      box-shadow: none;
      border-radius: 0px;
    }

    .connectiongrid .grid-list-menu,
    .connectionliist .grid-list-menu {
      display: none;
    }

    .connectionrequest .connections-tab {
      display: none;
    }

    .connectionrequest .customtabs {
      justify-content: center;
    }

    .connectionrequest .connections-users ul.connections-requests li .requests-memb {
      flex-direction: column;
      align-items: flex-start;
    }

    .connectionrequest .connections-users ul.connections-requests li .requests-memb .requests-others {
      margin-top: 6px;
      margin-left: 50px;
    }

    .connectionrequest .connections-users .conuser {
      padding: 0px 10px;
    }

    .invite-cnt img {
      width: 40%;
      flex-shrink: 0;
    }

    h4.invite-title {
      font-size: 16px;
    }

    p.invite-sbutitle {
      font-size: 16px;
    }

    p.invite-para {
      font-size: 12px;
    }

    .imports-contact,
    .invite-yourcontacts,
    .contact-con {
      padding: 0px 10px;
    }

    .imports-contact {
      margin-bottom: 20px;
      margin-top: 20px;
    }

    .connectioncontacts .connections-tab {
      display: none;
    }

    .connectioncontacts .contact-con .requests-memb .requests-info {
      width: 70%;
    }

    .connectionpage .cmngoback,
    .notificationpage .connectionsgoback {
      display: none;
    }

    .connectionimport .bill-goback {
      margin-bottom: 30px;
    }

    .connectionimport .connect_wrapper {
      padding: 40px 20px 70px 20px;
    }

    .ideazchatpage .mobile_header {
      display: none;
    }

    .ideazchatpage .main-section .grid-container {
      padding-right: 10px;
      padding-left: 10px;
    }

    .helpsec {
      top: 5px;
      bottom: unset;
      background: transparent;
      height: fit-content;
      width: fit-content;
    }

    .chat-leftsidebar {
      margin-top: 0px;
      background: transparent;
      box-shadow: none;
    }

    .zi-chatgroup {
      padding: 5px 20px;
    }

    .chat-list.chat-user-list {
      padding: 0px 0px 50px 0px;
    }

    .swiper-slide label span {}

    .planbox.standardbox {
      display: none;
    }

    .promo-sec {
      display: flex;
      align-items: self-start;
      flex-direction: column;
      width: 100%;
    }

    .promo-aply {
      width: 100%;
    }

    .plan-amnt {
      width: 100%;
    }

    .contact-sec {
      flex-direction: column;
    }

    .contact-infotext {
      width: 100%;
    }

    .contact-infoimage {
      width: 60% !important;
      margin: 0 auto !important;
      z-index: 99;
    }

    .contact-infotext {
      width: 100% !important;
      position: relative !important;
      padding: 30px 20px !important;
      text-align: center !important;
    }

    .zinfinitee-marketing .contact-infoimage img {
      margin-top: -40px;
    }

    .zinfinitee-marketing {
      height: 390px;
    }

    .contact-infotext:after {
      content: none;
    }

    .contact-infotext p {
      padding-right: 0px;
      font-size: 16px;
    }

    .plan-contactus {
      height: 325px;
    }

    .contact-infobtn {
      width: 85%;
      padding: 0px 0px;
      margin: 0 auto;
    }

    .subscriptions-sec {
      background: var(--bg-white) none repeat scroll 0 0;
      border: none;
      border-radius: 17px;
      width: 95%;
      margin-bottom: 20px;
      padding: 20px;
      position: relative;
      box-shadow: var(--box-shawdow);
      margin: 0px auto;
    }

    h1.scri-title {
      font-size: 20px;
      font-weight: bold;
    }

    p.sub-tle {
      font-size: 14px;
    }

    ul#subscriptions-tabs li {
      width: 125px;
    }

    .subscription-tab .tabs-content .plan-info {
      width: 100%;
    }

    .subscriptions-prices .radio-choosen label {
      font-size: 16px;
      margin-right: 1px;
    }

    .subscription-tab .tabs-panel {
      padding: 0px;
    }

    .promo-sec p {
      margin-bottom: 10px;
      font-weight: bold;
    }

    .plan-selected p {
      font-size: 16px;
      font-weight: bold;
    }

    .plan-submit {
      padding-bottom: 100px;
    }

    .plan-submit button {
      width: 100%;
    }

    .cnt-infobtn {
      font-size: 16px;
    }

    ul#subscriptions-tabs li a {
      padding: 15px 20px;
    }

    .plan-boxsec {
      flex-direction: column;
    }

    .pricing {
      display: none;
      padding-bottom: 20px;
    }

    .planbox,
    .planbox2 {
      border-radius: 0px;
      border: none;
      border-bottom: 1px solid rgb(0 0 0 / 10%);
      width: 100%;
      margin-right: 0px;
    }

    .mplantab .plan-tle {
      display: flex;
      align-items: center;
    }

    .mplantab .plan-tle svg {
      margin-right: 10px;
    }

    .mplantab .plan-tle b {
      font-size: 16px;
    }

    .planbox .mplantab .plancheck,
    .planbox2 .mplantab .plancheck {
      position: relative;
      opacity: 1 !important;
      cursor: pointer;
      left: unset;
      right: unset;
      margin-bottom: 0px;
      margin-right: 10px;
    }

    .planbox:hover,
    .planbox2:hover {
      box-shadow: none;
      border: none;
    }

    .mplantab {
      display: flex;
      align-items: center;
      padding: 10px 0px;
      opacity: 1 !important;
      position: relative;
    }

    .mplantab input[type='radio'] {
      -webkit-appearance: none;
      width: 20px;
      height: 20px;
      border: 1px solid #707070;
      border-radius: 50%;
      outline: none;
    }

    .planbox:hover,
    .planbox2:hover {
      border-bottom: 1px solid rgb(0 0 0 / 10%) !important;
    }

    .planbox.active,
    .planbox2.active {
      box-shadow: none;
      border: none;
      border-bottom: 1px solid rgb(0 0 0 / 10%) !important;
    }

    .planbox.active {
      border: none !important;
      border-bottom: 1px solid rgb(0 0 0 / 10%) !important;
    }

    .mplantab input[type='radio']:before {
      content: '';
      display: block;
      width: 60%;
      height: 60%;
      margin: 20% auto;
      border-radius: 50%;
    }

    .mplantab input[type='radio']:checked:before {
      background: var(--primary-color);
    }

    .mplantab input[type='radio']:checked+label {
      color: var(--color-black1);
    }

    .mplantab label {
      color: var(--color-black1);
    }

    .mplantab .planaccor {
      position: absolute;
      right: 0px;
      width: 30px;
      height: 30px;
      border: 1px solid rgb(0 0 0 / 10%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .pricing li {
      justify-content: space-between;
      text-align: left;
      padding: 0px 10px;
    }

    .pricing li:nth-child(odd) {
      background: var(--bg-white);
    }

    .pricing li p {
      width: 70%;
    }

    .pricing li span.tex {
      width: 30%;
      text-align: right;
    }

    .pricing li.plan-tle {
      display: none;
    }

    .pricing li:first-child,
    .pricing li:last-child {
      padding: 0px 10px;
    }

    .pricing li p {
      display: block;
    }

    .rotate {
      transform: rotate(-180deg);
      transition: .3s;
    }

    .rotate-reset {
      transform: rotate(0deg);
      transition: .3s;
    }

    .plansubscriptionspage aside.sidemenu {
      z-index: 9999;
    }

    .plansubscriptionspage .mobile_header {
      display: none;
    }

    .plansubscriptionspage .bill-goback {
      margin: 20px 20px;
    }

    .plansubscriptionspage .tabs-panel {
      transform: none !important;
      position: relative !important;
      max-height: 100% !important;
      overflow-y: hidden !important;
      height: auto !important;
      display: none;
    }

    .promo-sec .control-group {
      width: 100%;
    }

    .bill-goback.mgoback {
      display: flex;
      padding-bottom: 20px;
      margin-left: 15px !important;

    }

    .plansubscriptionspage .bill-goback.mgoback {
      padding-bottom: 0px;
    }

    .bill-goback.mgoback svg {
      background: #F1FBF1;
      border-radius: 50%;
      width: 40px !important;
      height: 40px !important;
      padding: 7px;
      flex-shrink: 0;
    }

    .bill-goback.mgoback span {
      margin-left: 10px;
      font-size: 16px;
      line-height: 1.1;
    }

    .billinfopage .bilng-title {
      display: none;
    }

    .billinfopage .billing-sec {
      padding: 20px 10px;
    }

    .billinfopage .mobile_header {
      display: none;
    }

    .billinfopage .billing-information .bill-goback {
      display: none;
    }

    .billing-forms {
      margin-top: 0px;
    }

    .billinfopage .submtbtn {
      width: 100%;
    }

    .billing-information {
      padding: 30px;
      padding-bottom: 90px;
    }

    .alreadysubscriptionpage .mobile_header {
      display: none;
    }

    .subscription-payments {
      padding: 20px 0px;
    }

    .subscription-box {
      background: transparent;
      box-shadow: none;
    }

    .subscription-box ul li {
      margin-bottom: 20px;
    }

    .subscription-box ul li:first-child a {
      padding-top: 20px;
    }

    .subscription-box ul li:last-child a {
      padding-bottom: 20px;
    }

    .subscription-box ul li a {
      border: none;
      background: var(--bg-white);
      padding: 20px 20px;
      box-shadow: 0px 3px 48px #5adf6029;
      margin-bottom: 0px;
      height: 60px;
      border-radius: 17px;
    }

    .sub-paytitle {
      margin-bottom: 0px;
    }

    .subscriptionyplan .mobile_header {
      display: none;
    }

    .subscriptionyplan .bilng-title {
      font-size: 20px;
      margin-bottom: 10px;
    }

    .subscriptionyplan .main-section {
      margin: 0px 10px;
    }

    .subscriptionyplan .yourplan .bill-goback {
      display: none;
    }

    .subscriptionyplan .yourplan {
      padding: 0px 20px;
    }

    .txtbox,
    .billinginfo li p.txt2 {
      width: 30%;
      font-size: 14px;
    }

    .totl-prceinfo li .txt2 {
      width: 30%;
      font-size: 14px;
    }

    .switch-cancelbtns .switchbtns {
      flex-direction: column;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .switchbtns .switchbtn {
      margin-bottom: 10px;
    }

    .previous-plan {
      padding: 20px;
    }

    .previous-plan h4 {
      font-size: 18px;
    }

    .previous-plan ul li p {
      font-size: 14px;
    }

    .viewbtnss {
      text-align: center;
    }

    .viewall-btn {
      background: transparent !important;
      color: var(--primary-color);
    }

    .biilingpadding {
      padding: 20px 0px 100px 0px;
    }

    .cancelsubscriptions .main-section {
      margin: 0px 10px;
    }

    .cancel-box {
      padding: 70px 30px;
      margin-top: 60px;
    }

    .cancel-box .btns-continue {
      width: 100%;
    }

    .cancelsubscriptions .mobile_header {
      display: none;
    }

    .subscription-cancel {
      padding: 20px 0px 120px 0px;
    }

    .subscription-history ul.history-lists li {
      padding: 0px 10px;
    }

    .purchase-prze {
      width: 20%;
    }

    .purchase-prze .pamount {
      font-size: 14px;
    }

    .subscription-history ul.history-lists li .purchase-details {
      width: 80%;
    }

    .purchase-details .pplan,
    .purchase-details .pdate {
      font-size: 12px;
    }

    .purchase-details .pplan {
      margin: 0px 10px;
    }

    .purchase-date .pdesc,
    .purchase-date .pdate,
    .purchase-amt .pprices {
      font-size: 14px;
    }

    .subpurchasehistory .mobile_header {
      display: none;
    }

    .history-lists {
      margin-top: 0px;
    }

    .subscription-history {
      padding: 0px 10px;
      margin-top: 0px;
    }

    .subpurchasehistory .bill-goback.mgoback {
      margin-left: 0px !important;
      margin-top: 15px;
    }

    .purchase-date .pdate {
      width: 30%;
    }

    .purchase-date .pdesc {
      margin: 0px 0px 0px 39px;
      width: 65%;
    }

    .purchase-details .pplan {
      width: 50%;
    }

    .purchase-details .pdate {
      width: 30%;
    }

    .switchplanspage .mobile_header {
      display: none;
    }

    .switchplanspage .bill-goback,
    .paymantsucessfulpage .bill-goback,
    .paymantfailedfulpage .bill-goback {
      margin: 20px 20px;
    }

    .paymantsucessfulpage .mobile_header,
    .paymantfailedfulpage .mobile_header {
      display: none;
    }

    .paymantsucessfulpage .main-section,
    .paymantfailedfulpage .main-section {
      margin: 0px 10px;
    }

    .payment-successful {
      padding: 10px 0px 100px 0px;
    }

    .successful-box ul li .txt2,
    .successful-box ul li .cnt-desc .txt2 {
      font-size: 14px;
    }

    .successful-box ul li.totalprc-dtls .txt2 {
      font-size: 16px;
    }

    .successful-box.failed .submtbtn {
      width: 100%;
    }

    .searchproductspage .mobile_header {
      display: none;
    }

    .cmnmbsearchfilter .filterbtns {
      bottom: 10px !important;
    }

    .cmnmbsearchfilter .top-search {
      display: flex;
      align-items: center;
      margin-top: 0px;
      margin-bottom: 0px;
    }


    .mobsearchfilter svg path {
      fill: var(--primary-color);
    }

    .mobsearchfilter {
      margin-left: 10px;
      display: flex;
      align-items: center;
    }

    .cmnmbsearchfilter .bill-goback.mgoback {
      margin-left: 0px !important;
      padding-bottom: 0px;
    }

    .cmnmbsearchfilter .top-search form input {
      margin-bottom: 0px;
      border-radius: 14px;
      height: 40px;
      font-size: 14px;
      background-size: 17px !important;
    }

    .cmnmbsearchfilter .connections-tab ul {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .cmnmbsearchfilter .connections-tab ul li a .connect-icon {
      display: none;
    }

    .cmnmbsearchfilter .connections-tab ul li.active,
    .connections-tab ul li:hover {
      background: transparent;
      box-shadow: none;
      color: var(--primary-color);
      border-bottom: 2px solid var(--primary-color);
      border-radius: 0px;
    }

    .cmnmbsearchfilter .connections-tab ul li.active a span {
      color: var(--primary-color);
    }

    .cmnmbsearchfilter .connections-tab {
      border-top: 1px solid rgb(0 0 0 / 10%);
      border-bottom: 1px solid rgb(0 0 0 / 10%);
    }

    .cmnmbsearchfilter .connections-tab ul li {
      padding: 15px 8px;
      margin-bottom: 0px;
    }

    .cmnmbsearchfilter .connections-tab ul li a span {
      font-size: 14px;
      color: var(--color-black1);
      font-weight: 500;
      margin-top: 0px;
    }

    .filtertab {
      flex-direction: column;
    }

    .cmnmbsearchfilter .sort-by {
      display: none;
    }

    .cmnmbsearchfilter ul.filtercustomtabs .dropbtn i {
      margin-left: 4px;
    }

    .cmnmbsearchfilter ul.filtercustomtabs .dropbtn {
      padding: 0px 5px 0px 10px;
      margin-right: 5px;
    }

    .cmnmbsearchfilter ul.filtercustomtabs li:nth-child(3) button.dropbtn {
      margin-right: 0px;
    }

    .cmnmbsearchfilter .filtercustomtabs .dropdown-content .filterbtns {
      position: relative;
      width: 100%;
    }

    .livesegmentdrop.dropdown-content .filterbtns {
      position: relative;
      width: 100%;
    }

    .livesegmentdrop.dropdown-content.show {
      padding: 50px 30px 30px 30px !important;
    }

    #areasareas,
    #segmentareas {
      max-height: 350px;
    }

    .sdate-sec #e-time {
      padding: 10px 10px 10px 40px;
    }

    .livesegmentdrop.dropdown-content .filterbtns .fltraplybtn {
      height: 40px;
      width: fit-content;
      padding: 0px 20px;
      font-size: 14px;
    }

    .livesegmentdrop.dropdown-content .filterbtns {
      bottom: 70px;
      padding: 17px 0px;
      background: #fff;
      font-size: 14px !important;
      bottom: 10px !important;
    }

    #searchInput_location,
    #searchInput_segment,
    #searchInput_aoi {
      height: 40px;
    }

    .cmnmbsearchfilter .filtercustomtabs .dropdown-content .filterbtns .fltraplybtn {
      height: 40px;
      width: fit-content;
      padding: 0px 20px;
      font-size: 14px;
    }

    .filterbtns .fltrcancelbtn {
      font-size: 14px;
    }

    .livesegmentdrop.dropdown-content.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .livesegmentdrop.dropdown-content {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 30px 100px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }


    .cmnmbsearchfilter .filtercustomtabs .dropdown-content.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .cmnmbsearchfilter .filtercustomtabs .dropdown-content {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 30px 100px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .mobilehide.desckblock {
      display: none;
    }

    .deskhide.mobileblock {
      display: block !important;
    }

    .cmnmbsearchfilter .mobile_header,
    .abtestresultpage .mobile_header {
      display: none;
    }

    .searchspacepage .search-space {
      flex-direction: column;
      align-items: flex-start;
    }

    .searchspacepage .space-details {
      width: 100%;
      margin-bottom: 15px;
    }

    .searchspacepage .space-details .group-img {
      flex-shrink: 0;
    }

    .space-btns button {
      height: 40px;
      font-size: 14px !important;
    }

    .zilivecafesec {
      margin-top: 20px;
    }

    .pro-vertical {
      flex-direction: column;
    }

    .pro-vertical .pro-image {
      width: 100%;
    }

    .pro-vertical .pro-vercnt {
      width: 100%;
      margin-top: 20px;
    }

    .people-details {
      width: 100%;
    }

    .zicafeitem .people-details {
      display: flex;
      align-items: center;
    }

    .pro-vertical .product-post-cnt {
      width: 100%;
    }

    .zicafeitem .pro-vertical .view-pdf {
      margin-top: 10px;
      position: absolute;
      right: 10px;
      bottom: 20px;
    }

    .central-meta.zicafeitem {
      padding-bottom: 50px;
    }

    .view-pdf a {
      height: 40px;
      border-radius: 30px;
      justify-content: center;
      width: auto;
    }

    .pro-vertical .product-post-cnt {
      padding-top: 15px;
    }

    .view-pdf a {
      font-size: 12px;
    }

    .view-pdf.mhide {
      display: flex !important;
      flex-wrap: wrap;
      justify-content: end;
      gap: 10px;
      width: 100%;
    }

    .view-pdf.mhide a {
      margin-left: 0px;
    }

    .zicafeitem .product-post-cnt .ppost-title {
      font-weight: bold;
    }

    .zicafeitem .pro-dev {
      top: 12px;
    }

    .cmnmbsearchfilter .people-info {
      flex-direction: column;
    }

    .cmnmbsearchfilter .people-msg {
      width: 100%;
      justify-content: flex-start;
    }

    .cmnmbsearchfilter .msgbtns .pmsgbtn,
    .cmnmbsearchfilter .msgbtns .pcnt-btn {
      font-size: 14px;
      padding: 0px 30px;
      height: 35px;
      width: 48%;
      margin-right: 10px;
    }

    .cmnmbsearchfilter .msgbtns {
      margin-top: 10px;
      width: 100%;
      justify-content: flex-start;
    }

    .searchpostpage .activitiestab {
      margin-top: 20px;
    }

    .friend-info .uprofname span {
      width: 100%;
      font-size: 10px;
    }

    .abtestresultpage {
      margin: 0px 10px;
    }

    .order-sm-2 {
      order: 2;
    }

    .order-sm-1 {
      order: 1;
    }

    .abtestcmn .promote-tlesec {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: row;
    }

    .abtestcmn .promote-tlesec h1 {
      display: none;
    }

    .abtestcmn .promote-section {
      padding-top: 20px;
      padding-bottom: 50px;
    }

    .abtestcmn .bill-goback.mgoback {
      padding-bottom: 0px;
    }

    .promotepages .promote-section {
      padding-top: 20px;
    }

    .promotepages .main-section {
      margin: 0px 10px;
      padding-bottom: 50px;
    }

    .promotepages .mobile_header {
      display: none;
    }

    .promotepages .bill-goback.mgoback {
      margin-left: 0px !important;
      margin-top: 0px;
    }

    .promotepages .prom-title {
      font-size: 20px;
    }

    .calldropdown-select {
      height: 50px;
      line-height: 50px;
    }

    .promotion-user .scroll {
      height: auto;
      overflow-y: unset;
    }

    .plock svg {
      height: 20px;
    }

    .prouser-name h4 {
      font-size: 15px;
      width: 55px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .prouser-details .calldropdown-select.wide {
      width: 140px;
      position: absolute;
      right: 50px;
      height: 40px;
      line-height: 40px;
      font-size: 12px;
      z-index: 1;
    }

    .actionurlredata.pro_edit_ac_select .calldropdown-select.open .list {
      transform: none !important;
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -o-transform: none !important;
      transition: none;
      bottom: auto;
      display: block !important;
      position: relative;
      opacity: 1;
      z-index: 9999;
      max-height: fit-content;
      overflow-y: auto;
    }

    .inf-icon {
      z-index: 0;
    }

    .prouser-details figure img {
      border-radius: 12px;
      margin-right: 10px;
      width: 40px;
      height: 40px;
    }

    .promo_head input,
    .promo_head select {
      margin-bottom: 10px;
    }

    .promotion-user.cards-sec {
      margin-bottom: 10px;
    }

    .promo_head {
      margin-bottom: 10px;
    }

    .segments-reach.cards-sec.seg-sec,
    .segments-reach.cards-sec.englevel-sec,
    .look-like.cards-sec.looklike-sec {
      margin-bottom: 10px;
    }

    .zimarketing .pro-credit {
      font-size: 18px;
    }

    .scroll.locscroll {
      height: auto;
    }

    .promote-tlesec {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      margin-bottom: 20px;
      flex-direction: column;
    }

    .pro-options {
      margin-bottom: 10px;
    }

    .calldropdown-select.wide .list {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 30px 100px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .calldropdown-select.open .list {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .budgetcmn .create-advertisment,
    .budgetcmn .mobile_header,
    .budgetcmn .budget-schedule .bill-goback,
    .budgetcmn .zinfinitee-marketing {
      display: none;
    }

    .budgetcmn .bill-goback.mgoback {
      margin-top: 20px;
      padding-bottom: 0px;
    }

    .budgetcmn .budget-schedule {
      background: transparent;
      box-shadow: none;
      padding: 20px;
    }

    .date-select {
      align-items: flex-start;
      flex-direction: column;
    }

    .start-date,
    .end-date {
      width: 100%;
    }

    .budgetschedulepage .start-date,
    .budgetschedulepage .end-date {
      width: 100%;
    }

    .total-add p.tlcost {
      background: #EBF5EB;
      color: var(--primary-color);
      border: 1px solid #EBF5EB;
    }

    .total-add p.tlcost span {
      color: var(--primary-color);
    }

    .budget-sec {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      background: var(--bg-white);
      padding: 20px;
      box-shadow: 0px 3px 48px #0000000f;
      border-radius: 17px;
    }

    .budget-sec img {
      height: auto;
      margin-right: 0px;
    }

    .budget-sec p {
      width: 100%;
      margin-top: 10px;
    }

    .budgetcmn .promote-section {
      padding-top: 0px;
    }

    .budgetcmn .budget-cnt {
      margin-top: 0px;
    }

    .budget-submit button {
      width: 100%;
    }

    .daterangepicker {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      top: unset !important;
      left: 0;
      right: 0;
      padding: 20px 30px 20px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .daterangepicker.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .budgetcmn .btn-sm.btn-default1,
    .budgetcmn .btn-sm.btn-primary1 {
      display: flex !important;
      width: 50%;
      padding: 0px;
      border: none;
      font-size: 14px;
    }

    .budgetcmn .cancelBtn {
      width: fit-content;
      padding: 0px 20px;
      box-shadow: 0px 0px 6px #0000001c;
      background: var(--bg-white);
      color: var(--color-black1);
      font-size: 12px;
      height: 35px;
      border-radius: 22px;
      line-height: 35px !important;
      float: right;
      font-weight: normal;
      cursor: pointer;
    }

    .budgetcmn .applyBtn {
      width: fit-content;
      padding: 0px 20px;
      box-shadow: 0px 0px 6px #0000001c;
      background: var(--primary-color) !important;
      color: var(--color-white);
      font-size: 12px;
      height: 35px;
      border-radius: 22px;
      line-height: 35px !important;
      float: right;
      font-weight: normal;
      cursor: pointer;
    }

    .daterangepicker .drp-buttons {
      padding: 15px 0px;
    }

    .daterangepicker .drp-calendar {
      max-width: 100%;
    }

    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
      font-size: 14px;
    }

    .daterangepicker .calendar-table th.next {
      background: #F1FBF1;
      border-radius: 50%;
      line-height: 24px !important;
    }

    .daterangepicker .calendar-table .next span {
      border: solid var(--primary-color) !important;
      border-width: 0 2px 2px 0 !important;
      border-radius: 0;
    }

    .daterangepicker .calendar-table th.prev {
      background: #F1FBF1;
      border-radius: 50%;
      line-height: 24px !important;
    }

    .daterangepicker .calendar-table .prev span {
      border: solid var(--primary-color) !important;
      border-width: 0 2px 2px 0 !important;
      border-radius: 0;
    }

    .ui-timepicker-container {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100% !important;
      margin: 0;
      position: fixed;
      bottom: 0;
      top: unset !important;
      left: 0 !important;
      right: 0 !important;
      padding: 20px 30px 20px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .ui-timepicker-container.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999 !important;
      max-height: 80vh;
      overflow-y: auto;
    }

    .ui-timepicker-container .ui-widget.ui-widget-content {
      width: fit-content !important;
    }

    .ui-timepicker-container .ui-timepicker-viewport {
      width: 100% !important;
      padding-right: 0px !important;
    }

    .ap-overlay.ap-layout-popup .ap-cont {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100% !important;
      margin: 0;
      position: fixed;
      bottom: 0;
      top: unset !important;
      left: 0 !important;
      right: 0 !important;
      padding: 20px 30px 20px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
      padding-bottom: 100px !important;
    }

    .ap-overlay.ap-layout-popup.ap-show .ap-cont {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999 !important;
      max-height: 80vh;
      overflow-y: auto;
    }

    .ap-show {
      animation: none !important;
      opacity: 1;
    }

    .ap-theme-default:not(.ap-layout-inline):not(.ap-layout-relative) .ap-cont {
      border: none;
    }

    .badge-section {
      padding: 20px;
      background: transparent;
      box-shadow: none;
      margin: 0px 0px;
      padding-bottom: 100px;
    }

    .badge-cnt h1 {
      font-size: 20px;
      color: var(--color-black1);
    }

    .badge-cnt h1 img {
      margin-right: 10px;
      width: 40px;
    }

    .badge-cnt {
      text-align: left;
    }

    .badge-cnt h1 {
      margin-bottom: 20px;
    }

    h4.badge-tle {
      font-size: 18px;
      text-align: left;
    }

    .choose-method {
      width: 100%;
      margin: 20px auto 0px auto;
    }

    .badge-btns .gobackbtns {
      display: none;
    }

    .badge-btns {
      justify-content: flex-end;
    }

    .requestbadgepage1 .badge-cnt h1 {
      display: none;
    }

    .requestbadgepage1 .badge-tle {
      margin-bottom: 20px;
    }

    .requestbadgepage1 .badge-tle img {
      margin-right: 10px;
      width: 30px;
    }

    .badge-cnt p {
      color: var(--color-black1);
    }

    .badge-account {
      width: 100%;
    }

    .budgetcmn input {
      border: 1px solid #E6E6E6;
      background: var(--bg-white);
    }

    .badge-btns .continuebtns {
      width: 163px;
      height: 54px;
      box-shadow: 0px 0px 6px #00000029;
      border-radius: 14px !important;
      background: var(--bg-white);
      color: var(--color-black1);
      font-size: 16px;
    }

    .prooffileUpload {
      height: 70px;
      box-shadow: 0px 0px 6px #00000029;
      border-radius: 14px;
      padding: 0px 25px;
      margin-top: 30px;
      align-items: center;
    }

    .prooffileUpload span {
      font-size: 14px;
    }

    .badge-section.badge-completed .badgecmpletecnt {
      width: 100%;
      padding: 0px 0px;
    }

    .badgecmpletecnt h4 {
      display: none;
    }

    .badge-section.badge-completed .badgeacnt-btns {
      justify-content: flex-end;
      margin-top: 200px;
    }

    .badge-section.badge-completed .badgeacnt-btns .continuebtns {
      display: block;
    }

    .requestbadgepage1 .badge-tle {
      display: flex;
      align-items: center;
    }

    h4.badge-tle img {
      display: flex;
    }

    .more .postcate {
      font-size: 8px;
      margin-right: 10px;
    }

    .more-post-optns {
      margin-left: 10px;
    }

    figure img.uprofile {
      border-radius: 14px;
      width: 45px;
      height: 45px;
    }

    .mhide {
      display: none !important;
    }

    .promotionanalysistabs ul {
      border-top: 1px solid rgb(0 0 0 / 10%);
      border-bottom: 1px solid rgb(0 0 0 / 10%);
      padding: 0px;
      overflow-x: auto;
    }

    .promotionanalysistabs ul li a img {
      top: -5px;
      right: 0px;
      width: 28px;
    }

    .promotionanalysistabs ul::-webkit-scrollbar {
      display: none;
    }

    .promotionanalysistabs ul li.active a {
      background: transparent;
      /* color: var(--primary-color); */
    }

    .promotionanalysistabs ul li.active {
      background: transparent;
      border-bottom: 2px solid var(--primary-color);
      color: var(--primary-color);
    }

    #promotion-analytics tbody td:first-child {
      padding-left: 10px;
    }

    #promotion-analytics tbody td .pro-post img {
      margin-right: 10px;
      height: 30px;
      width: 30px;
    }

    #promotion-analytics tbody td .pro-post p {
      font-size: 14px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .promotionanalysistabs ul li {
      flex-shrink: 0;
      padding: 15px 0px;
    }

    .promotionanalysistabs ul li a {
      font-size: 14px;
      color: var(--color-black1);
      box-shadow: none;
      background: transparent;
      border-radius: 0px;
      padding: 10px 5px !important;
      position: relative;
    }

    .procmn .mobile_header {
      display: none;
    }

    .promotionanalysistabs h1 {
      display: none;
    }

    .procmn .bill-goback.mgoback {
      margin-top: 15px;
      padding-bottom: 0px;
    }

    .promotionanalysistabs {
      padding: 10px 0px 0px 0px;
      position: relative;
    }

    .procmn .main-section {
      padding-bottom: 80px;
    }

    .procmn .owl-theme .owl-nav.disabled+.owl-dots {
      margin-top: 0px;
    }

    .chartbox.mb-20.chartline1box {
      margin-bottom: 10px !important;
    }

    .mchartbox {
      margin-top: 20px;
    }

    #promotion-analytics thead th {
      padding: 5px 20px;
      width: 25% !important;
    }

    table.dataTable>thead .sorting:before,
    table.dataTable>thead .sorting:after {
      content: none;
    }

    .dataTables_paginate ul.pagination {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .dataTables_paginate .pagination .paginate_button {
      display: block;
    }

    .procmn.innerpage {
      padding-left: 10px;
    }

    .delete-postsum .sumarydeletebtn {
      background: #CC1818;
      color: #fff;
      border-radius: 14px !important;
    }

    .promotionanprevpage .promote-section {
      padding-top: 20px;
    }

    .promotionanprevpage .pro-summartle.justifyright {
      justify-content: flex-end;
    }

    .promotionanprevpage .pro-summartle {
      margin-top: 20px;


    }

    .promo-created .mflex {
      display: flex;
      align-items: center;
    }

    .promo-created .mflex p.crtdate {
      font-size: 20px;
      color: var(--color-black1);
      margin-left: 5px;
    }

    .schedule-status.mshow {
      display: block;
      margin-top: 0px;
    }

    .mshow.schedule-status h6 {
      font-size: 18px;
      color: var(--color-black1);
    }

    .promo-created h4,
    .promo-created .mflex p.crtdate {
      font-size: 18px;
    }

    .promotion-details .prom-tle {
      font-size: 20px;
    }

    .schedule-status {
      /* display: none; */
    }

    .promo-created p {
      font-size: 14px;
    }

    .promotion-listssec.dflex {
      flex-direction: column;
    }

    .promotionupdate-post {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 20px;
    }

    .mshow {
      display: block;
    }

    .mflex {
      display: flex;
    }

    .summupdatebtns {
      display: flex;
      justify-content: flex-end;
      margin-top: 20px;
    }

    .promo-created .updatebtn {
      width: 100%;
    }

    .direct-results ul li {
      width: 30%;
    }

    .direct-results ul li:nth-child(3),
    .direct-results ul li:nth-child(6),
    .direct-results ul li:nth-child(9) {
      margin-right: 0px;
    }

    .direct-results ul .resultsbox {
      background: var(--bg-white);
      box-shadow: 0px 3px 6px #00000029;
      border-radius: 14px;
      text-align: center;
    }

    #reactionsModal .reaction-msg {
      display: none;
    }

    #newconnectionsModal .reaction-info {
      flex-direction: column;
    }

    #newconnectionsModal .reaction-info {
      align-items: flex-start;
    }

    #newconnectionsModal .reaction-msg {
      margin-top: 10px;
      width: 100%;
    }

    .msgbtns .pcnt-btn,
    .msgbtns .pmsgbtn,
    .msgbtns .pdiscnt-btn {
      width: 50%;
      height: 40px;
      font-size: 14px;
    }

    #promotionsharesModal .reaction-info {
      flex-direction: column;
    }

    #promotionsharesModal .reaction-info {
      align-items: flex-start;
    }

    #promotionsharesModal .reaction-msg {
      margin-top: 10px;
      width: 100%;
    }

    #postdelete {
      max-width: 100%;
      padding: 20px 50px;
    }

    .profeedbtn button {
      padding: 0px 10px;
      margin-right: 10px;
      min-width: 69px !important;
      text-align: center;
      justify-content: center;
    }

    .feed-post-tab li.tab.mobileshow {
      display: flex;
    }

    .central-meta {
      margin-bottom: 10px;
    }

    .other-profile .post-section .post-tab {
      display: flex;
    }

    .post-section .post-tab {
      display: none;
    }

    .post-section .post-tab.profiletab {
      display: flex;
    }

    .fcontactbtn {
      padding: 0px 10px;
      margin-top: 0px;
      margin-bottom: 20px;
    }

    .mb-100 {
      margin-bottom: 0px !important;
    }

    .audienceheader {
      align-items: flex-start;
    }

    .audiencebox {
      flex-direction: column;
    }

    .audiencebox .audiencecnt,
    .audiencebox .apex-charts,
    .apexcharts-canvas {
      width: 100% !important;
    }

    .apexcharts-canvas svg {
      width: 100% !important;
    }

    .audiencebox .apexcharts-inner {
      transform: translate(30px, 15px);
    }

    .audience-options {
      margin-top: 20px;
      flex-direction: row-reverse;
      position: absolute;
      top: 60px;
    }

    .audience-options p {
      margin-left: 10px;
    }

    .chart-select {
      width: 60%;
    }

    .comparisionlist-box {
      margin-bottom: 20px;
      /* box-shadow: none; */

    }

    .chartviews,
    .numberviews {
      margin-top: 30px;
    }

    .comparisionlist-box.audience-box {
      padding: 25px 25px;
    }

    ul.pro-analyticspost {
      padding-right: 5px;
    }

    .tabs-panel {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%);
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -o-transform: translateY(285px);
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0px 20px !important;
      box-shadow: none;
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-lightgreen);
      overflow-y: auto;
      max-height: 100vh;
      overflow-y: auto;
      top: unset;
      height: 100vh;
    }

    .tabs-panel.is-active.show {
      transform: none;
    }

    .tabs-panel.is-active {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 99;
      max-height: 100vh;
      overflow-y: auto;
      height: 100vh;
      top: 0px;
    }

    .verticaltabcnt .cardsection {
      padding: 20px 10px 100px 10px;
    }

    .engacnt p {
      font-size: 12px;
    }

    .timeformat p.tam::before,
    .timeformat p.tam::after,
    .timeformat p.tpm::before,
    .timeformat p.tpm::after {
      width: 20%;
    }

    .chart-box-rec .timeformat p.tam::before,
    .timeformat p.tam::after,
    .chart-box-rec .timeformat p.tpm::before,
    .timeformat p.tpm::after {
      width: 20%;
    }

    .verticaltabcnt .bill-goback.mgoback {
      margin-bottom: 20px;
    }

    .cardsection.topformsec {
      width: 100%;
    }

    .formatsbox p .frmtle,
    .formatsbox p span {
      font-size: 12px;
    }

    .update_inactive_ma {
      background: transparent !important;
    }

    .formatsbox p span svg {
      height: 20px;
      width: 20px;
    }

    .formatsbox {
      padding: 0px 20px;
      height: 50px;
    }

    .formatsbox p .frmtle {
      width: 80px;
    }

    .betterfrm {
      padding: 20px 0px 10px 0px;
    }

    #panel2v .cardsection {
      padding: 20px 20px;
    }

    .topsegmentchartsec {
      flex-direction: column-reverse;
    }

    .topsegmentchartsec .topsegnames {
      width: 100%;
      margin-top: 20px;
    }

    .topsegmentchartsec .topsegchart {
      width: 100%;
    }

    .engleveltext {
      padding: 0px 0px 0px 0px;
    }

    #panel3v .verticaltabcnt .cardsection {
      padding: 20px 20px;
    }

    .topsegnames ul li {
      margin-bottom: 2px;
    }

    .topsegnames ul {
      margin-top: 0px;
    }

    .timeformat.topsegmenttime p.tam::before,
    .timeformat.topsegmenttime p.tam::after {
      width: 20% !important;
    }

    .timeformat.topsegmenttime p.tpm::before,
    .timeformat.topsegmenttime p.tpm::after {
      width: 20% !important;
    }

    .engleveltext.deskhide {
      display: none;
    }

    .engleveltext.mobileshow {
      display: block;
    }

    .tableheight {
      height: auto;
    }

    .audiencefollowtable td,
    .audiencefollowtable tr th {
      font-size: 12px;
    }

    .keyfilter3 select {
      font-size: 12px;
      padding: 0px 10px 0px 10px;
    }

    .keyfiltersec [type="radio"]:checked+label,
    .keyfiltersec [type="radio"]:not(:checked)+label {
      font-size: 12px;
    }

    #panel5v .tblehead {
      align-items: flex-start;
      flex-direction: column;
    }

    .calldropdown-select .list {
      top: unset !important;
    }

    .keyfilter2 .calldropdown-select,
    .keyfilter1 .calldropdown-select,
    .keyfilter3 .dropbtn {
      width: fit-content;
      font-size: 13px;
      padding: 0px 20px;
    }

    .keyfilter1 .calldropdown-select:after,
    .keyfilter2 .calldropdown-select:after,
    .keyfilter3 .dropbtn:after {
      height: 0;
      width: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #777;
      -webkit-transform: origin(50% 20%);
      transform: origin(50% 20%);
      transition: all 0.125s ease-in-out;
      content: '';
      display: block;
      margin-top: -2px;
      pointer-events: none;
      position: absolute;
      right: 10px;
      top: 50%;
    }

    .keyfilter3 .dropbtn:after {
      right: 20px;
    }

    .keyfilter3 .dropbtn i {
      display: none;
    }

    .keyfiltersec {
      margin-top: 20px;
    }


    .keyfilter3 .dropdown-content.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .keyfilter3 .dropdown-content {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 35px 30px 100px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .keyfilter1 .calldropdown-select.wide .list,
    .keyfilter2 .calldropdown-select.wide .list {
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
    }

    .datalecnt td .inex img {
      margin-right: 10px;
      height: 20px;
      border-radius: 7px;
      width: 20px;
    }

    .datalecnt .deskhide {
      display: block;
    }

    .promotioninsightspage .chartviews,
    .advertisementinsightspage .chartviews {
      margin-top: 0px;
    }

    .advertisementinsightspage.adprocmn.procmn .tabs-content .bill-goback.mgoback {
      margin-bottom: 20px;
    }

    .promotioninsightspage .datatablecss thead th {
      padding: 15px 7px;
      font-size: 12px;
    }

    .promotioninsightspage .datalecnt td .inex p {
      font-size: 12px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .promotioninsightspage .datatablecss tbody td {
      padding: 10px 5px;
    }

    .clrgrn a {
      font-size: 12px;
    }

    .promotioninsightspage .datatablecss tbody td {
      font-size: 12px;
    }

    #videoaddstble td .inex p {
      display: none !important;
    }

    #videoaddstble .datalecnt td .inex img {
      width: 55px;
      height: 30px;
    }

    #videoaddstble .prouinfobox .pimg {
      width: 87px;
      height: 49px;
    }

    #videoaddstble .prouinfobox .pimg img {
      width: 87px;
      height: 49px;
      border-radius: 9px;
    }

    #videoaddstble.datatablecss thead th.deskhide {
      display: block;
    }

    .leadstle img {
      width: 20px;
      height: 20px;
      border-radius: 7px;
    }

    .advertisementleadsec tbody td {
      padding: 5px;
    }

    .advertisementleadsec table tbody td:first-child {
      padding-left: 10px;
    }

    .addlabel .labelclr {
      width: 15px;
      height: 15px;
    }

    .control {
      padding-left: 10px;
    }

    .leadstle .lname {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      font-size: 12px;
    }

    .leadstle .ldes {
      display: none;
    }

    .leadsstatus p {
      display: none;
    }

    .leadsstatus svg {
      margin-right: 0px;
      width: 10px;
      height: 10px;
    }

    .control__indicator {
      top: 0px;
    }

    .advertisementleadsec tbody td {
      padding: 5px;
    }

    .advertisementleadsec tbody .mwidth50 {
      width: 50% !important;
    }

    #downloadid thead th.txtcenter {
      text-align: left;
    }

    .advertisementleadsec table thead th .control__indicator {
      left: 0px;
    }

    .mchartcarousel {
      margin-top: 10px;
    }

    .deskhide {
      display: block !important;
    }

    .deskhide.mhide {
      display: none;
    }

    .leadsstatus {
      justify-content: center;
    }

    .fltrsec p {
      margin-right: 0px;
    }

    .dropbtn.crmdropbtn {
      margin-right: 0px;
    }

    .dwnloadbtn {
      font-size: 12px;
    }

    .dropbtn.crmdropbtn {
      min-width: 80px;
      font-size: 12px;
    }

    .deskhideflex {
      display: flex;
    }

    .dropdown1 .dropdown-list,
    .dropdown-content.crmcnt {
      border: none;
    }

    .dropdown1 .dropdown-list,
    .dropdown-content.crmcnt {
      display: none;
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      top: unset;
      left: 0;
      right: 0;
      padding: 50px 30px 50px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-x: hidden;
    }

    .dropdown1.on .dropdown-list,
    .dropdown-content.crmcnt.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      top: unset;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .profiltrbtn {
      height: 40px;
      margin-top: 20px;
    }

    .dropdown-content.crmcnt a {
      text-align: center;
      padding: 10px 5px;
    }

    .promotionleadselectpostspage .promotionanalysistabs {
      display: none;
    }

    .promotionleadselectpostspage .leadsselect .bill-goback {
      display: none;
    }

    .budget-schedule {
      padding: 10px 20px 100px 20px;
    }

    .promotionleadselectpostspage .budget-sec {
      box-shadow: none;
      padding: 0px;
    }

    .promotionleadselectpostspage .leadsdateselect .start-date {
      align-items: flex-start;
      flex-direction: column;
    }

    .promotionleadselectpostspage .leadsdateselect .start-date p,
    .promotionleadselectpostspage .schedule-select .leadsdateselect .sdate-sec {
      width: 100%;
    }

    .promotionleadselectpostspage .schedule-select .leadsdateselect .sdate-sec .s-date {
      width: 100%;
    }

    .promotionleadselectpostspage .leadsdateselect .start-date p {
      margin-bottom: 10px;
    }

    .promotionleadselectpostspage .date-select.leadsdateselect {
      margin-top: 20px;
    }

    .leads-avilable h4 {
      font-size: 14px;
    }

    .leads-avilable {
      margin-top: 0px;
    }

    .leads-btns {
      flex-direction: column;
    }

    .leads-btns .lbtns {
      width: 80%;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 10px;
    }

    .promotionleadselectpostspage .bill-goback.mgoback {
      margin-bottom: 15px;
    }

    .budget-schedule.leadsselect {
      margin-bottom: 0px;
    }

    .cardsection.pd-40 {
      padding: 20px;
    }

    .crmsetupcnt {
      padding: 0px 0px;
    }

    .crmsetform input {
      width: 90%;
    }

    .disconnect-crm .connectedinfo {
      width: 100%;
      border: 1px solid #CECECE;
      border-radius: 16px;
      height: 50px;
      padding: 0px 20px;
    }

    .crmsetupspage .cardsection .bill-goback {
      display: none;
    }

    .crmsetupspage .promote-section {
      padding-top: 0px;
    }

    .crmsetupspage .chartviews {
      margin-top: 0px;
    }

    .crmsetupspage .bill-goback {
      margin-bottom: 15px;
    }

    .rec-card {
      margin-top: 10px;
    }

    .seg-rec li {
      margin-bottom: 5px;
    }

    .demobox {
      margin: 0px 0px;
    }

    .promotionadverrecspage .chart-rec {
      flex-direction: column;
    }

    .promotionadverrecspage .chart-rec .chart-box-rec {
      width: 100%;
      padding-right: 0px;
    }

    .effective-time {
      padding-left: 0px;
      margin-top: 20px;
    }

    .promotionadverrecspage .paddingcustomright.mt-20 {
      margin-top: 0px !important;
    }

    .effective-time .effective-timebox:last-child {
      margin-bottom: 0px;
    }

    .promotionrecommendationpage .ad-card.mb-50 {
      margin-bottom: 10px;
    }

    .promotionrecommendationpage .ad-card.mb-20 {
      margin-bottom: 10px !important;
    }

    .promotionrecommendationpage .ad-card .effective-timebox {
      padding-bottom: 100px;
    }

    .customverticaltab li a {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .customverticaltab li a svg {
      display: block;
      width: 20px;
      flex-shrink: 0;
      margin-left: 20px;
    }

    .otherpages .mobile_header {
      display: none;
    }

    .otherpages .bill-goback.mgoback {
      display: flex;
      padding-top: 20px;
    }

    .otherpages .promote-section {
      padding-top: 0px;
    }

    .otherpages .cardsection.pd-40 {
      padding: 20px 20px 100px 20px;
    }

    .terms-conditions .termstle h1 {
      font-size: 20px;
      padding-bottom: 10px;
    }

    .terms-conditions .termscnt {
      margin-top: 20px;
    }

    .innerpage.otherpages {
      padding-left: 10px;
    }

    .innerpage.otherpages.adduserpage {
      padding-left: 10px;
      padding-right: 10px;
    }

    .termscnt .accordion-title {
      width: 90%;
      font-size: 16px;
    }

    .accordion-title::before {
      right: -2rem;
    }

    .terms-conditions .looksolution p {
      font-size: 14px;
    }

    #userManagement,
    #userManagement_wrapper {
      display: none;
    }

    .mobileusermanagement {
      display: block;
    }

    .scheduledbtn {
      width: 100%;
    }

    .mobox {
      background: var(--bg-white) none repeat scroll 0 0;
      border: none;
      border-radius: 17px;
      display: inline-block;
      width: 100%;
      margin-bottom: 20px;
      padding: 20px;
      position: relative;
      box-shadow: var(--box-shawdow);
    }

    .mobox-info h4 {
      font-size: 14px;
      font-weight: 500;
      color: var(--color-black1);
      margin-bottom: 0px;
    }

    .mobox-info p {
      font-size: 12px;
      color: var(--color-black1);
    }

    .nofsements {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .nofsements .nofbox {
      width: 47%;
    }

    .nofsements .nofbox input {
      box-shadow: 0px 0px 6px #00000029 !important;
      border-radius: 23px;
      height: 40px;
      font-size: 14px;
      font-weight: bold;
      padding: 10px 20px;
      margin-right: 13px;
      background: var(--bg-white);
      border: none;
      width: 100%;
      margin: 0 auto;
    }

    .nofsements .nofbox p {
      font-size: 12px;
    }

    .noadmin select {
      box-shadow: 0px 0px 6px #00000029 !important;
      border-radius: 23px;
      height: 40px;
      font-size: 14px;
      font-weight: bold;
      padding: 10px 30px 10px 16px;
      margin-right: 13px;
      border: none;
      background: url(../images/br_down.png) right 10px center var(--bg-white) no-repeat !important;
      background-size: 12px !important;
      margin-bottom: 0px;
    }

    .usemanagementtabs .bill-goback.mgoback span {
      margin-left: 0px;
      font-size: 14px;
      line-height: 1.1;
    }

    .noadmin {
      margin-top: 15px;
      display: flex;
      gap: 10px;
      width: 100%;
      flex-wrap: wrap;
      justify-content: end;
    }

    .manager_class {
      width: auto;
    }

    .noadmin button.rbtn {
      background: #C80101;
      color: #fff;
      font-size: 12px;
    }

    .noadmin select {
      font-size: 12px;
      margin-right: 0px;
    }

    .fs-option {
      border-bottom: 0px solid #eee;
    }

    .fs-dropdown {
      border: none;
    }

    .mobox-switch {
      position: absolute;
      right: 10px;
      top: 10px;
    }

    .usemanagementtabs h1 {
      display: none;
    }

    .adduserbtn {
      padding: 6px 10px;
      border: 1px solid #25AA3F;
    }

    .usemanagementtabs {
      padding-top: 0px;
    }

    .hidemobox {
      display: none;
    }

    .hidemobox.show {
      display: block;
    }

    .shbtns {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      cursor: pointer;
    }

    .adduserpage .billing-information .bill-goback {
      display: none;
    }

    .addusersec .bilng-title {
      display: none;
    }

    .adduserpage .billing-sec {
      padding: 0px 0px;
    }

    .refersinfo {
      padding-right: 10px;
      padding-left: 10px;
    }

    .refhead,
    .ref-free {
      margin-bottom: 15px;
    }

    .refferalpage .sharebox .bgwhite {
      flex-direction: column;
      box-shadow: 0px -6px 28px #0000001F;
    }

    .sharebox .copy-url {
      width: 100%;
    }

    .whatsappicn svg path {
      fill: var(--primary-color);
    }

    .refferalpage .sharebox ul li.deskhide {
      display: block;
    }

    .refferalpage .sharebox ul {
      margin-top: 20px;
    }

    .no-rewards {
      padding: 40px 20px 80px 20px;
    }

    .refferalpage .grid-x.mt-40 {
      margin-top: 0px !important;
    }

    .refferalpage .mb-40 {
      margin-bottom: 0px !important;
    }

    .cliambox {
      flex-direction: column;
    }

    .cliamcnt1 {
      width: 100%;
    }

    .cliamcnt2 {
      width: 100%;
      justify-content: flex-end;
    }

    .cliamcnt2 p {
      left: 0px;
    }

    .cliamlist {
      padding-bottom: 100px;
    }

    #add-directresult thead th {
      padding: 5px 5px;
    }

    #add-directresult.datatablecustom tbody td {
      padding: 5px 2px;
    }

    .advertisementdirectpage #add-directresult thead th {
      padding: 15px 18px;
    }

    .advertisementdirectpage #add-directresult thead th:first-child {
      padding: 0px;
      width: 115px !important;
    }

    .addproinfo .prouinfobox .pimg {
      width: auto;
      height: auto;
    }

    .addproinfo .prouinfobox .people-name p {
      font-size: 14px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    #add-directresult tbody td .pro-post p {
      font-size: 14px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }

    .promotionanalysistabs.create-advertisment {
      margin-bottom: 0px;
      padding: 10px 0px 0px 0px;
    }

    #add-directresult.datatablecustom tbody tr {
      box-shadow: none;
      background: transparent !important;
    }

    .advertisementdirectpage .promote-section {
      padding-top: 0px;
    }

    .advertisementdirectpage .calldropdown-select.wide {
      width: 300px;
      box-shadow: none;
      border: 1px solid var(--primary-color);
      margin-bottom: 20px;
    }

    .advertisementdirectpage .chartbox.chartline1box {
      padding: 25px 25px 100px 25px;
    }

    .advertisementdirectpage .videotblemore,
    .promotionanalyticspage .videotblemore {
      justify-content: flex-start;
    }

    .advertisementdirectpage .vmbox p,
    .promotionanalyticspage .vmbox p {
      font-size: 16px;
      color: var(--color-black1);
      font-weight: 500;
    }

    [data-theme="dark"] .advertisementdirectpage .vmbox h4,
    [data-theme="dark"] .promotionanalyticspage .vmbox h4 {
      color: #fff;
    }

    [data-theme="dark"] .dropdown-content.crmcnt {
      background: var(--bg-white);
    }

    [data-theme="dark"] .dropdown-content.crmcnt a {
      color: #fff;
    }

    [data-theme="dark"] .dropdown1 .dropdown-list {
      background: #000;
      color: #fff !important;
    }

    [data-theme="dark"] .dropdown1 .dropdown-list label {
      color: #fff;
    }

    [data-theme="dark"] .dropdown1 .dropdown-list label .checkmark {
      border: 1px solid #fff;
    }

    .advertisementdirectpage .vmbox h4,
    .promotionanalyticspage .vmbox h4 {
      color: #878585;
    }

    .advertisementdirectpage .vmbox,
    .promotionanalyticspage .vmbox {
      margin-bottom: 10px;
    }

    .promotionanalyticspage .prouinfobox .pimg {
      width: 48px;
      height: 48px;
    }

    .promotionanalyticspage .prouinfobox .pimg img {
      width: 100px;
      height: auto;
      border-radius: 0px;
    }

    .modeofinteractionmobile.interaction {
      display: block !important;
    }

    .procmn .promote-section {
      padding-top: 0px;
    }

    .advertisementaudiencepage .audienceheader {
      margin-bottom: 0px;
    }

    .advertisementaudiencepage .chartviews,
    .advertisementaudiencepage .numberviews {
      margin-top: 40px;
    }

    .engagementcnt h4 {
      font-size: 15px;
    }

    .chartbox {
      margin-bottom: 10px;
    }

    .advertisementaudiencepage.procmn .chartviews {
      margin-top: 75px;
    }

    .adprocmn .audienceheader {
      margin-bottom: 0px;
    }

    .adprocmn.procmn .bill-goback.mgoback {
      margin-bottom: 5px;
      margin-top: 15px;
      margin-left: 10px;
    }

    .advertisementinsightspage .datalecnt td .inex p {
      font-size: 12px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .advertisementinsightspage .datatablecss tbody td {
      font-size: 12px;
    }

    .advertisementinsightspage .datatablecss tbody td {
      padding: 10px 5px;
    }

    .advertisementinsightspage .datatablecss thead th {
      padding: 15px 7px;
      font-size: 12px;
    }

    .audienceheader {
      margin-bottom: 30px;
    }

    .promotionrecommendationpage .audienceheader {
      margin-bottom: 0px;
    }

    .advertisementinsightspage.procmn .main-section {
      padding-bottom: 0px;
    }

    .aspayactivitiespage tr td .postrr p {
      font-size: 12px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .aspayactivitiespage table thead th {
      padding: 15px 7px;
      font-size: 12px !important;
    }

    .aspayactivitiespage #promotion-analytics tbody td {
      padding: 10px 5px 10px 10px;
    }

    .aspayactivitiespage tbody td {
      font-size: 12px;
    }

    .mdisplayrow {
      display: table-row;
    }

    .mbreceiptdownload a {
      cursor: pointer;
      display: flex;
      align-items: center;
      background: var(--bg-white);
      box-shadow: 0px 1px 8px #0000001f;
      height: 32px;
      width: 100%;
      padding: 25px 15px;
      line-height: 0px;
      border-radius: 17px;
      color: var(--color-black1);
      text-align: center;
      justify-content: center !important;
      margin-right: 0px;
      cursor: pointer;
      font-size: 14px;
      margin-top: 20px;
    }

    .aspayactivitiespage .vmbox {
      width: 47%;
    }

    .aspayactivitiespage .prouinfobox .people-name p {
      font-size: 16px;
    }

    .aspayactivitiespage .prouinfobox .pimg {
      width: auto;
      height: auto;
      margin-right: 15px;
    }

    .aspayactivitiespage .vmbox h4,
    .aspayactivitiespage .vmbox p {
      font-size: 14px;
    }

    .ideazlive-tle h4 {
      font-size: 20px;
    }

    .ideazliveoption {
      flex-direction: column;
      width: 80%;
      margin: 50px auto;
    }

    .ideazgolive {
      display: flex;
      align-items: center;
      margin-bottom: 40px;
    }

    .ideazliveoption .ideazgolive .ideazlivebox {
      flex-shrink: 0;
      width: 80px;
      height: 80px;
      margin-bottom: 0px;
    }

    .ideazgolive p.livetlte {
      font-size: 16px;
      text-align: left;
      margin-left: 20px;
    }

    .ideazliveoption .ideazgolive svg {
      width: 30px;
    }

    .zilivecmn .cardsection .bill-goback {
      display: none;
    }

    .zilivecmn .mgoback {
      margin-bottom: 15px;
    }

    .zilivecmn .btn-sm.btn-default1,
    .zilivecmn .btn-sm.btn-primary1 {
      display: flex !important;
      width: 50%;
      padding: 0px;
      border: none;
      font-size: 14px;
    }

    .zilivecmn .applyBtn {
      width: fit-content;
      padding: 0px 20px;
      box-shadow: 0px 0px 6px #0000001c;
      background: var(--primary-color) !important;
      color: var(--color-white);
      font-size: 12px;
      height: 35px;
      border-radius: 22px;
      line-height: 35px !important;
      float: right;
      font-weight: normal;
      cursor: pointer;
    }

    .zilivecmn .cancelBtn {
      width: fit-content;
      padding: 0px 20px;
      box-shadow: 0px 0px 6px #0000001c;
      background: var(--bg-white);
      color: var(--color-black1);
      font-size: 12px;
      height: 35px;
      border-radius: 22px;
      line-height: 35px !important;
      float: right;
      font-weight: normal;
      cursor: pointer;
    }

    .schedulelives.end-date {
      width: 100%;
    }

    .selectindus {
      flex-direction: column;
    }

    .selectindus .uploadFile {
      width: 100%;
      margin-bottom: 20px;
    }

    .selectindus .dropdown1 {
      width: 100%;
      margin-bottom: 10px;
    }

    .selectindus .dropbtn {
      margin-bottom: 10px;
    }

    .total-add {
      padding-bottom: 100px;
    }

    .ideazmeetliveaudiopage .cardsection {
      background: transparent;
      box-shadow: none;
    }

    .zilivecmn .bill-goback.mgoback .bkimg span {
      display: flex;
      align-items: center;
    }

    .zilivecmn .bill-goback.mgoback .bkimg span p {
      margin-bottom: 0px;
    }

    .zilivecmn .usersection .zi-czfe-title {
      display: none;
    }

    .zilivecmn .usersection {
      justify-content: flex-end;
    }

    .ideazmeetcafepage .livepost-cnt {
      flex-direction: column;
      margin-top: 25px;
    }

    .livepost .livemr.mshow {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    h4.budtle {
      display: none;
    }

    .livepost .livemr {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 20px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    .pro-summartle.flexcolumn {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .delete-postsum.prevdbtns {
      flex-direction: row;
      width: 100%;
      justify-content: flex-end;
    }

    .delete-postsum.prevdbtns {
      margin-top: 20px;
    }

    .viewrectebtn {
      margin-top: 0px;
      border-radius: 14px !important;
      padding: 10px 15px;
      margin-bottom: 0px;
    }

    .sumarydeletebtn,
    .viewrectebtn {
      width: 170px;
      padding: 10px 15px;
      margin: 0px 5px;
    }

    .videothum-wrapper {
      height: 165px;
      z-index: 8;
    }

    .post-meta.post_video_class video {
      height: 165px;
      object-fit: fill;
    }

    .post-meta .post_video_thumnailclass {
      object-fit: fill;
    }

    .livepost .more {
      position: absolute !important;
      right: 20px;
    }

    .ideazmeetcafepage .livepost-cnt .livethumnail,
    .ideazmeetcafepage .livepost-cnt .liveinfocnt {
      width: 100%;
    }

    .ideazmeetcafepage .livepost-cnt .liveinfocnt {
      margin-top: 15px;
    }

    .zilivecmn.innerpage {
      padding-left: 0px;
    }

    .zilivecmn .livepost {
      margin-bottom: 10px;
    }

    .ideazmeetcafepage .top-search {
      display: flex;
      align-items: center;
      margin-top: 20px;
    }

    .ideazmeetcafepage .top-search input#myInput {
      border-radius: 14px;
    }

    .ideazmeetcafepage .bill-goback.connectionsgoback {
      display: none;
    }

    .ideazmeetcafepage .bill-goback svg {
      background: #F1FBF1;
      border-radius: 50%;
      width: 50px !important;
      height: 50px !important;
      padding: 10px;
      flex-shrink: 0;
    }

    .ideazmeetcafepage .post-section .post-tab {
      display: flex;
    }

    .ideazmeetcafepage .sort-by {
      width: 40%;
    }

    .ideazmeetcafepage .sort-by p,
    .ideazmeetcafepage .single_fitres {
      display: block;
    }

    .ideazmeetcafepage #livepost_popup {
      height: 100vh;
      background: #FCFFFC !important;
      border-radius: 0px;
    }

    .livepostcntpop {
      flex-direction: column;
    }

    .livepostcntpop .afterlivevideo {
      width: 100%;
    }

    .livepostcntpop .afliveform {
      width: 100%;
      margin-top: 25px;
    }

    .lipostbtns {
      flex-direction: column;
      margin-top: 5px;
    }

    .lipostbtns .uploadFile {
      height: 48px;
      width: 100%;
      margin-bottom: 40px;
      border-radius: 14px !important;
      margin-right: 0px;
    }

    .lipostbtns .livepostpromote-btn,
    .lipostbtns .livepost-btn {
      box-shadow: 0px 0px 6px #00000012;
      border-radius: 14px !important;
      height: 48px;
      line-height: 48px !important;
    }

    .afliveform input,
    .afliveform textarea {
      box-shadow: 0px 0px 11px #00000017 !important;
      border-radius: 9px;
      background: var(--bg-white);
      border: none !important;
      padding: 10px 20px;
      margin-top: 10px;
      margin-bottom: 15px;
    }

    #livepost_popup .popuptitle {
      justify-content: flex-start;
    }

    #livepost_popup .popuptitle .bill-goback.mgoback {
      margin-left: 0px;
      margin-top: 0px;
    }

    .cardsectiontransparent .crmsetupcnt {
      padding: 0px 20px;
    }

    .feedbackpage .sort-by {
      display: none;
    }

    .feedbackpage #feebackRatings thead {
      display: none;
    }

    .feedbackpage #feebackRatings tbody tr {
      display: flex;
      flex-direction: column;
      margin-bottom: 15px;
    }

    .feedbackpage ul.filtercustomtabs {
      overflow-x: auto;
      padding: 4px 0px;
      width: 100%;
    }

    .feedbackpage ul.filtercustomtabs::-webkit-scrollbar {
      display: none;
    }

    .feedbackpage ul.filtercustomtabs li {
      flex-shrink: 0;
    }

    .feedbackpage .leadstle .ldes {
      display: block;
      font-size: 10px;
    }

    #feebackRatings tbody tr {
      position: relative;
    }

    #feebackRatings tbody tr td.feedbackdate {
      position: absolute;
      top: 0px;
      right: 0px;
      font-size: 12px;
    }

    .feedbackpage .leadstle img {
      width: 30px;
      height: 30px;
      border-radius: 7px;
    }

    .feedbackpage .leadstle .lname {
      font-size: 12px;
    }

    .ratingstars .rstars {
      width: 18px;
      height: 18px;
    }

    [data-theme="dark"] .filtercustomtabs .filterbtns,
    [data-theme="dark"] .keyfiltersec .filterbtns {
      background: #131517;
    }

    .filtercustomtabs .filterbtns,
    .keyfiltersec .filterbtns {
      bottom: 70px;
      padding: 17px 0px;
      background: #fff;
      font-size: 14px !important;
    }

    .filterbtns .fltraplybtn {
      font-size: 14px !important;
    }

    .filterbtns .fltrcancelbtn {
      cursor: pointer;
      display: flex;
      align-items: center;
      background: var(--bg-white);
      box-shadow: 0px 1px 8px #0000001f;
      height: 40px;
      width: fit-content;
      padding: 0px 25px;
      line-height: 0px;
      border-radius: 50px;
      color: var(--color-black1);
      text-align: center;
      justify-content: center;
      margin-right: 13px;
      cursor: pointer;
      font-size: 14px !important;
    }

    .filtercustomtabs .filterbtns .fltraplybtn,
    .keyfiltersec .filterbtns .fltraplybtn {
      height: 40px;
    }

    .filtercustomtabs .dropdown-content {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 35px 30px 100px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .filtercustomtabs .dropdown-content.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .ratingtabstabs {
      display: none;
    }

    .feedbackpage .bill-goback.mgoback {
      display: flex;
      margin-left: 0px;
      margin-bottom: 15px;
    }

    .feedbackpage .filtertab {
      margin-bottom: 5px;
    }

    .feedbackpage .cardsection .bill-goback {
      display: none;
    }

    .rangbtn {
      width: 100%;
      border-radius: 14px !important;
      height: 40px;
    }

    .ratingform {
      margin-top: 10px;
    }

    .view-advertisements {
      width: 100%;
    }

    .customradio [type="radio"]:checked+label,
    .customradio [type="radio"]:not(:checked)+label {
      font-size: 16px;
    }

    .createaddpage .promotionanalysistabs.create-advertisment {
      display: none;
    }

    .createaddpage .addcampaing .campaingname {
      margin-bottom: 10px;
    }

    .cuploadimage {
      flex-direction: column;
    }

    .thumnailladded {
      margin-top: 20px;
    }

    .cuploadimage .text-bg {
      width: 100%;
      height: 100%;
    }

    .cuploadimage .create-bg {
      width: 100%;
    }

    .cuploadimage .wysiwyg #editor {
      height: auto;
    }

    .wysiwyg #editor.img-editor {
      /* border-bottom: 1px solid #bdb9b9; */
    }

    #get_video .mt-20 {
      margin-top: 0px !important;
    }

    div#video_preview video {
      max-height: 200px;
    }

    .img-container {
      max-height: 300px;
    }

    #ui-id-1 {
      left: 0px !important;
      width: 85% !important;
      right: 0px !important;
      margin: 0 auto;
    }

    #ui-id-1.ui-autocomplete {
      left: 40px !important;
      width: 80% !important;
    }

    .searchfltrmobile {
      display: block;

    }

    .select2-container {
      left: 0px !important;
      right: 0px !important;
      margin: 0 auto !important;
    }

    .select2-container--open .select2-dropdown {
      left: 0;
      right: 0px !important;
      margin: 0 auto !important;
      margin-top: -10px;
    }

    .searchfltrmobile.show,
    .ms-sortby.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .searchfltrmobile,
    .ms-sortby {
      display: none;
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 20px 30px 60px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-x: hidden;
    }

    .msearchfltr .filtercustomtabs .dropdown-content.show {
      padding: 20px 30px 30px 30px !important;
    }

    .msearchfltr .filtercustomtabs .dropdown-content .mshareclose {
      display: none;
    }

    .sfilterlist {
      margin-top: 50px;
    }

    .sfilterlist .mfltrbox:last-child {
      border-bottom: none;
    }

    .mfltrbox {
      border-bottom: 1px solid rgb(0, 0, 0, 0.07);
      padding: 10px 0px;
    }

    .mfltrbox h6 {
      font-size: 16px;
      color: var(--color-black1);
      margin-bottom: 0px;
      font-size: 500;
    }

    .mfltrbox p {
      font-size: 14px;
      color: #ABABAB;
      margin-bottom: 0px;
    }

    .sfltrbtn {
      cursor: pointer;
      display: flex;
      align-items: center;
      background: var(--bg-white);
      box-shadow: 0px 0px 5px #00000029;
      border-radius: 14px;
      height: 40px;
      width: 100%;
      padding: 0px 15px;
      line-height: 0px;
      color: var(--color-black1);
      text-align: center;
      justify-content: center;
      cursor: pointer;
      font-size: 14px;
      margin-top: 20px;
    }

    .searchfltrmobile .sfltrthead {
      display: flex;
      align-items: center;
      border-bottom: 1px solid rgb(0, 0, 0, 0.07);
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      padding: 10px 20px;
    }

    .searchfltrmobile .sfltrthead {
      font-size: 16px;
    }

    .searchfltrmobile .sfltrthead .mshareclose {
      top: unset;
    }

    .filtertab.desktophide {
      display: block;
    }

    .msearchfltr.cmnmbsearchfilter ul.filtercustomtabs .dropbtn {
      display: none;
    }

    .ms-sortby [type="radio"]:checked,
    .ms-sortby [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px;
    }

    [data-theme="dark"] .ms-sortby [type="radio"]:checked+label,
    [data-theme="dark"] .ms-sortby [type="radio"]:not(:checked)+label {
      color: #fff;
    }

    [data-theme="dark"] .connections-tab ul li.active,
    [data-theme="dark"] .connections-tab ul li:hover {
      background: transparent !important;
    }

    .ms-sortby [type="radio"]:checked+label,
    .ms-sortby [type="radio"]:not(:checked)+label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: #666;
    }

    .ms-sortby [type="radio"]:checked+label:before,
    .ms-sortby [type="radio"]:not(:checked)+label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      border: 1px solid var(--primary-color);
      border-radius: 100%;
      background: #fff;
    }

    .ms-sortby [type="radio"]:checked+label:after,
    .ms-sortby [type="radio"]:not(:checked)+label:after {
      content: '';
      width: 12px;
      height: 12px;
      background: var(--primary-color);
      position: absolute;
      top: 4px;
      left: 4px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .ms-sortby [type="radio"]:not(:checked)+label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }

    .ms-sortby [type="radio"]:checked+label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    .ms-sortby .sfltrthead {
      font-size: 16px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid rgb(0, 0, 0, 0.07);
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      padding: 10px 20px;
    }

    .ms-sortby form {
      margin-top: 25px;
      display: flex;
      align-items: center;
      margin-bottom: 60px;
      max-height: 250px;
      overflow-y: auto;
    }

    .ms-sortby form label {
      font-size: 16px;
    }

    .drophead {
      display: flex;
      align-items: center;
      position: relative;
      font-size: 20px;
      margin-bottom: 20px;
    }

    .drophead .mshareclose {
      top: 0px;
    }

    .drophead svg {
      margin-right: 10px;
    }

    .cmnmbsearchfilter .ms-sortby .fltraplybtn {
      height: 40px;
      width: fit-content;
      padding: 0px 20px;
    }

    .cmnmbsearchfilter .ms-sortby .filterbtns {
      padding: 17px 0px;
    }

    .msearchfltr .fltrcancelbtn {
      display: none !important;
    }

    .msearchfltr .searchfltrmobile .sfltrthead .mshareclose {
      display: block !important;
    }

    .ms-sortby {
      display: block;
    }

    .msearchfltr .filtertab {
      height: 0px;
      margin-bottom: 0px;
    }

    #activities_product_list {
      margin-top: 20px;
      padding: 0px 0px !important;
    }

    .chat-list li a {
      transition: none;
      -webkit-transition: none;
    }

    .chathelppage .user-chat {
      transform: translateX(0%);
      -webkit-transform: translateX(0%);
      visibility: visible;
    }

    .chathelppage .chat-leftsidebar {
      display: none;
    }

    .intl-tel-input .selected-flag {
      z-index: 0 !important;
    }

    .mobileaudiosec.mbactive {
      display: block;
    }

    .mobilevideosec.mbactive {
      display: block;
    }

    .comparisionlist-box .tabs-panel.is-active {
      transform: none;
      transition: none;
      height: auto;
      overflow: hidden;
    }

    .comparisionlist-box .tabs-panel {
      transform: none;
      transition: none;
      padding: 0px !important;
      display: none;
      position: relative;
      height: auto;
      overflow: hidden;
    }

    .comparisionlist-box .tabs-title a {
      padding: 10px 15px;
    }

    .comparisionlist-box ul.tabs {
      margin-bottom: 20px;
    }

    .editprofilepage .mobile_header,
    .editprofilepage .sidemenu {
      display: none;
    }

    .urlshare {
      max-width: 200px;
    }

    .cmnmbsearchfilter .sidemenu {
      display: none;
    }

    .promotionli-box.divider {
      height: auto;
      border-left: none;
      display: none;
    }

    .divider_letters hr {
      border-bottom: 1px solid var(--color-green);
    }

    .divider_letters span {
      border: 1px solid var(--color-green);
      line-height: 40px;
    }

    .promo-created {
      margin-top: 20px;
    }

    .feed-post-tab li.tab.fpromotion:hover a svg path,
    .feed-post-tab li.tab.fpoll:hover a svg path,
    .feed-post-tab li.tab.fquery:hover a svg path {
      fill: var(--primary-color) !important;
    }

    .createaddpage .sidemenu,
    .promoteeditpage .sidemenu {
      display: none;
    }

    .post-section .more-post-optns:hover>ul {
      /* opacity: 1!important;
  visibility: visible;
  right: 0!important;
  top: unset!important;
  left: unset !important; 
  padding: 40px 20px 20px 20px!important; */
    }

    .cmnmbsearchfilter .more-post-optns:hover>ul {
      opacity: 1 !important;
      visibility: visible;
      right: auto !important;
      top: unset !important;
    }

    [data-theme="dark"] .mmoreclose,
    [data-theme="dark"] .zmoreclose {
      color: #fff;
    }

    .mmoreclose,
    .zmoreclose {
      display: block;
      font-size: 16px;
      position: absolute;
      top: 16px;
      right: 20px;
      font-weight: bold;
    }

    .more-post-optns>ul {
      visibility: visible;
    }

    .more-post-optns>ul.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    .more-post-optns>ul {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 20px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    .we-comment .more-post-optns>ul {
      transform: translateY(0%) !important;
      -webkit-transform: translateY(0%) !important;
      -moz-transform: translateY(0%) !important;
      -o-transform: translateY(0px) !important;
      display: none;
    }


    .we-comment .more-post-optns>ul.showm {
      display: block;
    }

    .we-comment .more-post-optns>ul {
      background: var(--bg-white) none repeat scroll 0 0;
      border-radius: 17px;
      box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
      display: none;
      list-style: outside none none;
      margin: 0;
      opacity: 0;
      padding: 15px 20px;
      position: absolute;
      right: -100px;
      top: -220%;
      transform: scale(0);
      transition: all 0.2s linear 0s;
      visibility: hidden;
      width: 175px;
      z-index: 99;
    }

    .notification-box .more {
      position: absolute;
      right: 15px;
      top: 10px;
    }

    .srchbox {
      padding: 0px;
    }

    .srchbox.notiserbox {
      padding: 10px 15px 10px 15px;
    }

    .srchbox.notiserbox .top-search {
      margin-bottom: 0px;
    }

    .cmnmbsearchfilter .connections-tab {
      padding-top: 0px;
    }

    .srchboxsearch {
      padding: 20px 15px;
      z-index: 9;
    }

    .connections-users {
      padding: 0px 0px;
    }

    /* .select2-container--open .select2-dropdown--below{
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -webkit-transition: transform .35s;
  -moz-transition: transform .35s;
  -o-transition: transform .35s;
  -ms-transition: transform .35s;
  transition: transform .35s;
  bottom: 0;
  display: block!important;
  position: fixed;
  opacity: 1;
  z-index: 9999;
  max-height: 80vh;
  overflow-y: auto;
}  
.select2-dropdown--below{
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  -webkit-transition: transform .35s;
  -moz-transition: transform .35s;
  -o-transition: transform .35s;
  -ms-transition: transform .35s;
  transition: transform .35s;
  transform: translateY(100%) !important;
  -webkit-transform: translateY(100%) !important;
  -moz-transform: translateY(100%) !important;
  -o-transform: translateY(285px) !important;
  width: 100%;
  margin: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 50px 20px!important;
  box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
  display: block;
  outline: 0;
  opacity: 0;
  border-radius: 14px;
  background: var(--bg-white);
  overflow-y: auto;
  max-height: 80vh;
  overflow-y: auto;
  top: unset;
  width: 100% !important;
}  */
    .strength_meter div p {
      right: 5px;
    }

    .strength_meter {
      width: 45%;
    }

    .fs-wrap.fs-open .fs-dropdown {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .fs-wrap .fs-dropdown {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 30px 50px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .fs-dropdown .fs-options {
      max-height: 400px;
      overflow: auto;
      padding-top: 10px;
    }

    .fs-option,
    .fs-search,
    .fs-optgroup-label {
      padding: 10px 8px 10px 0px;
    }

    .share-options ul li:nth-child(3) {
      margin-right: 14px;
    }

    /* .share-options ul li:last-child {
  display: none;
} */
    .calldropdown-select .option.selected {
      background-color: transparent !important;
    }

    .calldropdown-select .option:hover,
    .calldropdown-select .option:focus {
      background-color: transparent !important;
    }

    .calldropdown-select .option {
      text-align: center;
      border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    }

    .postcnt-inn .reaction-msg .msgbtns .pmsgbtn {
      width: 80px;
    }

    .postcnt-inn .reaction-details {
      width: 60%;
    }

    .postcnt-inn .reaction-msg {
      width: 20%;
    }

    #sharetochatModal .postcnt-inn .reaction-msg,
    #sharetospaceModal .postcnt-inn .reaction-msg {
      width: auto;
    }

    #sharetochatModal .postcnt-inn,
    #sharetospaceModal .postcnt-inn {
      padding-right: 3px;
    }

    .reaction-details .pimg {
      flex-shrink: 0;
    }

    .we-comment .more-post-optnska>ul {
      top: 25px !important;
    }

    .more-post-optns>ul>li {
      font-size: 14px;
      padding: 5px 0px;
    }

    .profile-information .switch-account .tab:hover {
      height: 40px;
    }

    .mlout {
      position: absolute;
      bottom: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 88%;

    }

    #edit_profile button#copy {
      color: var(--color-black1);
    }

    .view-pdf.mhide a {
      margin-left: 0px;
      width: max-content;
    }

    .edit-del a {
      font-size: 15px;
      border-bottom: 1px solid var(--color-black1);
      color: var(--color-black1);
    }

    .zilivecmn .main-section {
      margin-top: 0px;
      padding-top: 0px;
    }

    .billinfopage .sidemenu,
    .subscriptionyplan .sidemenu,
    .plansubscriptionspage .sidemenu {
      display: none !important;
    }

    .promotioncredits .pbox1 {
      width: 100%;
    }

    .promotioncredits {
      flex-direction: column;
    }

    .promotioncredits .pbox2 {
      width: 100%;
    }

    .promotioncredits .pbox1 {
      flex-direction: column;
    }

    .procredit {
      width: 100%;
      border: none;
    }

    .promotioncredits .pbox2 {
      justify-content: center;
    }

    .pbox2 button {
      margin-right: 0px;
    }

    .upgradepro {
      padding: 20px 0px;
    }

    .pbox2 button {
      width: 100%;
      height: 55px;
    }

    .proschcnt {
      margin-top: 20px;
    }

    .scheduledatetme {
      flex-direction: column;
    }

    .scheduledatetme .start-date,
    .scheduledatetme .end-date {
      width: 100%;
    }

    .abinfo p {
      font-size: 12px;
      margin-bottom: 0px;
    }

    .abinfo {
      padding: 20px 0px 20px 0px;
    }

    .procredit h4 {
      font-size: 32px;
    }

    .abinfo p svg {
      flex-shrink: 0;
    }

    .scheduledatetme .end-date {
      padding-top: 10px;
    }

    .feed-post-tab li.tab.golivedeskhide {
      display: flex;
    }

    .nlivechat {
      background: #fff;
    }

    .livehead {
      border-top: 1px solid rgb(0, 0, 0, 0.3);
      border-bottom: 1px solid rgb(0, 0, 0, 0.3);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0px;
    }

    .livecount {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .livecount h4 {
      font-weight: 500;
      font-size: 16px;
      margin-right: 15px;
    }

    .livecount p,
    .livecount h4 {
      margin-bottom: 0px;
    }

    .livecount p {
      display: flex;
      align-items: center;
    }

    .livecount p svg {
      width: 15px;
    }

    .livecount p span {
      margin-top: 4px;
      margin-left: 5px;
    }

    .livechatlist .livechatcmnd .liveuser {
      display: flex;
      align-items: self-start;
    }

    .livechatlist .livechatcmnd .liveuser img {
      width: 50px;
      height: 50px;
      border-radius: 17px;
      flex-shrink: 0;
      margin-right: 20px;
    }

    .livechatlist {
      margin-top: 10px;
      max-height: 300px;
      overflow-y: auto;
    }

    .liveuserchatname h4 {
      font-weight: 500;
      margin-bottom: 0px;
      font-size: 14px;
    }

    .liveuserchatname p {
      margin-bottom: 0px;
      font-size: 12px;
      color: #A5A5A5;
    }

    .liveusercmnd p {
      font-size: 14px;
      color: var(--color-black1);
      line-height: 1.2;
    }

    .liveusercmnd {
      margin-top: 10px;
    }

    .liveuserchatname {
      background: #F9FCF9;
      padding: 10px 20px;
      position: relative;
    }

    .nlivechat {
      margin-top: 20px;
    }

    .liveuser {
      margin-bottom: 10px;
    }

    .liveuserchatname:before {
      content: "";
      position: absolute;
      border: 5px solid transparent;
      left: -10px;
      right: auto;
      top: 0px;
      border-right-color: var(--bg-lightgreen1);
      border-top-color: var(--bg-lightgreen1);
    }

    .privileges_cunt {
      position: relative;
    }

    .privileges_cunt_left .audience-options {
      margin-top: 0px !important;
      position: absolute;
      right: 0px;
      top: 0px;
    }

    .billing-information {
      border-radius: 17px;
    }

    .postdatacl_popup .bgtxt.post_text_class1.postmediasec.rmvheight {
      min-height: 330px !important;
    }

    #post_view {
      width: 100%;
      max-width: 100%;
      max-height: 95%;
      padding-top: 50px;
    }

    .postpopparent .share-options.show {
      z-index: 999999;
    }

    .postpopparent .like-dislike,
    .postpopparent .coment-area,
    .postpopparent .share-options {
      display: none !important;

    }

    .postdatacl_popup,
    .postprevsec.postprevsec_cus {
      flex-direction: column;
    }

    .postdatacl_popup .postprevsec,
    .postprevsec.postprevsec_cus .user-post {
      width: 100%;
      height: auto;
    }

    .postdatacl_popup .postpopparent {
      width: 100%;
      margin-top: 20px;
    }

    .postpopparent {
      height: auto;
    }

    .postdatacl_popup .postmediasec {
      min-height: auto;
    }

    .postpopparent {
      height: auto;
      min-height: auto;
    }

    .tabs-content ul.connections-requests {
      height: 200px;
      overflow: scroll;
    }

    .connections-requests li:last-child {
      margin-bottom: 20px;
    }

    .selectallsection {
      margin-top: 10px;
    }

    .invite-cnt img {
      width: 25%;
    }

    .tabs-content ul#cappend1 {
      height: 260px;
    }

    .tabs-content ul#cappend {
      height: 200px;
    }

    /* .cus-price-col {
  display: block !important;
}
.viewaddrtoggle {
  margin: 20px 0 10px;
}
ul#subscriptions-tabs {
  margin: 20px auto;
} */

    /*worked on client visit 09-05-2024 */
    body.usrprofilepage .mobile_header {
      display: none;
    }

    .postdatacl_popup .postprevsec.postprevsec_cus {
      flex-direction: column;
    }

    div#confirmation-from-free-user-modal input#sign_free_btn_popup {
      width: 100%;
    }

    .likes-info li span ins {
      font-size: 16px;
      display: flex;
      align-items: center;
      line-height: 0px;
    }

    .likes-info li span i {
      margin-right: 5px;
      margin-top: 0;
      position: unset;
    }

    .likes-info li .cmtscnt {
      align-items: center;
    }

    body.feedpage .pennding-msg {
      position: sticky;
      top: 0px;
      z-index: 9999;
    }

    div#confirmation-from-free-user-modal div#queryform p.popup-title {
      font-size: 16px;
    }

    .dflex.signup-btns {
      justify-content: space-between;
    }

    .edit_profile_inner .edit-protle.mbs-show {
      display: block !important;
    }

    .edit_profile_inner .edit-protle.mbs-show span {
      margin-left: 3px;
      font-size: 16px;
    }

    .edit_profile_inner .edit-protle {
      display: none;
    }

    .edit-protle.mbs-show .bill-goback.mgoback {
      justify-content: space-between;
      width: 100%;
      margin: 0;
      padding: 0;
      margin-left: 0px !important;
    }

    div#newproduct.reveal {
      height: 570px;
      padding-bottom: 50px;
      overflow: auto !important;
    }

    .notiicon span.count-noti {
      padding-left: 3px;
      padding-right: 3px;
      font-size: 10px;
      width: 17px;
      height: 17px;
      position: absolute;
      line-height: 16px;
      top: -10px;
      left: 12px;
      z-index: 999;
      min-width: max-content;
      border-radius: 10000px;
      background: var(--primary-color);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .post-comt-box form button {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 45px;
      border-radius: 16px;
      font-size: 14px;
      padding: 0px 15px;
      z-index: 9;
    }

    .se-wrapper-inner.se-wrapper-wysiwyg.sun-editor-editable {
      border: 1px solid #50B855;
      border-radius: 16px;
      background: #F4FEF4;
      min-height: 40px;
      height: 40px;
      margin-bottom: 0px;
      overflow: hidden;
      padding-left: 15px !important;
    }

    .sun-editor .se-wrapper .se-placeholder {
      padding-left: 15px !important;

    }

    .notiicon span.count-noti::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      border-style: solid;
      border-color: var(--primary-color);
      border-width: 1px;
      border-radius: inherit;
    }

    .notiicon span.count-noti p {
      font-size: 9px;
      color: #fff;
      line-height: 0px;
      margin-bottom: 0px;
    }

    ul#subscriptions-tabs {
      margin: 20px auto;
      display: flex;
    }

    .postdatacl_popup .postprevsec {
      padding: 100px 20px 20px;
    }

    .postdatacl_popup .central-meta {
      background: transparent;
      box-shadow: unset;
    }

    div#post_view .postdatacl_popup {
      margin-top: 0px;
    }

    #post_view {
      padding-top: 10px;

    }

    div#post_view .more-post-optns>ul {
      -webkit-transform: translateY(-100%) !important;
    }

    .postdatacl_popup .postpopparent {
      width: 100%;
      margin-top: 20px;
    }

    form#edit_profile .mlt-form-group {
      width: 100%;
    }

    .forgotpass a {
      text-decoration: underline;
    }

    .forgotpass a:hover {
      color: var(--color-green) !important;
      text-decoration: underline;
    }

    .loadMore.load_feed_all .nodatacl.norecords-cls {
      display: block !important;
    }

    .connectioncontacts .tabs-panel.is-active {
      padding-bottom: 65px !important;
      height: max-content !important;
      position: unset !important;
    }

    .connectioncontacts .tabs-panel.is-active .selectallsection {
      gap: 15px;
    }

    .tabs-content ul.connections-requests {
      height: auto !important;
    }

    /*worked on client visit 09-05-2024 */
  }


  @media only screen and (max-width:767.8px) {


    .mobile-filter.ms-sortby.active {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .mobile-filter.ms-sortby.active button#fsortid {
      height: 40px;
      width: fit-content;
      padding: 0px 20px;
    }

    .mobile-filter.ms-sortby.active form {
      margin-bottom: 20px;
    }

    .mobile-filter.ms-sortby.active button.fltrcancelbtn {
      display: none;
    }

    form#ForgotPasswordForm .pin input {
      border-radius: 17px !important;
      margin: 0px 5px;
      height: 45px;
      width: 55px;
      font-size: 22px;
      text-align: center;
      padding: 8px;
    }

    .mobile-filter.ms-sortby.active button#fsortid1 {
      height: 40px;
      width: fit-content;
      padding: 0px 20px;
    }

    .mobile-filter.ms-sortby.active .drophead .mshareclose {
      top: 0px;
      right: 0;
    }

    .promo-aplied {
      flex-direction: column;
    }

    .promoamnt p {
      font-size: 14px;
    }

    .promoamnt {
      min-width: 280px;
    }

    .main-section .grid-container {
      padding-right: 0px;
      padding-left: 0px;
    }

    .cardsec {
      background-color: transparent;
      width: 100%;
      box-shadow: none;
      padding: 0px;
    }

    .pfrfediticon {
      right: 5px;
      bottom: 0px;
      color: var(--bg-black1);
    }

    .billing-information {
      padding: 30px 20px;
      margin: 0px 10px;
    }

    .inspiringsec {
      padding: 30px 0px 0px;
    }

    .insitemsec {
      flex-direction: column;
    }

    .view-pdf.mhide a {
      margin-left: 0px;
      width: max-content;
    }

    body.usrprofilepage .pennding-msg {
      top: 0px;
    }

    .insitem {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 10px;
      padding: 0px 10px;
    }

    .insitemsec .insitem:nth-child(odd) .insitemcntbx {
      order: 2;
      margin-left: 10px;
    }

    .insitemsec .insitem:nth-child(odd) .insitemimgbx {
      order: 1;
    }

    .insitemsec .insitem:nth-child(even) .insitemcntbx {
      order: 1;
      margin-right: 10px;
    }

    .insitemsec .insitem:nth-child(even) .insitemimgbx {
      order: 2;
    }

    .insitemcntbx p {
      font-size: 14px;
    }

    .insitemcntbx p span {
      font-size: 16px;
    }

    .insitemimgbx {
      width: 170px;
      height: fit-content;
    }

    .insitemcntbx {
      height: 85px;
    }

    .insitemcntbx.mt20 {
      margin-top: 0px;
    }

    .insitemcntbx.mb20 {
      margin-bottom: 0px;
    }

    .echocntsec h4 {
      font-size: 20px;
    }

    .echocntsec p {
      font-size: 12px;
    }

    .echoimgsec {
      width: 35%;
      margin-right: 30px;
    }

    .echosystemsec {
      padding: 50px 0px;
      background-position: 0% 9%;
      background-size: 100%;
    }

    .findbusiness p {
      font-size: 14px;
    }

    .blogstlesec h2 {
      font-size: 24px;
    }

    .blogbx {
      flex-direction: column;
      margin-bottom: 80px;
    }

    .blogimg {
      width: 90px;
      height: 90px;
    }

    .blogcnt a {
      font-size: 14px;
    }

    .blogsitemcnt {
      width: 100%;
      margin-top: 40px;
    }

    .blogcnt p {
      font-size: 16px;
    }

    .footerlist {
      flex-direction: column;
      height: auto;
      padding: 10px 0px
    }

    ul.menu-list li a,
    .copy-right a {
      font-size: 10px;
    }

    ul.menu-list li {
      margin-left: 15px;
    }

    .blogssec {
      padding: 0px 0px 50px 0px;
      position: relative;
    }

    .blogcntsec {
      width: 100%;
    }

    .blogitemcnt h4,
    .itembox .blogitemcnt h4 {
      font-size: 18px;
    }

    .featureditemsec {
      flex-direction: column;
    }

    .featureditemsec .itembox {
      width: 100%;
      margin-bottom: 20px;
    }

    .blogfilter #buttons button {
      padding: 10px 20px;
      font-size: 14px;
    }

    div#search-container {
      display: none;
    }

    #blogslistsec {
      flex-direction: column;
    }

    #blogslistsec .itembox {
      width: 100%;
      margin-bottom: 20px;
      margin-right: 0px;
    }

    .itembox .itemcntbx {
      height: 250px;
    }

    .itembox .readmorebtn {
      position: absolute;
      bottom: 30px;
    }

    .bloglistsec {
      padding: 0px 0px;
    }

    .subscribecnt {
      flex-direction: column;
      height: 185px;
    }

    .subscribetle {
      width: 100%;
    }

    .subscribeform {
      width: 100%;
      padding-left: 0px;
    }

    .subscribetle h2 {
      font-size: 24px;
      line-height: 1.2;
    }

    .subscribeform p {
      font-size: 18px;
    }

    .subscribeform input {
      width: 60%;
      height: 40px;
      font-size: 12px;
    }

    .subscribeform button {
      right: 0px;
      height: 40px;
      font-size: 12px;
    }

    section.featuredsec {
      padding: 20px 0px;
    }

    .footergrn .copy-right a,
    .followus p {
      font-size: 14px;
    }

    .fsocialicons li {
      width: 30px;
      height: 30px;
    }

    .fsocialicons li a {
      font-size: 16px;
    }

    .detailcntsec h4.btle {
      font-size: 18px;
    }

    .detailcntsec img {
      height: auto;
    }

    .userdetail img {
      width: 40px;
      height: 40px;
    }

    .username h4 {
      font-size: 18px;
    }

    .username p {
      font-size: 12px;
    }

    .blogshareicon li {
      width: 30px;
      height: 30px;
      margin-left: 5px;
    }

    .blogdesc {
      padding: 20px;
    }

    .dtle {
      font-size: 18px;
      line-height: 1.2;
    }

    .sectle {
      font-size: 22px;
    }

    .tlesecblog a {
      font-size: 16px;
    }

    .relatedpostitemsec {
      flex-direction: column;
    }

    .relatedpostitemsec .itembox {
      width: 100%;
      margin-right: 0px;
      margin-bottom: 20px;
    }

    .videofeatureditemsec {
      flex-direction: column;
    }

    .videofeatureditemsec .itembox {
      width: 100%;
      margin-bottom: 20px;
    }

    .videofeatureditemsec .itemimg img,
    .videolist .itemimg img {
      height: 300px;
    }

    .videofeatureditemsec .itemimg,
    .videolist .itemimg {
      height: 300px;
    }

    .videolist {
      flex-direction: column;
    }

    .videolist .itembox {
      width: 100%;
    }

    .blogfilter {
      margin-bottom: 30px;
    }

    .trendngvideo {
      height: 350px;
    }

    .trendngvideo .blogitemcnt {
      width: 100%;
    }

    a.vplybtn svg {
      width: 45px;
      height: 45px;
    }

    .videofeatureditemsec a.vplybtn svg {
      width: 40px;
      height: 40px;
    }

    .reveal {
      border-radius: 13px;
      height: auto;
      min-height: auto;
      top: 50% !important;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 95%;
      padding: 10px;
    }

  }



  body div {
    /*-webkit-user-select: none;  Safari */
    /*-ms-user-select: none; /* IE 10 and IE 11 */
    /* user-select: none; /* Standard syntax */
  }

  @media screen and (min-width: 1400px) {}

  @media only screen and (min-width: 1601px) {

    /* .grid-container {  
  max-width: 1300px;    
  }  
 .innerpage .grid-container {
    max-width: 100%;
    padding-right: 60px;
    padding-left: 60px; 
  }
  .innerpage.fullgrid .grid-container {
    max-width: 100%;
    padding-right: 60px;
    padding-left: 60px;   
  }
  .grid-padding-x>.cell {
    padding-right: 1.9375rem;
    padding-left: 1.9375rem;
  } 
  .reveal {
    width: 640px;
    max-width: 75rem;
 } */
    .zinfinitee-intro svg {
      width: auto;
    }

    .f10 {
      font-size: 10px;
    }

    .f11 {
      font-size: 11px;
    }

    .f12 {
      font-size: 12px;
    }

    .f14 {
      font-size: 14px;
    }

    .f15 {
      font-size: 15px;
    }

    .f16 {
      font-size: 16px;
    }

    .f17 {
      font-size: 17px;
    }

    .f18 {
      font-size: 18px;
    }

    .f19 {
      font-size: 19px;
    }

    .f20 {
      font-size: 20px;
    }

    .f21 {
      font-size: 21px;
    }

    .f21 {
      font-size: 22px;
    }

    .f23 {
      font-size: 23px;
    }

    .f24 {
      font-size: 24px;
    }

    .f25 {
      font-size: 25px;
    }

    .f26 {
      font-size: 26px;
    }

    .f27 {
      font-size: 27px;
    }

    .f28 {
      font-size: 28px;
    }

    .f29 {
      font-size: 29px;
    }

    .f30 {
      font-size: 30px;
    }

    .f32 {
      font-size: 26px;
    }

    .f37 {
      font-size: 31px;
    }

    .f40 {
      font-size: 40px;
    }

    .f41 {
      font-size: 41px;
    }

    .zinfinitee-intro .intro {
      margin-top: 60px;
      font-size: 40px;
    }

    .drop_down_label {
      font-size: 23px;
    }

    .ind_checkbox {
      font-size: 18px;
    }

    .form_container p {
      font-size: 16px;
    }

    a.go_back_btn {
      font-size: 20px;
    }

    .drop_down_content.check_box2 span.mark {

      font-size: 18px !important;

    }

    .select-items div,
    .select-selected {
      font-size: 18px;
    }

    .audio-player.audionew .wave-container wave {
      overflow: hidden !important;
    }

  }

  @media screen and (min-width: 1900px) {}

  @media only screen and (max-width: 1366px) {}

  @media only screen and (max-width: 1199px) {}

  @media only screen and (min-width: 1030px) and (max-width: 1466px) {}

  @media only screen and (min-width: 40em) and (max-width: 64em) {
    .order-md-1 {
      order: 1 !important;
    }

    .order-md-2 {
      order: 2 !important;
    }

    .order-md-3 {
      order: 3 !important;
    }
  }

  @media only screen and (min-width: 1030px) and (max-width: 1466px) {
    #post_view {
      width: 90%;
      max-width: 90%;
    }

    .chat-heading h4 {
      margin-left: 2px;
      font-size: 14px;
    }

    .chat-heading {
      padding: 0px 7px 0px 0px;
    }

    .spacecreatebtn,
    .findgroup,
    .howtogroupbtn {
      font-size: 10px;
    }

    .spacecreatebtn,
    .findgroup {
      padding: 0px 7px;
    }

    .chat-heading svg {
      height: 17px;
    }

    .profile-details .profile-detailbox {
      margin-top: 20px;
    }

    .profile-detailbox .personal-info .profile-name {
      font-size: 16px;
    }
  }

  @media only screen and (min-width: 1030px) and (max-width: 1366px) {
    .grid-padding-x>.cell.customcolumnchat3 {
      width: 28%;
    }

    .grid-padding-x>.cell.customcolumnchat3 {
      width: 28%;
    }

    .grid-padding-x>.cell.customcolumnchat9 {
      width: 72%;
    }

    .chat-heading h4 {
      margin-left: 2px;
      font-size: 14px;
    }

    .chat-heading {
      padding: 0px 7px 0px 0px;
    }

    .spacecreatebtn,
    .findgroup,
    .howtogroupbtn {
      font-size: 10px;
    }

    .spacecreatebtn,
    .findgroup {
      padding: 0px 7px;
    }

    .chat-heading svg {
      height: 17px;
    }

    .post-meta.post_video_class.ctaviedio .videothum-wrapper {
      height: 283px;
    }

    .postdatacl_popup .bgtxt.post_text_class1.postmediasec.rmvheight {}

    .postpopparent {
      height: 400px !important;
    }

    .postdatacl_popup .postprevsec {
      /* width: 40%; */
      /* height: 400px; */
      /* overflow-y: auto;  */
    }

    .postdatacl_popup .postpopparent {
      width: 55%;
    }

    .postdatacl_popup:after {
      width: 57%;
    }

    .promotionanalysistabs ul li a {
      font-size: 13px;
      padding: 10px 13px;
    }

    .audience-options p {
      font-size: 13px;
      margin-right: 5px;
    }

    .profile-details .profile-detailbox {
      margin-top: 20px;
    }

    .profile-detailbox .personal-info .profile-name {
      font-size: 16px;
    }
  }

  #appleid-signin div div:nth-child(1) {
    padding-right: 0 !important;
    padding-left: 10px !important;
  }

  #appleid-signin div div:nth-child(1) svg:nth-child(1) {
    position: absolute;
    left: -70px;

  }

  @media only screen and (min-width: 1024px) {


    .no_comments {
      display: none !important;
    }

    div#appleid-signin text {
      font-size: 7pt;
      letter-spacing: 30px;
      width: -webkit-fill-available;
    }

    div#payment_success {
      width: 100% !important;
    }

    #appleid-signin div div:nth-child(1) {
      padding-right: 0 !important;
    }

    #appleid-signin div div:nth-child(1) svg:nth-child(3) {
      position: absolute;
      left: 34%;
      width: auto;
      top: -2px;
    }


    #profile-page {
      padding-bottom: 120px !important;
    }

    #rating_form .global_rating {
      justify-content: space-between;
    }

    .advertisement-audience-filter .dropdown1 .dropdown-list {
      left: auto !important;
      right: 0px !important;
    }

    #rating_form .skill-bar-percent {

      width: 10%;
    }

    .more-post-optns:hover>ul {
      opacity: 1;
      right: -9px;
      top: 25px;
      transform: scale(1);
      visibility: visible;
    }


    .more-post-optns {
      width: 20px;
      height: 20px;
      display: flex !important;
      align-items: center;
      justify-content: center;
    }

    .more-post-optns.deskhide.mobileshow {
      display: none !important;
    }

    .expertb_addf {
      width: 80%;
      margin: auto;
    }
  }

  @media only screen and (min-width: 768px) {
    .img-container {
      min-height: 353px;
    }
  }

  @media only screen and (max-width:325px) {
    .reaction-details .reaction-name h4 {
      max-width: 105px;
    }

    .msg_head {
      top: 0px;
    }
  }

  /* #post-upload #radios label:hover.toot_txt{
  display: block;
}
#post-upload .toot_txt{
  display: none;
} */

  @media only screen and (max-width:1023px) {

    /* signup page css    */
    .chat-input-section .file_Upload.show,
    .chat-input-section .replyCard.show {
      transform: translateY(-85px) !important;
    }

    .prmo_edit_detail.opened .edit_postul {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    .prmo_edit_detail .edit_postul.closed {
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      transition: transform .0s !important;
    }

    .promo_copyt {
      flex-direction: column;
    }

    .pro_featurep p {
      font-size: 14px;
    }

    .promo_copyt b {
      font-size: 14px;
    }

    .promo_copyt b span {
      font-size: 16px;
    }

    .promo-aplied {
      flex-direction: column;
    }

    .promoamnt p {
      font-size: 14px;
    }

    .first_step .form__label-radio {
      width: max-content;
      min-width: 100px;
    }

    .first_step .form__radio-group-outer .form__radio-group {
      width: auto !important;
      margin-bottom: 10px;
    }

    .first_step .form__radio-group-outer .form__radio-group:last-child {
      width: auto !important;
    }

    .signup_sec div.second_step div.tacbox,
    .signup_sec div.second_step div.tacbox1 {
      text-align: left !important;
    }

    .signup_sec div.second_step div.tacbox label,
    .signup_sec div.second_step div.tacbox1 label {
      margin-left: 30px;
    }

    .signup_sec div.second_step .tacbox input:checked+label:before,
    .signup_sec div.second_step .tacbox1 input:checked+label:before,
    .signup_sec div.second_step .tacbox label:before,
    .signup_sec div.second_step .tacbox1 label:before {
      margin-left: -32px;
      margin-right: 12px;
    }

    .signup_sec div.second_step .tacbox input:checked+label:after,
    .signup_sec div.second_step .tacbox1 input:checked+label:after,
    .signup_sec div.second_step .tacbox label:after {
      margin-left: -32px;
    }

    div.tick-box div.tacbox,
    div.tick-box div.tacbox1 {
      text-align: left !important;
    }

    div.tick-box div.tacbox label,
    div.tick-box div.tacbox1 label {
      margin-left: 30px;
    }

    div.tick-box .tacbox input:checked+label:before,
    div.tick-box .tacbox1 input:checked+label:before,
    div.tick-box .tacbox label:before,
    div.tick-box .tacbox1 label:before {
      margin-left: -32px;
      margin-right: 12px;
    }

    div.tick-box .tacbox input:checked+label:after,
    div.tick-box .tacbox1 input:checked+label:after,
    div.tick-box .tacbox label:after {
      margin-left: -32px;
    }

    .tacbox1 label a {
      color: var(--color-green);
    }

    .signup-card-two .mlt-form-group {
      padding: 0px 30px 0px 20px;
    }

    .signup-card-two .mlt-form-group .dwnarrw {
      font-size: 13px;
    }

    .signup-card-two .drop_down_label::after {
      background: url(../images/addic.svg) center center;
      background-size: 0% !important;
    }


    div#sign_up_opt {
      transform: translateY(-50%) !important;
    }

    div#sign_up_opt .insidepopup {
      padding: 30px 0px !important;
    }

    .welcome-signup-card-one .dflex button.btn {
      width: auto !important;
    }

    /* signup field select  */

    .signup_sec .signup-card-two span.round_br {
      min-height: unset;
      padding: 5px 15px 5px 15px;
    }

    .signup_sec .signup-card-two span.round_br {
      min-height: 30px;
      height: max-content !important;
      line-height: 18px;
    }


    /* ---- responsive Css Start----------*/
    /* comment area additional css */
    .chatpage .space-memberlist .smemsecond .more-post-optns {
      display: flex;
    }

    .procmn.advertisement-comparisonb .main-section .grid-container,
    .advertisementdirectpage.procmn.adprocmn .main-section .grid-container {
      padding-left: 0px !important;
    }

    .msg_body .msg_box div#fc_frame {
      display: none !important;
    }

    .sun-editor .se-wrapper .se-placeholder {
      padding-top: 10px;
    }

    .chatgroupcmn .searchresultlist ul li:last-child {
      padding-bottom: 65px;
    }

    .chatgroupcmn .simplebar-offset {
      bottom: 0 !important;
    }

    .usrprofilepage .reveal-overlay {
      z-index: 99 !important;
    }

    .fc-widget-normal {
      display: none;
    }

    .idzgrouppage .fc-widget-normal,
    .idzchatpage .fc-widget-normal {
      display: none !important;
    }

    .idzgrouppage .postcnt-inn {
      max-height: 400px;
      height: auto;
    }

    #suneditor_imgtext .sun-editor .se-toolbar {
      padding: 15px 0px 0px;
      margin-top: 0px;
    }

    .reposted_data .post-meta .darktext,
    .reposted_data .postmediasec .darktext {
      padding: 0px 0px 0px 0px !important;
    }

    .se-container {
      background: #f6f9f6;
    }

    .sun-editor-editable.invalid_btext {
      border-radius: 8px;
    }

    .plyr:-webkit-full-screen .plyr__video-wrapper {
      display: flex;
      align-items: center;
    }

    .plyr:-webkit-full-screen .plyr__video-wrapper video {
      height: auto !important;
    }

    .nodatafound {
      left: unset;
      right: 10%;
    }

    .advertisementdirectpage .datatablecustom tbody td {
      box-shadow: none !important;
    }

    .mobile_header .nav_profile {
      width: 38px !important;
      height: 38px !important;
    }

    .coment-area {
      /* position: relative !important; */
      box-shadow: none !important;
    }

    .spaceinputname button {
      top: 50% !important;
      transform: translateY(-50%);
    }

    /* end of comment area additional css */
    .notificationpage .notification-box>ul>#not>li {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding-right: 0;
      padding-left: 0;
      gap: 10px;
    }

    .editprofilepage .deletaccount.deskhide {
      line-height: 40px;
      text-align: center;
    }

    .notificationpage .notification-box .connectwbtnc .invitebtn {
      margin-left: 60px;
    }

    .notificationpage .notification-box .connectwbtnc .invitebtn a {
      margin-top: 0px;
      height: 35px;
    }

    .chatgroupcmn .share-options {
      min-width: auto;
    }

    .notificationpage .noticla a {
      height: 35px;
      line-height: 35px;
      padding: 0px 20px;
    }

    .notificationpage .notification-box>ul #not li figure {
      margin-left: 0;
    }

    .notificationpage .notification-box .more {
      right: 0;
    }

    .notificationpage .notification-box .more span.hrs {
      white-space: pre;
    }

    .notificationpage #not .notifi-meta {
      width: 100%;
    }

    .notificationpage .notification-box>ul>#not>li.connectwbtnc {
      flex-direction: column;
      align-items: flex-start;
    }

    .notificationpage .notification-box .more {
      position: relative;
    }

    .notificationpage .notification-box .invitebtn {
      width: auto;
    }

    .notificationpage .notification-box .invitebtn {
      margin-left: 5px;
    }

    .editprofilepage .drop_down_content .ti-close {
      left: unset;
      right: 20px;
    }

    .editprofilepage .popuptitle .ti-arrow-left {
      display: none !important;
    }

    .usrprofilepage .pro-pic {
      margin: 0;
    }

    .usrprofilepage .avatar-upload .profile-pic {
      width: 85px;
      height: 85px;
    }

    .usrprofilepage .profile-pic .label {
      height: 30px;
      width: 30px;
      margin: 0 auto;
      position: absolute;
      right: 0px !important;
      bottom: 8px !important;
    }

    .usrprofilepage .avatar-upload.profileimg .circle {
      height: 85px;
      width: 85px;
      margin: 0 auto;
    }

    .usrprofilepage .coverimageurl .pfrfediticon {
      right: 0px !important;
      bottom: 8px !important;
    }

    .remove_prpic svg {
      width: 15px;
    }

    .coverimageurl .file-input__label svg {
      height: 16px;
    }

    .usrprofilepage .view-pdf {
      float: left;
    }

    #copied-success-fed {
      display: none;
    }

    .usrprofilepage .nwfilter .nice-select {
      border: 1px solid var(--primary-color) !important;
      color: var(--primary-color);
      height: 40px;
    }

    .usrprofilepage .pro-vertical .pro-image {
      width: 35%;
      margin-top: 0;
    }

    .usrprofilepage .pro-vertical {
      flex-direction: row;
      gap: 15px;
      align-items: center;
    }

    .usrprofilepage .view-pdf.mhide {
      display: block;
      padding-bottom: 20px;
    }

    .usrprofilepage .view-pdf a {
      height: 30px;
    }

    .usrprofilepage .nwfilter .ftst {
      display: none;
    }

    .usrprofilepage .nwfilter .nice-select {
      width: 100%;
    }

    .usrprofilepage .nwfilter .nice-select .list {
      border: 1px solid rgb(80, 184, 85, 0.4);
      color: var(--secondary-color);
    }

    .usrprofilepage .nwfilter .nice-select:after {
      border-bottom: 2px solid var(--primary-color);
      border-right: 2px solid var(--primary-color);
    }

    /* .usrprofilepage .pro-vertical .pro-image img {
  width: 100%;
  height: auto;
} */
    #repost_pop .post-comt-box form button span {
      display: block !important;
    }

    #repost_pop .close-button {
      position: absolute;
      right: 21px;
      top: 9px;
    }

    #repost_pop .close-button span {
      /* color: transparent; */
    }

    .cmnt-sec #cmt_class_ma li:first-child {
      width: auto !important;
    }

    .user-post .uprofname .unflex {
      align-items: center;
    }

    div.reveal.videopup {
      top: 50% !important;
      transform: translateY(-50%) !important;
    }

    .addcampaing.adv_head1 {
      width: auto !important;
    }

    .advertisement-comparisonb .promotionanalysistabs ul {
      margin-top: 0px !important;
    }

    .user-post .uprofname .unflex .badgeclass img {
      min-width: 20px;
    }

    .landingpagemain .ckbtns {
      display: none;
    }

    .login-section {
      padding: 30px 20px !important;
    }

    .notification-box .invitebtn .more {
      top: 50%;
      top: calc(100% - 75%);
      flex-direction: column-reverse;
      gap: 15px;

    }

    .other-profile .sharing-list li:first-child {
      margin-left: 0;
    }

    .sharing-list li {
      font-size: 12px !important;
    }

    .other-profile .sharing-list {
      right: 15px;
    }

    .user-chat-topbar {
      z-index: 9998 !important;
    }

    .user-chat .user-chat-overlay.show {
      z-index: 9999;
    }

    .user-chat-topbar {
      background: #fcfffc !important;
    }

    aside.sidemenu .a_middle_sec ul {
      padding-top: 5px;
    }

    .notificationpage .srchbox.notiserbox {
      left: 50%;
      width: calc(100% - 15px) !important;
      transform: translateX(-50%);
    }

    .notificationpage .notification-box>ul>li,
    .notification-box>ul>#not>li {
      margin-bottom: 0px;
    }

    .notificationpage .notification-box.notification-act {
      margin-top: 95px;
    }

    .connectioncontacts .contacttab .tabs-title>a {
      width: 100px;
    }

    .connectioncontacts .contacttabsec::before {
      height: 0px;
    }

    .refferalpage .sharebox ul li {
      margin-left: 0px;
    }

    .main-section.bgoverlay::before {
      z-index: 0 !important;
    }

    .notification-box .invitebtn .more .more-post-optns {
      display: flex;
      align-self: end;
    }

    .chat-input-links .links-list-item>.btn {
      width: auto;
      margin-top: 0px;
    }

    .form-control.chat-input {
      margin-top: 10px;
    }

    .notification-box .ti-more-alt:before {
      color: #000;
    }

    [data-theme="dark"] .notification-box .ti-more-alt:before {
      color: var(--color--grey8);
    }

    .noti-cnt {
      word-break: auto-phrase;
    }

    .promotionrecommendationpage .verticaltabcnt .grid-padding-x {
      overflow: scroll;
      height: calc(100% - 70px);
    }

    .likes-info li:last-child {
      margin-right: 0px;
    }

    #userNotavail .popuptitle {
      justify-content: center;
      align-items: baseline;
      gap: 10px;
    }

    #append_space_data.append_spaceact {
      margin-top: 35px;
    }

    .idzgrouppage .spaceuserslist {
      padding-top: 10px;
    }

    .idzgrouppage .spaceuserslist li {
      margin-bottom: 10px;
    }

    .feedpage .post-section {
      margin-top: 100px;
    }

    .post-section .post-tab.profiletab ul.customtabs {
      z-index: 0;
    }

    /* .user-chat .user-chat-overlay.show{
  opacity: 0.1 !important;
  z-index: 0 !important;
} */
    .user-chat-topbar {
      z-index: 1;
    }

    .mbgovrlay.active {
      background: transparent !important;
      position: fixed;
      top: 0px;
      height: 100vh;
      width: 100%;
      z-index: 20;
      opacity: 1;
      backdrop-filter: blur(2px);
    }

    .reveal-overlay {
      background: transparent !important;
      opacity: 1;
      backdrop-filter: blur(2px);
    }

    section.main-section.mobile-main.bgoverlay .post-tab ul.customtabs {
      pointer-events: none;
      z-index: 0;
    }

    .user-chat .user-chat-overlay.bshow {
      opacity: 1 !important;
      backdrop-filter: blur(2px);
      z-index: 9 !important;
    }

    .sortby span {
      margin-right: 10px;
    }

    .chatpage .px-4.pt-4 .howsec {
      padding: 0px 10px;
    }

    [data-theme="dark"] .chatmoremobile .chatboxmore {
      background: #000;
    }

    #edit_profile button#copy {
      right: 70px;
    }

    [data-theme="dark"] .feed-post-tab li.tab,
    .fs-wrap.multiple .fs-option .fs-checkbox i {
      background: transparent !important;
    }

    .postcnt-inn .reaction-msg .msgbtns .pmsgbtn {
      width: 80px;
    }

    .add-spacegroup.show {
      bottom: 50px;
    }

    .profile-information.active {
      z-index: 10000 !important;
    }

    .edit_profile_sec .form-group.text-right {
      display: flex;
      justify-content: space-between;
      gap: 10px;
    }

    .edit_profile_sec .editp_back {
      cursor: pointer;
      box-shadow: 0px 0px 6px #00000029;
      border-radius: 10px;
      padding: 3px 15px;
      width: 120px;
      background-color: #fff;
      border-color: #fff;
      color: #000;
      height: 40px;
      border-radius: 22px;
      margin: 5px 0 10px 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .more-post-optns.deskhide.mobileshow {
      display: block;
    }

    .chatgroupcmn .more-post-optns.smesmore {
      position: initial;
    }

    .audiencebox {
      align-items: center;
      height: 450px;
    }

    .audiencebox .chartjsparent {
      width: 55% !important;
      height: 100% !important;
    }

    .numberviews .audiencebox,
    .numberviews .comparisionlist-box,
    .comparisionlist-box {
      height: auto;
      min-height: auto;
    }

    #comparisonLine,
    .comparisionlist {
      height: auto;
    }

    /* .avatar-upload.profileimg .pfrfediticon {
  top: 58%;
  left: 58%;
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%);
} */
    .usrprofilepage .avatar-upload .remove_prpic {
      width: 25px !important;
      height: 25px !important;
      bottom: 8px;
      left: 0px;
    }

    .innerpage.editprofilepage .avatar-upload.profileimg .pfrfediticon {
      width: 30px !important;
      height: 30px !important;
      right: 5px;
      bottom: 8px;
    }

    .coverimageurl .file-input__label,
    .coverimageurl .pfrfediticon,
    .coverimageurl .remove_prpic {
      width: 25px;
      height: 25px;
    }

    .editprofilepage .avatar-upload .remove_prpic {
      bottom: 8px;
      left: 5px;
      height: 30px;
      width: 30px;
      z-index: 100;
    }

    .avatar-upload.profileimg .pfrfediticon svg {
      width: 16px;
      height: 16px;
    }

    .avatar-upload.profileimg .circle {
      position: relative;
    }

    .reaction-info.sameuser .symbolclick {
      width: auto;
    }

    .search-space {
      border-bottom: 1px solid #D6DEE6 !important;
      padding: 20px 0px !important;
    }

    [data-theme="dark"] .user-chat.bgtransparent .p-lg-4.user-chat-topbar::after {
      background: #131517;
    }

    .addspaceimg .img-prv,
    .addspaceimg .imguploadspace,
    .addspaceimg .update_chatImag {
      margin: auto;
    }

    .addspaceimg {
      flex-wrap: wrap;
      gap: 10px;
    }

    .addspaceimg .update_chatImag {
      width: 100% !important;
    }

    .addspaceimg .imguploadspace {
      width: 75%;
    }

    .addspaceimg .imguploadspace label {
      min-width: auto;
      padding: 0;
    }

    .searchpagesearchbarfixed+.connections-users,
    .searchpagesearchbarfixed+.crequestsec,
    .icontactsdetails {
      margin-top: 115px !important;
    }

    /* .connections-users .tabs-panel.is-active{
  opacity: 0;
} */
    .advertisementaudiencepage.procmn .chartviews,
    .advertisementaudiencepage.procmn .numberviews {
      margin-top: 40px !important;
    }

    .audience-options {
      top: 117px !important;
      right: 0;
      margin-top: 0px !important;
    }

    .audiencefollowtable thead tr th:nth-child(n+3),
    .audiencefollowtable tbody td:nth-child(n+3) {
      text-align: center;
    }

    .audiencefollowtable tbody td,
    #industryEpert .deskhide,
    #videoaddstble .deskhide {
      border: none;
    }

    #industrytble tr,
    #ivideotble tr {
      border-bottom: 1px solid var(--input-border);
      border-top: 1px solid var(--input-border);
    }

    .advertisementleadsec table tbody tr,
    #promotion-analytics tbody tr {
      background: none;
    }

    .advertisementleadsec #downloadid td:last-child {
      margin-bottom: -5px;
    }

    tbody tr {
      position: relative;

    }

    #promotion-analytics tbody td:last-child {

      display: flex;
      align-items: center;
      justify-content: center;
      /* position: absolute;
  top: 0;
  bottom: -5px;
  right: 0; */
    }

    #promotion-analytics tbody td.dataTables_empty {
      display: table-cell !important;
    }

    /* #promotion-analytics tbody td:last-child svg{
  margin-bottom: -15px;
} */
    .mchartcarousel {
      margin-top: 20px !important;
    }

    .promotionrecommendationpage .promote-section .chartviews {
      margin-top: 0;
    }

    tbody#paymentActivities tr {
      box-shadow: 0px 0px 12px #50b8554d !important;
    }

    #promotion-analytics thead th {
      padding: 5px 5px !important;
    }

    .aspayactivitiespage #promotion-analytics tbody td {}

    .rec-card {
      margin-top: 20px !important;
    }

    .segrec-box {
      align-items: baseline;
    }

    .connectioncontacts .tabs-panel.is-active {
      height: 53vh;
      /* height: max-content !important; */
      max-height: max-content !important;
      top: auto;
      padding-bottom: 65px !important;
      bottom: unset !important;
      transform: none !important;
      padding-bottom: 99px !important;

    }

    .connectioncontacts .tabs-panel.is-active ul,
    .connectioncontacts #cappend2 li:first-child .requests-memb,
    .connectioncontacts #cappend1 li:first-child .requests-memb {
      padding-top: 0;
    }

    .connectioncontacts #cappend li:first-child {
      margin-top: 20px;
    }

    .contacttab .tabs-title>a[aria-selected=true] .cont_notidot p {
      color: #000 !important;

    }

    .contacttab .tabs-title>a[aria-selected=true] .cont_notidot {
      background: #fff;
    }

    .post_video_class .videothum-wrapper {
      border: 0px solid var(--primary-color);
    }

    .innerpage.otherpages {
      padding-left: 10px;
      padding-right: 10px;
    }

    .audiencefollowtable thead,
    .audiencefollowtable.unstriped tbody,
    #industrytble,
    #ivideotble {
      background-color: transparent;
    }

    .audiencefollowtable.unstriped tr {
      border-bottom: 0px solid rgb(255, 255, 255, 0.2) !important;
    }

    [data-theme="dark"] .prouinfobtns .chatbtnin,
    [data-theme="dark"] .mbreceiptdownload a {
      color: var(--bg-white);
      background: var(--color-black1);
    }

    .seg-rec.top_segment_list li {
      display: flex;
    }

    .advertisement-audience-filter .filter_iconi span {
      display: none;
    }

    .advertisement-audience-filter {
      margin-bottom: 25px !important;
      justify-content: flex-start !important;
    }

    .advertisementaudiencepage .advertisement-audience-filter {
      margin-bottom: 25px !important;
      justify-content: flex-start !important;
      margin-top: 28px;
    }

    [data-theme="dark"] .comparisionlist-box .comfilter {
      border-bottom: 1px solid rgb(255 255 255 / 29%);
    }

    .ideazmeetlivepage .cardsection {
      display: block;
      width: calc(100% - 0px);
      margin: 30px auto 20px auto;
    }

    .procmn.innerpage {
      padding-left: 10px;
      padding-right: 10px;
    }

    #profile-page .sort-by,
    .other-profile .sort-by {
      z-index: 0;
    }

    .chat-leftsidebar {
      width: 98% !important;
      position: fixed;
      margin: auto;
      left: 0;
      right: 0;
    }

    .chatgroupcmn .chat-room-list {
      padding: 0 10px;
    }

    div#cookies_box {
      width: 90%;
      left: 0;
      right: 0;
      margin: auto;
    }

    .connections-users ul {
      justify-content: space-between;
      padding: 0px 20px;
    }

    .connections-gridview li {
      width: 48% !important;
      margin: 0 0 40px 0 !important;
    }

    .connections-users .connections-listview {
      padding: 0px 20px
    }

    .srchboxsearch {
      padding: 20px 20px !important;
      width: auto !important;
    }

    .spaceinfosec .smesmore.show ul.semsul {
      padding: 50px 10px 50px 20px !important;
    }

    .spaceinfosec .smesmore.show ul.semsul li {
      padding: 10px 0;
      color: var(--secondary-color);
      font-weight: 400;
    }

    .paranrant_smesmore .smesmore.show ul.semsul.close_pop {
      display: none !important;
    }

    .connections-users .u-list ul li:nth-child(3n) {
      /* margin-right: 5px; */
    }

    .spaceinfosec .smesmore .semsul {
      position: fixed;
      top: 100% !important;
      width: 100% !important;
      left: 0;
      right: 0;

    }

    .reveal-overlay {
      z-index: 10000 !important;
    }

    .landingpagemain .index_header {
      box-shadow: 1px 2px 2px #50b85591;
      height: 81px;
      backdrop-filter: blur(15px);
    }

    .landingpagemain header {
      position: sticky;
      top: 0;
      z-index: 999;
    }

    .feedbackpage .filterbtns {
      width: 100%;
    }

    .feedbackpage .filtercustomtabs .filterbtns {
      bottom: 35px;
    }

    .feedbackpage .filtercustomtabs .dropdown-content {
      padding-bottom: 0px !important;
    }

    .cookies_box_in .ti-close {
      float: right;
      cursor: pointer;
    }

    #reportcmnd .btnfield .btn {
      border: none;
    }



    .index_header {
      padding: 20px !important;
    }

    section.about_ban_sec {
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 50px;
    }

    section.about_ban_sec p {
      font-size: 20px !important;
    }

    .our_section {
      padding: 10px 20px;
      margin-bottom: 0%;
    }

    .our_section h5 {
      font-size: 18px !important;
    }

    .header.botom {
      display: block;
      padding: 10px 0px;
      height: auto;
    }

    section.our_team_section.text-center {
      background: #51B855;
      padding: 30px 0px 0px;
    }

    section.our_vision {
      padding-bottom: 0px;
      margin-top: 30px;
    }

    .spaces {
      padding: 0% 0%;
    }

    .faq_inner h1 {
      color: #fff;
      font-size: 26px;
    }

    section.our_vision .grid-x .cell:first-child {
      padding: 15px 0px 0px !important;
    }

    section.our_vision .grid-x .cell:nth-child(2) {
      margin: -1px 0px;
      border-top: 1px solid #0003;
      border-bottom: 1px solid #0003;
      padding: 15px 0px !important;
    }

    section.faq_sec {
      margin-bottom: 35%;
    }

    .our_section ul {
      display: flex;
      justify-content: left;
      flex-wrap: wrap;
    }

    .our_section p {
      font-size: 18px !important;
      width: 100%;
    }

    .team_cunt h3 {
      padding-top: 15px;
      font-size: 24px;
    }

    .team_cunt {
      margin-bottom: 20px;
    }

    .team_01 {
      margin: 0px auto !important;
    }

    .team_cunt p {
      margin-bottom: 10px;
    }

    section.our_team_section.text-center p {
      font-size: 17px !important;
      width: 100% !important;
    }

    h2.gren {
      color: #51B855;
      font-size: 26px !important;
    }

    section.want_hlp_section.text-center {
      padding: 20px 0px !important;
      margin-bottom: 20% !important;
    }

    .our_section h5 {
      font-size: 20px;
    }

    .our_section p {
      font-size: 20px;
      width: 100%;
    }

    section.carees_sec p {
      font-size: 18px !important;
    }

    .faq_inner {
      background: #51B855;
      padding: 30px 0px;
      margin-top: 10%;
    }

    section.legal_sec {
      padding: 3% 20px 10% !important;
      margin-bottom: 20%;
    }

    section.legal_sec .grid-x {
      box-shadow: var(--box-shawdow);
      padding: 30px 15px !important;
    }

    .rols_head select {
      width: 50%;
    }

    td.td_head {
      font-size: 18px
    }

    table.rols td {
      padding: 20px 10px;
      font-size: 14px !important;
    }

    .bt {
      margin: 0px 0px 30px;
    }

    .header.botom .bottom-menu {
      flex-wrap: wrap;
      justify-content: center;
      display: inline-flex;
      text-align: center;
      align-items: center;
    }

    section.carees_sec {
      height: auto;
      padding-top: 25px;
    }

    section.oprn_roles {
      margin-bottom: 20%;
    }

    .rols_head {
      margin-top: 50px;
    }

    .header.botom .menu-list {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
    }

    .more .postcate {
      letter-spacing: 0px;
    }

    div#post_view .postcntsecpop {
      position: absolute;
      top: 35px;
      right: 25px;
      left: 25px;
    }

    .a_middle_sec li.act .connection_doti {
      background: var(--primary-color) !important;
    }

    .feedbackpage ul.filtercustomtabs li:last-child {
      order: -1;
    }

    .usrprofilepage .reveal-overlay {
      z-index: 999 !important;
    }

    .we-comet .no_comments {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      left: 50%;
      color: #C6C6C6;
      font-weight: 400;
    }

    .live_side_class,
    .zinfinitee-marketing,
    .plan-contactus {
      display: none !important;
    }

    .cmnmbsearchfilter .connections-tab ul li:nth-child(4) {
      display: none;
    }

    .header.botom .menu-list li {
      margin-right: 5px !important;
      margin-left: 5px !important;
    }

    footer ul.menu-list li:first-child a {
      padding: 0px 10px !important;
      height: 35px !important;
    }

    .how_banner_sec_cunt {
      padding-left: 10px;
    }

    .how_banner_sec_cunt h2:before {
      border: 0px;
    }

    .how_banner_sec {
      padding: 20px 0px;
    }

    .how_banner_sec.second .grid-x.grid-padding-x {
      display: flex;
      flex-direction: column-reverse;
    }

    .cokkie_bt {
      flex-wrap: wrap;
    }

    .cokkie_bt a {
      width: 100%;
      margin: 5px 5px;
    }

    [data-theme="dark"] section.faq_sec .cell:last-child {
      border-bottom: 0px solid var(--input-border) !important;
    }

    .legal_cunt h3 {
      font-size: 18px;
    }

    .profile-section.fxdprofilesection {
      margin-top: 10px !important;
    }

    .overflow_hiddenbody,
    .bgoverlay {
      overflow: hidden;
    }

    .spaceinfobox.show .simplebar-mask {
      position: inherit;
    }

    .idzgrouppage .chat-leftsidebar {
      position: absolute;
    }

    .idzgrouppage .add-spacegroup.show {
      bottom: 0px;
    }

    .srchbox {
      z-index: 998;
    }

    .filtercustomtabs,
    .ideazmeetcafepage .top-search {
      z-index: auto;
    }

    .srchboxsearch.searchpagesearchbarfixed {
      position: inherit !important;
    }

    .connectionpage .srchboxsearch.searchpagesearchbarfixed {
      position: fixed !important;
      left: 0;
      right: 0;
    }

    .feedpage .srchbox {
      z-index: 999;
    }

    .connectionpage .contacttabsec {
      justify-content: center;
    }

    .connectionpage .contacttabsec ul li:last-child a {
      margin-right: 0;
    }

    .connectionpage .contacttab .tabs-panel {
      padding: 0 30px !important;
    }

    .p-lg-4.user-chat-topbar::after {
      bottom: -15px !important;
      border-top: 1px solid #eaeaf1;
      left: 0;
    }

    #chatinput-form .form-control {
      padding: 0rem 1rem;
      line-height: 3.5;
    }

    .advertisementdirectpage #add-directresult th {
      border: none;
    }

    .advertisementdirectpage .filtertab,
    .advertisementaudiencepage .filtertab {
      display: none;
    }

    /* .advertisementdirectpage .grid-container, .advertisementaudiencepage .grid-container{
padding: 0 15px !important;
} */
    .procmn .advermenu,
    .promotionanalysistabs ul {
      margin: 0 -20px;
    }

    .procmn .advermenu li:first-child,
    .promotionanalysistabs ul li:first-child {
      margin-left: 20px;
    }

    .budgetcmn .bill-goback.mgoback {
      margin-left: 20px !important;
    }

    .searchspacepage #append_space_data.append_spaceact {
      margin-top: 0px;
    }

    .advertisementdirectpage .infopen {
      position: absolute;
      right: -8px;
    }

    .promotionanprevpage .direct-results ul li {
      margin-right: 0px !important;
    }

    .promotionanprevpage .DirectResults ul {
      justify-content: space-between;
    }

    .promotionanprevpage .headbtn {
      top: -52px;
      right: 0%;
    }

    .promotionanprevpage .direct-results {
      margin-top: 40px;
    }

    .advertisementaudiencepage .audience-options {
      margin-top: 0px !important;
      position: absolute;
      right: 0px;
      top: 95px !important;
    }

    .advertisementaudiencepage .calldropdown-select.wide {
      z-index: 998;
    }

    .connectionpage .connections-tab ul {
      padding-right: 0px;
    }

    .chat-leftsidebar {
      padding: 20px 10px;
      margin: 0;
    }

    .post-section,
    .ideazmeetcafepage .top-search,
    .connectionpage .crequestsec,
    .notificationpage .notification-box,
    .promotioninsightspage .verticaltabcnt .tabs-panel {
      padding: 0 20px !important;
    }

    .plansubscriptionspage .main-section,
    .promotionrecommendationpage .tabs-panel .bill-goback {
      padding: 0 10px !important;
    }

    .aspayactivitiespage .advermenu li:first-child {
      margin-left: 25px;
    }

    .grid-padding-x>.cell {
      padding-right: 0;
      padding-left: 0;
      /* margin-top: 2.5rem; */
    }

    .promotionanprevpage .promo-created {
      padding-left: 0px;
    }

    /* .promotionanprevpage .promote-section{
  padding: 0 10px;
} */
    .procmn.innerpage {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }

    .advertisementdirectpage .grid-container:not(.full)>.grid-padding-x,
    .abtestresultpage .grid-container:not(.full)>.grid-padding-x,
    .advertisementaudiencepage .grid-container:not(.full)>.grid-padding-x,
    .promotionrecommendationpage .grid-container:not(.full)>.grid-padding-x {
      margin-right: 0rem;
      margin-left: 0rem;
    }

    .promotionrecommendationpage .bill-goback.mgoback {
      margin-left: 10px !important;
    }

    .abtestresultpage,
    .advertisementinsightspage {
      margin: 0px 20px !important;
    }

    /* .promotionanprevpage .main-section{
padding: 0 15px;
} */
    .abtestresultpage .calldropdown-select.wide {
      z-index: auto;
    }

    .abtestresultpage .calldropdown-select.wide {
      position: relative;
      right: auto;
    }

    .advertisementdirectpage .chartbox.chartline1box {
      padding: 25px 25px 25px 25px !important;
    }

    .advertisementinsightspage .customverticaltab li a,
    .promotionrecommendationpage .customverticaltab li a {
      padding: 15px 0;
    }

    .connectionpage .customtabs li:last-child {
      margin-right: 0;
    }

    .aspayactivitiespage #promotion-analytics {

      margin: auto;
    }

    .aspayactivitiespage #promotion-analytics tbody td {
      padding: 5px 5px 5px 5px !important;
    }

    .user-chat-topbar {
      padding: 20px 20px !important;
    }

    .chat-input-section {
      padding: 0px 20px;
    }

    .cmnmbsearchfilter .connections-tab {
      background: var(--bg-lightgreen);
      z-index: 99;
    }

    .cmnmbsearchfilter .zicafedata.zicafedataact,
    .cmnmbsearchfilter #activities_product_list.activities_productact,
    .cmnmbsearchfilter .search-peoples.search-peoplesact,
    .cmnmbsearchfilter #activities_search.activitiesact {
      margin-top: 10px;
    }

    .cmnmbsearchfilter .peoples-list .msgbtns button:last-child {
      margin-right: 0;
    }

    .cmnmbsearchfilter .clearfltr.show {
      position: absolute;
      top: -40px;
      right: -5px;
      z-index: auto;
      background: #f0fef0;
      padding: 10px;
      border-radius: 50%;
    }

    .cmnmbsearchfilter .mobsearchfilter.hide_mobsearchb {
      visibility: hidden;
    }

    .cmnmbsearchfilter .top-search {
      z-index: auto;
    }

    .cmnmbsearchfilter .clearfltr svg {
      stroke: #50b855;
    }

    .feedbackpage .bill-goback.mgoback {
      margin-left: 26px !important;
    }

    .feedbackpage #feebackRatings_wrapper {
      padding: 0 5px;
    }

    .feedbackpage ul.filtercustomtabs li:first-child {
      margin-left: 5px;
    }

    .feedbackpage .filtertab {
      margin-right: -15px;
    }

    .feedbackpage .filtertab.ratingsortby::before {
      display: none;
    }

    .subscriptionyplan .bill-goback.mgoback {
      margin-left: 10px !important;
    }

    .bilng-title {
      margin-left: 20px;
    }

    .subscription-box {
      padding: 30px 20px;
    }

    .subscriptionyplan,
    .subscription-history,
    .usrprofilepage .profile-section {
      padding: 0 20px !important;
    }

    .cancelsubscriptions {
      padding: 0 10px !important;
    }

    .subscriptionyplan .switchbtns .switchbtn {
      font-size: 14px;
      padding: 0px 12px;
      width: auto;
      margin-right: 0 !important;
    }

    .subscriptionyplan .switchbtns {
      flex-direction: row !important;
      justify-content: center;
      gap: 10px;
    }

    .subscriptionyplan .totl-prce {
      padding: 30px 20px;
    }

    .plansubscriptionspage #popmodel {
      border-radius: 17px 17px 0 0;
    }

    .alreadysubscriptionpage .bill-goback.mgoback {
      margin-left: 20px !important;
    }

    .procmn .grid-container:not(.full)>.grid-padding-x {
      margin: 0 !important;
    }

    .procmn {
      margin: 0 15px;
    }

    .procmn .bill-goback.mgoback {
      margin-left: 5px !important;
    }

    .promotionleadspage .fltrsec {
      padding: 25px 0 15px 0;
    }

    .promotionrecommendationpage .tabs-panel .ad-card {
      box-shadow: 0px 0px 15px #0000000f;
    }

    .promotionrecommendationpage .tabs-panel .grid-x {
      padding: 10px 10px !important;
    }

    .promotionrecommendationpage .verticaltabcnt .bill-goback.mgoback {
      margin-bottom: 10px;
    }

    .procmn .bill-goback.mgoback {
      margin-bottom: 5px;
    }

    .promotionanalyticspage .headbtn {
      margin-bottom: 25px;
    }

    .promotionaudiencepage .calldropdown-select.wide {
      z-index: auto;
    }

    .biiling-yoursplan .switchbtns button {
      margin-bottom: 0px;
    }

    .comparisionlist-box ::-webkit-scrollbar {
      height: 3px;
    }

    .after_overlay::after {
      opacity: 1;
      backdrop-filter: blur(2px);
      content: "";
      position: absolute;
      inset: 0;
      background-color: transparent;
    }

    .promotioninsightspage .customverticaltab li a {
      padding: 15px 0;
    }

    .englevel.low1 {
      background: #999999;
    }

    .englevel.low2 {
      background: #7e907f;
    }

    .englevel.heigh1 {
      background: #435e45;
    }

    .englevel.heigh2 {
      background: #002402;
    }

    .video-expand {
      z-index: 998;
    }

    #post-upload.reveal {
      padding: 15px 20px !important;
    }

    .about_ban_sec {
      padding: 0 20px 120px !important;
    }

    .about_ban_sec .about_ul {
      padding-left: 20px;

    }

    .promotioncomparisionpage .promotionanalysistabs ul {
      /* margin: 20px -20px; */
    }

    .promotioncomparisionpage .promotionanalysistabs ul li:first-child {
      margin-left: 20px;
    }

    .calldropdown-select.wide {}

    .headbtn {
      position: relative;
      top: 0;
      right: 0;
    }

    .innerpage.otherpages.adduserpage {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }

    .privileges_cunt_left .audience-options {
      top: 30px !important;
    }

    .adduserpage .billing-forms .grid-x {
      margin: 0;
    }

    .promotionleadspage .fltrsec {
      overflow: auto hidden;
      margin-right: -20px;
      gap: 5px;
      justify-content: flex-start;
    }

    .promotionleadspage .fltrsec::-webkit-scrollbar {
      width: 0 !important;
      display: none;
    }

    .dropdown1 .dropdown-label {
      width: max-content;
    }

    .audience-filter-ineer .dropdown1 .dropdown-label {
      width: auto;
    }

    .dropdown1 .dropdown-label {
      padding: 0px 25px 0px 10px;
    }

    .dropdown1 {
      width: max-content;
    }

    .dwnloadbtn {
      white-space: pre;
      white-space: -moz-pre-wrap;
      white-space: -hp-pre-wrap;
    }

    .leadstle .lname {
      overflow: hidden;
      display: block !important;
      text-overflow: ellipsis;
    }

    .advertisementleadsec tbody td .addlabel {
      display: flex;
      justify-content: center;
    }

    .control__indicator {
      top: -3px !important;
    }

    .dropdown1 .dropdown-label:before {
      right: 10px;
    }

    #paymentActivities .deskhide {
      position: absolute;
      top: 0;
      height: inherit;
      right: 0;
    }

    #paymentActivities .deskhide a.infopen {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      right: 0;
    }

    .aspayactivitiespage #promotion-analytics tbody td:first-child {
      padding-left: 10px !important;
    }

    .subpurchasehistory .history-lists li:last-child,
    .connections-requests li:last-child {
      margin-bottom: 85px;
    }

    .cancelsubscriptions .bill-goback.mgoback {
      margin-left: 5px !important;
    }

    .carees_sec,
    .oprn_roles {
      padding: 20px 20px 0px !important;
    }

    .carees_sec .bt {
      margin: 30px 0px 30px;
    }

    .nice-select.currency-selector.open .list {
      max-height: 180px;
    }

    #share_popup_b .close-button span {
      color: var(--secondary-color);
      font-size: 33px;
      font-weight: 100;
    }

    #share_popup_b .mshareclose {
      display: none !important;
    }

    #share_popup_b {
      padding: 0;
    }

    #share_popup_b .share-options {
      margin: 0;
    }

    .connections-listview .conct-share {
      justify-content: end !important;
    }

    .connections-listview .connect-memb {
      flex-direction: column !important;
      gap: 0 !important;
    }

    .connections-listview .connct-others {
      display: flex;
      margin: -5px auto auto 75px !important;
    }

    ul.connections-listview .connect-memb .connect-info img {
      margin-bottom: -35px !important;
    }

    .connectionrequest .connections-users ul.connections-requests li .requests-memb .requests-others {
      margin-top: 0px !important;
      margin-left: 75px !important;
    }

    ul.connections-requests .requests-memb .requests-info img {
      margin-bottom: -25px;
    }

    ul.connections-requests .requests-memb .requests-info img,
    ul.connections-listview .connect-memb .connect-info img {
      width: 60px;
      height: 60px;
    }

    .connectiontab_mobpage .mobile-main {
      display: flex;
      align-items: end;
      width: -webkit-fill-available;
    }

    .connectiontab_mobpage .grid-container {
      width: -webkit-fill-available;
    }

    .edit_profile_wrapper {
      margin: 0px auto 50px !important;
    }

    .profile-information {
      max-height: calc(100% - 0%);
    }

    .profile-information {
      padding: 20px 20px 10px 20px !important;
    }

    /* .load_feed .feed_post_div:last-child{
margin-bottom: 150px !important;
} */
    .how_nav {
      padding: 0 30px;
    }

    .how_banner_sec .grid-container {
      padding: 0;
    }

    .how_banner_sec_cunt {
      padding-left: 0px !important;
    }

    .how_nav .how_banner_sec:nth-child(n+6) .grid-x {
      flex-direction: column-reverse;
    }

    .how_banner_sec:nth-child(n+6).second .grid-x.grid-padding-x {
      flex-direction: column !important;
    }

    .connectiontab_mobpage .bill-goback.mgoback {
      margin-left: 25px !important;
    }

    .ideazlive .selectindus .dropdown1 {
      margin-left: 0px;
    }

    .zilivecmn .bill-goback.mgoback {
      margin-left: 20px !important;
    }

    .paymantsucessfulpage .main-section,
    .paymantfailedfulpage .main-section {
      margin: 0px 10px !important;
    }

    .payment-successful {
      padding: 10px 10px 100px 10px !important;
    }

    .subscription-tab .tabs-panel {
      padding: 0px 0px !important;
    }

    .promoteeditpage .main-section {
      margin: 0 30px !important;
    }

    .promotionanalysistabs .audience-options {
      top: 100px !important;
      right: 0 !important;
    }

    #promote .infopen {
      display: flex;
      justify-content: center;
    }

    #promote .infopen svg {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }

    .bjsafari .infopen svg {
      top: unset !important;
      transform: none !important;
    }

    .audience-filter-ineer .dropdown1 .dropdown-label {
      /* padding: 0px 12px 0px 12px; */
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .audience-filter-ineer .dropdown1 .dropdown-label:before {
      right: 8px;
    }

    .usemanagementtabs {
      padding: 0 20px 0 5px;
    }

    #userManagement_wrapper {
      padding: 0 20px;
    }

    .rating_pageb .crmsetupcnt {
      min-height: max-content;
    }

    .rating_pageb .main-section {
      display: flex;
      align-items: center;
      padding-bottom: 0 !important;
    }

    .global_rating .poll_percentage {
      min-width: 65%;
      width: auto;
    }

    .reveal#star_ratingshow {
      width: auto;
    }

    form#rating_form {
      width: auto;
    }

    .usrprofilepage .sharing-list {
      flex-wrap: wrap;
      right: 15px;

    }

    .global_rating p,
    #rating_form .skill-bar-percent {
      width: 13%;
    }

    .global_rating {
      gap: 10px;
      justify-content: space-between;
    }

    .connectioncontacts .requests-info img {
      width: 48px !important;
      height: 48px !important;
      margin-bottom: 0px !important;
    }

    .connectioncontacts .connections-users ul {
      padding: 0px 0px !important;
    }

    .billing-forms .grid-x {
      margin: 0 !important;
    }

    .conmsg .share-pst {
      display: flex;
    }

    .likes-info li .cmtscnt {
      align-items: baseline;
    }

    .searchspacepage .mobsearchfilter {
      display: none;
    }

    #post-upload .howtobtn {
      right: 20px;
    }

    #post-upload .create-bg {
      width: 100%;
    }

    .text-upload .se-wrapper .sun-editor-editable {
      /* height: 75px !important; */
      overflow: auto;
    }

    #post-upload .wysiwyg #editor {
      height: auto;
      margin-top: 15px;
      overflow: inherit;
    }

    .gradient-bg li.bgnone::before {
      z-index: -1;
    }

    .gradient-bg li.bgnone {
      z-index: 0;
    }

    .sun-editor .se-list-layer {
      top: 35px;
      max-height: 200px;
      overflow: auto;
    }

    .se-wrapper .sun-editor-editable {
      /* height: 75px !important; */
      padding: 10px 20px !important;
    }

    #text-upload .se-placeholder {
      padding-left: 20px !important;
    }

    #post-upload .sun-editor .se-btn-select.se-btn-tool-font,
    #post-upload .sun-editor .se-btn-select.se-btn-tool-size {
      width: 68px !important;
    }

    #text-upload .sun-editor .se-toolbar {
      background-color: #f6f9f6;
    }

    #text-upload .se-menu-list button.se-btn {
      padding: 0px 10px 0px 10px !important;
      background: #ffffff;
    }

    .post-comt-box form textarea {
      line-height: 20px;
    }

    /* .mchartcarousel .chartbox, .promote-section .comparisionlist-box{
  margin-top: 20px !important;
} */
    /* height: auto;
}
.comparisionlist-box {
min-height: auto; */
    */
    /* .smesmore .semsul  {
width: 100% !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
position: fixed !important;
top: unset !important;
bottom: 0 !important;
-webkit-transform: translateY(0) !important;
} */
    /* ---- responsive changes Css End ----------*/


    /* ---- common css ----------*/
    .order-sm-1 {
      order: 1 !important;
    }

    .order-sm-2 {
      order: 2 !important;
    }

    .order-sm-3 {
      order: 3 !important;
    }

    .reveal-overlay {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999;
      display: none;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      outline: 0;
      transition: opacity .15s linear;
    }

    .reveal {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      margin: 0 auto;
      position: fixed;
      height: fit-content;
      width: 100%;
      min-height: fit-content;
      bottom: 0;
      top: unset !important;
      left: 0;
      right: 0;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
    }

    .reveal[aria-hidden="false"] {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      bottom: 0;
    }

    #popmodelconfirm {
      text-align: center;
      padding: 40px;
    }

    #popmodel {}

    .innerpage {
      padding-left: 0px;
    }

    [type=color],
    [type=date],
    [type=datetime-local],
    [type=datetime],
    [type=email],
    [type=month],
    [type=number],
    [type=password],
    [type=search],
    [type=tel],
    [type=text],
    [type=time],
    [type=url],
    [type=week],
    select,
    textarea {
      height: 50px;
      margin-bottom: 10px;
    }

    .header {
      display: none;
    }

    .f32 {
      font-size: 23px;
    }

    .f41 {
      font-size: 18px;
    }

    option:hover,
    option:checked,
    option:active,
    option:focus {
      background: linear-gradient(#50b855, #50b855);
      position: relative;
    }

    select:focus>option:checked:before {
      color: #A52A2A;
      position: absolute;
      content: attr(data-content);
    }

    .addcampaing.adv_head1.fixed {
      position: fixed;
      top: 0;
      z-index: 9999;
      width: 100%;
      margin: 0 auto;
      background: var(--bg-white1);
      left: 0px;
      right: 0px;
      margin: 0 auto;
    }

    .addcampaing.adv_head1.fixed input {
      margin-bottom: 10px;
      width: 95%;
      margin: 10px auto;
    }

    .signup_sec .howtobtn {
      line-height: 40px;
      right: 0px;
      top: -7px;
    }

    #howtovideo iframe {}

    .edit-protle {
      margin-bottom: 25px;
    }

    .edittgle {
      flex-direction: column;
      width: 100%;
      margin-top: 15px;
    }

    .edittgle .howtobtn {
      width: 100%;
    }

    .landingpagemain .header.botom {
      position: relative;
    }

    .mobi_right {
      display: flex !important;
    }

    .howsrch {
      display: none;
    }

    .totalcountse {
      display: none;
    }

    /* ---- Before Login css ----------*/

    .loginpage .login-section {
      padding: 40px 20px;
      display: flex;
      align-items: center;
      width: 100%;
      flex-wrap: wrap;
    }

    .login-section.forgotpasswordsec {
      padding: 100px 20px;
    }

    .login-section.forgotpasswordsec .form-sec {
      margin: 50px 0px 60px 0px;
    }

    .login-section.resetpassword .form-sec {
      margin: 50px 0px 60px 0px;
    }

    .login-section.resetpassword {
      padding: 100px 20px;
    }

    .login-section .grid-container {
      width: 100%;
    }

    .zinfinitee-intro {
      padding-right: unset;
      text-align: center;
    }

    .zinfinitee-intro svg {
      height: 40px;
      width: 100%;
    }

    .zinfinitee-intro .intro {
      margin-top: 10px;
      margin-bottom: 0px;
      font-size: 20px;
    }

    .form-sec.loginfrm {
      margin: 40px 0px;
    }

    .cardsec {
      width: 100%;
      background: var(--bg-white);
      padding: 40px;
      box-shadow: var(--box-shawdow);
      border-radius: 17px;
    }

    button.pwd_eye {
      width: 20px;
      top: 17px;
    }

    .cardsec input {
      height: 50px !important;
      font-size: 14px;
      line-height: 50px;
    }

    .form__radio-group-outer {
      flex-wrap: wrap;
    }

    .signup_sec .form__radio-group-outer {
      flex-wrap: unset;
    }

    .form__radio-group-outer .form__radio-group {
      width: 33%;
      margin-bottom: 10px;
    }

    .form__radio-group-outer .form__radio-group:last-child {
      width: 100%;
    }

    .bordert:after {
      background-color: var(--bg-lightgreen);
      width: 30px;
      line-height: 38px;
      font-size: 12px;
    }

    .btn span img {
      height: 24px;
    }

    .btn-google {
      display: flex;
      align-items: center;
    }

    .btn-google,
    .btn-apple {
      font-size: 14px;
    }

    #appleid-signin svg {
      height: 37px;
    }

    #appleid-signin div {
      display: flex;
      align-items: center;
    }

    .btn {
      height: 50px;
    }

    .bordert .btn.btn-apple {
      margin-top: 20px !important;
    }

    .form_container {
      max-width: 400px;
      margin: 0px auto;
    }

    .login-section .grid-x {
      min-height: unset;
    }

    .form-sec .dflex {
      display: block;
    }

    .form-sec .dflex .form-group {
      width: 100%;
    }

    .signup_sec .iti__selected-flag {}

    .form-sec .iti__selected-flag {
      height: 50px;
    }

    .dflex.dobsec,
    .dflex.estasec {
      display: flex;
      justify-content: space-between;
    }

    .form-sec .dflex .form-group select {
      background-color: transparent !important;
    }

    .dflex.dobsec .form-group {
      width: 48%;
    }

    .dflex.estasec .form-group {
      width: 48%;
    }

    .form-sec .form-error {
      margin-left: 7px;
      font-size: 12px;
      margin-top: -8px;
    }

    .form-sec .selected-dial-code {
      font-size: 12px;
    }

    .form-sec .dflex .form-group select {
      font-size: 14px;
    }

    #signup_form_la option:first {
      color: red;
    }

    [data-theme="dark"] select.Category_list_la:required {
      background-color: #000;
      color: #fff !important;
    }

    select:required:invalid {
      color: rgb(0, 0, 0, 0.3) !important;
    }

    option[value=""][disabled] {
      display: none;
    }

    option {
      color: black;
    }

    #prepro,
    #captcha {
      margin-bottom: 15px;
    }

    .dflex.signup-btns {
      display: flex;
      justify-content: center;
      margin-bottom: 10px;
    }

    .form__label-radio {
      font-size: 14px;
      padding-left: 25px;
      margin-right: 5px !important;
      line-height: 1.2;
      text-align: left;
    }

    .form__radio-button {
      height: 18px;
      width: 18px;
    }

    .form-sec .selected-flag {
      width: 70px !important;
      padding-left: 0px !important;
    }

    input#phone {
      max-width: calc(100% - 80px);
    }

    .form-group label.form_label {
      font-size: 14px;
    }

    input#sign_free_btn,
    input#sign_pro_btn {
      height: 50px !important;
    }

    .forgotpass {
      font-size: 16px;
      margin-top: 20px;
      margin-bottom: 20px;
      line-height: 1.3;
    }

    .forgotpass a.alredyacc {
      font-size: 14px;
    }

    p.sub_cont {
      font-size: 14px;
      padding: 0px 0px 30px;
    }

    .forgot_btn {
      margin: 25px auto 20px;
      width: 100% !important;
      padding: 0px;
    }

    .title2 {
      margin-bottom: 15px;
      font-size: 20px;
    }

    .resetpassword .cardsec1 {
      padding: 50px 40px;
      width: 100%;
      margin-top: 50px;
      background: transparent;
      box-shadow: none;
    }

    .title3.f28 {
      font-size: 20px;
    }

    .cardsec1 {
      padding: 50px 40px;
      width: 90%;
      margin: 0px auto;
    }

    .form-sec.cardsec1 span {
      margin-bottom: 10px;
      display: block;
    }

    .form-sec.cardsec1 p.sub_cont {
      padding-bottom: 0px;
    }

    .a_middle_sec li.act:after {
      height: 20px;
      width: 25px;
      right: -24px;
      top: unset;
      bottom: 0px;
      transform: rotateY(180deg);
    }

    .a_middle_sec li.act:before {
      height: 20px;
      width: 25px;
      left: -24px;
      top: unset;
      bottom: 0px;
      transform: rotateY(0deg);
    }

    .a_middle_sec ul li a {
      padding: 0px;
      display: flex;
      height: 60px;
      flex-direction: row;
    }

    .a_middle_sec ul li a.onlymobile {
      display: flex;
    }

    .a_middle_sec li b {
      display: none !important;
    }

    .a_middle_sec ul li:nth-child(1),
    .a_middle_sec ul li:nth-child(7) {
      display: none;
    }

    label.container-checkbox input {
      height: 25px;
      margin: 0;
    }

    .a_middle_sec ul li a {
      width: 50px !important;
      height: 50px !important;
      padding: 0px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .a_middle_sec ul li.act a {
      color: #fff;
      background: #F1FBF1;
      border-radius: 50%;

    }

    .a_middle_sec ul li.act a:after {
      width: 100%;
      height: 65px;
      position: absolute;
      top: 0px;
      left: 50%;
      transform: translate(-50%, 0%);
      border-radius: 100px 100px 0px 0px;
      content: none;
    }

    .a_middle_sec ul li.act a svg,
    .a_middle_sec ul li.act a svg path {
      fill: var(--primary-color) !important;
    }

    .a_middle_sec ul li a svg {
      height: 28px;
      width: 28px;
    }

    .a_logo {
      display: none;
    }

    .a_bottom_sec {
      display: none;
    }

    aside.sidemenu {
      top: unset;
      bottom: 0;
      width: 100%;
      height: 60px !important;
      padding: 0px;
      z-index: 999;
      min-height: auto;
      box-shadow: 0 12px 26px 0 rgb(0 0 0 / 30%);
    }

    .a_middle_sec span.nav_profile {
      display: none !important;
    }

    .a_middle_sec ul {
      display: flex !important;
      justify-content: space-around;
    }

    .a_middle_sec ul li span {
      display: none;
    }

    .a_middle_sec ul li a span.n_icon {
      display: block;
    }

    .mlt-form-group {
      padding: 0px 20px;
      margin-bottom: 15px;
      min-height: 50px;
      line-height: 28px;
    }

    span.f_title.f20 {
      font-size: 14px;
    }

    .form_steps {
      margin-bottom: 30px;
    }

    label.sug_head.f15 {
      font-size: 14px;
      width: 100%;
    }

    .container-checkbox .checkmark {
      padding: 5px 10px !important;
      font-size: 14px;
      line-height: 2.3;
    }

    .container-checkbox {
      margin: 2px 5px;
    }

    .suggest-form-group {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }

    .drop_down_label {
      font-size: 14px;
      padding: 15px 0px;
      line-height: 1.5;
    }

    .drop_down_content .done-btn {
      display: block;
    }

    .drop_down_content .ti-close {
      display: block;
    }

    .drop_down_label::after {
      background: url(../images/addic.svg) center center;
    }

    .form_steps ul {
      margin: 0px -20px;
    }

    span.s_tiks {
      width: 26px;
      height: 26px;
      font-size: 15px;
      margin-bottom: 12px;
    }

    .form_steps ul li:first-child {
      display: none;
    }

    .form_steps ul li:after {
      width: 110px;
      top: 14px;
    }

    .multi_form_sec {
      min-height: calc(100vh - 160px);
      padding: 15px 20px 160px;
      position: relative;
    }

    .drop_down_label::after {
      top: 18px;
      right: 0px;
      height: 13px;
      width: 13px;
    }

    .ind_checkbox {
      padding: 10px;
      padding-left: 28px;
      font-size: 14px;
    }

    .mark {
      top: 14px;
      left: 0;
      height: 16px;
      width: 16px;
    }

    .drop_down_content input[type='text'] {
      top: 5px;
      left: 0;
      padding: 8px 30px 8px 45px !important;
      background: url(../images/search.png) left 20px center var(--bg-lightgreen1) no-repeat !important;
      background-size: 17px !important;
      font-size: 13px;
      margin-bottom: 15px;
      height: 50px;
      border-radius: 14px;
    }

    .drop_down_content.open+span.add_new {
      display: none !important;
    }

    .drop_down_content.open .category-list+span.add_new {
      display: block !important;
      margin-top: 10px;
      padding-bottom: 10px;
      font-size: 11px;
      text-align: left;
    }

    .ind_checkbox .mark:after {
      width: 12px;
      height: 12px;
    }

    .form_foot.mt-50 {
      position: fixed;
      bottom: 0px;
      width: 100%;
      background: var(--bg-white);
      padding: 20px 0px;
      z-index: 999;
      left: 0;
      padding: 20px;
      border-top: 1px solid #DCDCE9;
      border-bottom: 1px solid #DCDCE9;
    }

    button#ind_submit,
    a.go_back_btn,
    button.next_btn {
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      padding: 0px 30px;
    }

    .go_back_btn.mbnone {
      display: none;
    }

    .add_category input {
      font-size: 14px;
      height: 50px;
    }

    .add_category h4 {
      margin-bottom: 10px;
    }

    .form_field_right button {
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      padding: 0px 30px;
    }

    .edit_profile_inner .drop_down_content.check_box2 span.mark {
      min-height: 35px !important;
      font-size: 14px !important;
      line-height: 1.1;
      padding: 10px 20px;
    }

    .drop_down_content.check_box2 span.mark {
      min-height: 35px !important;
      font-size: 14px !important;
      line-height: 1.1;
      padding: 10px 20px;
    }

    .drop_down_content.check_box2 .ind_checkbox:hover input~.mark {}

    .drop_down_content.check_box2 .ind_checkbox input:checked .mark {
      background-color: var(--primary-color) !important;
      color: #fff !important;
    }

    .drop_down_content.check_box2 ul li {
      padding-right: 5px;
      margin: 5px 0px;
    }

    span.round_br {
      font-size: 12px;
      padding: 0px 15px 0px 15px;
      height: auto;
      line-height: inherit;
    }

    .drop_down_label span.ti-close {
      position: relative;
      top: unset;
      margin-left: 20px;
    }

    section.multi_form_sec .mt-50 {
      margin-top: 20px !important;
    }

    .msg_sec {
      height: calc(100vh - 300px);
      padding: 0px 20px;
    }

    .msg_sec h2 {
      font-size: 23px;
      margin-bottom: 15px;
    }

    .msg_sec p {
      font-size: 14px;
      line-height: 1.5;
    }

    .msg_sec_foot {
      position: absolute;
      bottom: 100px;
      width: 100%;
      left: 0;
      justify-content: space-between;
      padding: 0px 20px;
    }

    .msg_sec_foot a,
    .msg_sec_foot button {
      width: unset;
    }

    .mobile_header {
      display: flex;
      padding: 20px 20px 10px 20px;
      background: #fff;
      position: fixed;
      z-index: 999;
      box-shadow: var(--box-shawdow);
    }

    /* ---- Edit Profile css ----------*/
    .notiicon {
      margin: 0px 20px;
    }

    .notiicon {
      position: relative;
    }

    .notiicon span.count-noti {
      position: absolute;
      top: -5px;
      right: -9px;
      background: var(--primary-color);
      width: 20px;
      height: 20px;
      border-radius: 100%;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 0px;
      font-size: 12px;
    }

    .edit_profile_wrapper {
      margin: 0px auto 100px;
      max-width: calc(100% - 0px) !important;
      padding: 20px;
      border-radius: 20px;
      background: transparent;
      box-shadow: none;

    }

    section.edit_profile_sec {
      padding: 10px 0px;
      position: relative;
    }

    section.edit_profile_sec.bgoverlay::before {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, .8);
      pointer-events: none;
      cursor: default;
      z-index: 1;
    }

    .profile-pic .label {
      height: 135px;
      width: 135px;
      margin: 0 auto;
    }

    .profile-pic {
      width: 135px;
      height: 135px;
      margin: 0 auto;
    }

    .edit_profile_inner input {
      height: 50px;
      font-size: 14px;
      padding: 0px 10px 0px 20px;
      margin-bottom: 10px;
    }

    .input-bx.urlinput {
      height: 50px;
    }

    .edit_profile_inner .form-group label.form_label {
      font-size: 11px;
    }

    .profile_pic_sec {
      display: block;
    }

    button.frm_btn {
      font-size: 11px;
      width: 60px;
      padding: 10px 0px;
      top: 0px;
      right: 0px;
      height: 50px;
    }

    .pp_right {
      width: 100%;
    }

    .sub_cont.wth-80 {
      width: 100%;
      margin: 0 auto 0px auto;
    }

    .edit_profile_inner .mlt-form-group {
      padding: 0px 20px;
      margin-bottom: 15px;
      min-height: 50px;
      line-height: 28px;
    }

    .edit_profile_inner .drop_down_label::after {
      top: 18px;
      right: 0px;
      height: 13px;
      width: 13px;
      background: url(../images/addic.svg) center center;
    }

    .edit_profile_inner .drop_down_label {
      font-size: 14px !important;
      padding: 15px 0px;
      line-height: 1.5;
    }

    .edit_profile_inner .selected-dial-code {
      font-size: 14px;
    }

    .edit_profile_inner .mlt-form-group_out label.form_label {
      font-size: 11px;
    }

    .edit_profile_inner .drop_down_content input[type='text'] {
      padding: 8px 15px 8px 35px !important;
      background: url(../images/search.png) left 10px center var(--bg-lightgreen1) no-repeat !important;
      background-size: 17px !important;
      font-size: 12px;
      height: 32px;
    }

    .ind_checkbox input {
      display: none;
    }

    .edit_profile_inner .ind_checkbox input {
      height: unset !important;
    }

    .edit_profile_inner .selected-flag {
      width: 73px !important;
    }

    .connect_wrapper {
      max-width: 1000px;
      margin: 0px 20px;
      box-shadow: 0px 3px 48px #0000000f;
      padding: 70px 20px;
      border-radius: 20px;
      background-color: var(--bg-white);
      text-align: center;
      min-height: calc(100vh - 200px);
    }

    .connect_wrapper h2 {
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 40px;
    }

    .connect_wrapper h3 {
      line-height: 14px;
      font-size: 12px;
    }

    .connect_wrapper h4 {
      font-size: 11px;
    }

    .connect_wrapper p {
      line-height: 13px;
      font-size: 11px;
    }

    .prompt {
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 30px;
    }

    .otp-page .mobile_header {
      display: none !important;
    }

    .goback {
      display: block;
      position: absolute;
      top: 30px;
      left: 20px;
      color: var(--primary-color);
      font-size: 18px;
    }

    .goback span {
      margin-right: 5px;
    }

    .otp_field input {
      border-radius: 16px !important;
      margin: 0px 10px;
      height: 41px;
      width: 50px;
      font-size: 20px;
    }

    .otp_wrapper {
      width: 100%;
      padding: 40px 20px;
    }

    .otp_inner input[type="submit"] {
      height: 50px;
      font-size: 15px;
    }

    .otp_field {
      display: flex;
      margin-bottom: 40px;
      justify-content: space-between;
    }

    section.otp_sec {
      min-height: calc(100vh - 150px);
      padding: 0px 20px;
    }

    span.s_tiks i {
      font-size: 18px;
    }

    .form_steps ul li span.f_title {
      font-size: 14px;
    }

    .drop_down_content ul {
      max-height: 300px;
      margin-bottom: 20px;
    }

    .drop_down_content .btn {
      width: 100%;
    }

    .drop_down_content {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 30px 20px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      overflow: hidden;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
    }

    .drop_down_content.open {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 90vh;
    }

    .mdbtns {
      position: fixed;
      bottom: 0px;
      background: var(--bg-white);
      width: 100%;
      left: 0px;
      right: 0px;
      padding: 10px 20px;
    }

    [data-theme="dark"] .multi_form_sec.bgoverlay::before {
      background-color: rgba(0, 0, 0, .8);
    }

    .multi_form_sec.bgoverlay::before {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, .8);
      pointer-events: none;
      cursor: default;
      z-index: 1;
    }

    .multi_form_sec.bgoverlay .drop_down_label {
      pointer-events: none;
    }

    .drop_down_content .ti-close {
      font-size: 16px;
      position: absolute;
      top: 16px;
      left: 20px;
      font-weight: bold;
    }

    .drop_down_content.open .category-list span.add_new {
      display: block !important;
      margin-top: 10px;
    }

    .add_category {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 30px 20px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      overflow: hidden;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
    }

    .mlt-form-group_out.add_cat_open .add_category {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      bottom: 0;
      display: block;
      position: fixed;
      opacity: 1;
      z-index: 9999;
    }

    .add_category .ti-close {
      font-size: 16px;
      position: absolute;
      top: 16px;
      left: 20px;
      font-weight: bold;
    }

    .cnt-wrapper {
      transition: opacity .15s linear;
    }

    #industry_form .form-grp h3 {
      font-size: 16px;
      margin-bottom: 10px !important;
    }

    .form-grp {
      margin-bottom: 20px;
    }

    .drop_down_content.check_box2 ul {
      display: block;
      max-height: 300px;
    }

    .form_foot.justyfy-end {
      justify-content: end;
    }

    #industry_form .drop_down_label span {
      font-size: 14px;
      height: auto;
      line-height: 1.2;
      padding: 10px 30px 10px 20px;
    }

    #industry_form .drop_down_label span.ti-close {
      position: absolute;
      right: -6px;
      top: 5%;
    }

    .successful-msg {
      width: 100%;
    }

    .pop_up_foot a {
      margin-bottom: 15px !important;
      width: 100%;
      height: 50px;
      line-height: 50px;
      padding: 0px;
    }

    .add_category .ti-close {
      display: block;
    }

    .mlt-form-group .dwnarrw {
      top: 18px;
    }

    .avatar-upload.profileimg {
      margin: 0px auto;
    }

    .edit_profile_inner h4 {
      text-align: center;
      font-size: 18px;
    }

    .edit_profile_inner .add_category h4 {
      text-align: left;

    }

    .profile_pic_sec {
      margin-bottom: 0px;
    }

    .avatar-upload.profileimg .circle {
      height: 110px;
      width: 110px;
      margin: 0 auto;
    }

    .avatar-upload.profileimg {
      height: 86px;
      width: 86px;
      margin-bottom: 30px;
    }

    .croppie-container .cr-boundary {
      width: 100% !important;
    }

    /* ---- Profile css ----------*/
    .profile-details .profile-detailbox {
      display: flex;
      flex-direction: column;
    }

    .profile-detailbox .personal-info,
    .profile-detailbox .pro-sharings {
      width: 100%;
    }

    .like-dislike .likeicons span {
      display: none;
    }

    .like-dislike .likeicons svg {
      height: 18px;
      width: 18px;
    }

    .likes-info li:first-child {
      display: block !important;
      position: absolute;
      left: 0px;
    }

    .like-dislike {
      width: 100%;
      order: 2;
      text-align: center;
      justify-content: space-between;
    }

    .conmsg {
      width: 100%;
      order: 1;
    }

    .cmnt-sec {
      flex-direction: column;
    }

    .postpopparent .cmnt-sec {
      margin-bottom: 10px;
    }

    .postpopparent .we-comet {
      margin-top: 0px;
      max-height: fit-content;
    }

    .customtabs .tab {
      width: 95px;
      line-height: 12px;
      margin-right: 6px;
    }

    .top-search {
      display: none;
    }

    .single_fitres {
      width: auto;
    }

    .sort-by {
      width: 10%;
      padding-left: 5px;
    }

    .sort-by p,
    .single_fitres {
      display: none !important;
    }

    .sort-by::before {
      content: none;
    }

    .post-tab::before {
      content: none;
    }

    #profile-page {
      padding-top: 0px;
    }

    .edit_profile_inner .usernamesec {
      display: block;
    }

    .edit_profile_inner .usernamesec .form-group {
      width: 100%;
      margin-bottom: 10px;
    }

    .iti-mobile section.edit_profile_sec {
      padding: 0px 10px;
    }

    .profile-section {
      margin-top: 0px;
      margin-bottom: 24px;
    }

    .profile-section .pro-pic {
      width: 86px;
      height: 86px;
    }

    .profile-text h4 {
      font-size: 16px;
    }

    .profile-text p {
      font-size: 14px;
      margin-bottom: 0px;
    }

    .profile-detailbox .personal-info .profile-name {
      font-size: 18px;
      font-weight: 500;
    }

    .profile-detailbox .personal-info .profile-des {
      font-size: 14px;
    }

    .profile-detailbox .personal-info .profile-location {
      font-size: 12px;
    }

    .pro-sharings .pro-shar-btns {
      display: flex;
    }

    .pro-shar-btns,
    .profile-expandbtn,
    .profile-activities {
      display: none;
    }

    .personal-info {
      order: 2;
    }

    .pro-sharings {
      order: 1;
      margin-bottom: 10px;
    }

    .pro-sharings .sharing-list {
      justify-content: flex-end;
    }

    .profile-description {
      padding: 0px 0px 14px 0px;
    }

    .profile-section .profile-cnt {
      padding: 0px 0px 14px 0px;
      margin-top: 50px;
    }

    .more .status-like {
      display: none;
    }

    .friend-info .uprofname>ins>a {
      font-size: 16px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 200px;

    }

    .friend-info .uprofname p {
      max-width: 75px;
    }

    .friend-info .userprofileinfo {
      width: 80%;
    }

    .friend-info .usersection a .userprofileinfo {
      width: 100%;
    }

    .profile-details {
      padding: 20px 15px 0px 15px;
    }

    .post-meta p {
      font-size: 14px !important;
    }

    .organic-stats .organic-cnt .organic-box {
      padding: 16px 0px 0px 0px;
      width: 32%;
      text-align: center;
    }

    .organic-stats .organic-cnt .organic-box p {
      color: var(--color--grey8);
      font-size: 12px;
    }

    .stickysecdv {
      display: none;
    }

    .sidebar.static.left,
    .sidebar.static.right {
      display: none;
    }

    .postdatacl_popup:after {
      content: none;
    }

    .product-post-cnt .ppost-title,
    .pcategory {
      font-size: 14px !important;
    }

    .f17 {
      font-size: 14px !important;
    }

    .view-pdf.mhide {
      display: none;
    }

    .view-pdf.dhide {
      display: block;
    }

    .view-pdf a {
      width: 102px;
      margin-top: 15px;
    }

    #products .central-meta {
      padding: 40px 20px 0px 20px;
    }

    #products .central-meta {
      padding: 40px 20px 30px 20px;
    }

    .bin-badge {
      left: 0px !important;
      top: -15px;
    }

    .upload-cnt {
      display: block;
    }

    .product-pic {
      width: 100%;
      height: 200px;
    }

    #newproduct {
      /* width: 100%;   
    min-height: 100vh;   
    border-radius: 0px;      */
      width: calc(100% - 20px);
      min-height: calc(100vh - 85px);
      border-radius: 0px;
      border-radius: 20px;
      top: 20px !important;
    }

    .product-fields {
      width: 100%;
      margin-top: 20px;
    }

    #newproduct .popuptitle {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-bottom: 20px;
      border-bottom: none;
    }

    .popuptitle .ti-arrow-left:before {
      content: "\e629";
      color: #838B91;
    }

    #newproduct .popuptitle .ti-arrow-left {
      cursor: pointer;
      font-size: 22px;
      margin-right: 20px;
    }

    #newproduct .popuptitle h4 {
      margin-bottom: 0px;
    }

    .searchproductspage .postcnt-inn .reaction-details {
      width: 65%;
    }

    .searchproductspage .postcnt-inn .reaction-msg {
      width: auto;
    }

    .searchproductspage .postcnt-inn {
      overflow-y: auto;
      overflow-x: hidden;

    }

    [data-theme="dark"] button.sfltrbtn {
      color: #fff !important;
      background: var(--bg-lightgreen);
    }

    .doc-upload .deskview {
      display: none;
    }

    .fileupload.imgup.mobileview {
      width: 100%;
      margin-bottom: 25px;
      display: flex;
    }

    .fileupload.imgup.mobileview .ti-export {
      font-size: 17px;
      font-weight: bold;
      margin-right: 10px;
    }

    .fileupload.imgup.mobileview a span {
      line-height: 0px;
    }

    .play-button {
      width: 52px !important;
      height: 52px !important;
      border-radius: 14px;
    }

    .player-body .waveform wave {
      height: 54px !important;
    }

    .play-button span {
      padding: 8px;
      width: 26px;
      height: 26px;
    }

    .like-dislike .likeicons {
      justify-content: center;
    }

    .like-dislike .likeicons i {
      margin-right: 0px;
    }

    .feedpage .post-tab {
      margin-bottom: 0px;
    }

    .post-tab {
      margin-bottom: 20px;
    }

    .addnew-cat {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      margin: 0 auto;
      position: fixed;
      height: fit-content;
      width: 100%;
      min-height: fit-content;
      bottom: 0;
      top: unset !important;
      left: 0;
      right: 0;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      /* display: block; */
    }

    .addnew-cat.active {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      bottom: 0;
      z-index: 99999;
    }

    #video-upload video {
      width: 100%;
      height: 100%;
    }

    .popuptitle .ti-arrow-left {
      display: block;
    }

    #newproduct .close-button {
      display: none;
    }

    .filter-btn {
      display: block;
    }

    [data-theme="dark"] .mobile-filter {
      background: #131517;
    }

    .mobile-filter {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      margin: 0 auto;
      position: fixed;
      height: fit-content;
      width: 100%;
      min-height: fit-content;
      bottom: 0;
      top: unset !important;
      left: 0;
      right: 0;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      /* height: 256px;  */
      background: #fff;
      z-index: 9999;
      padding: 40px;
    }

    .mobile-filter.active {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      bottom: 0;
    }

    [data-theme="dark"] .mobile-sort .sortby {
      border: none;
    }

    [data-theme="dark"] .filter-btn svg {
      fill: #fff;
    }

    [data-theme="dark"] .product-pic img {
      box-shadow: none;
    }

    .mobile-sort .sortby {
      color: #B5B5B5;
      padding: 0px 15px;
      cursor: pointer;
      user-select: none;
      border-radius: 33px;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
    }

    .msorttitle {
      font-size: 16px;
    }

    .sort-btns {
      text-align: center;
      display: flex;
      justify-content: space-between;
    }

    .btn.alpy-btn {
      background: transparent;
      border: 1px solid var(--primary-color);
      width: 48%;
      box-shadow: 0px 0px 6px #0000001c;
      color: var(--primary-color);
      font-size: 16px;
      height: 40px;
      border-radius: 33px;
      line-height: 40px !important;
      font-weight: normal;
    }

    .btn.cancel-btn {
      width: 48%;
      box-shadow: 0px 0px 6px #0000001c;
      background: var(--primary-color) !important;
      color: var(--color-white);
      font-size: 16px;
      height: 40px;
      border-radius: 33px;
      line-height: 40px !important;
      font-weight: normal;
    }

    .mobile-main.bgoverlay {
      position: relative;
    }

    .mobile-main.bgoverlay:before {
      content: "";
      display: block;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, .8);
      pointer-events: initial;
      cursor: default;
      z-index: 9999;
    }

    .filter-btn {
      margin-right: 5px;
    }

    #video-upload-filename,
    #file-upload-filename,
    #image-upload-filename {
      width: 50%;
      margin: 0 auto;
    }

    .a_middle_sec li.act b:nth-child(1),
    .a_middle_sec li.act b:nth-child(2) {
      display: none;
    }

    .profile-information.active {
      left: 0px !important;
      right: 0px;
      margin: 0 auto;
      width: 100%;
      height: 100%;
      z-index: 9999999;
    }

    .profile-information {
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 9999999;
      padding: 10px 20px 10px 20px;
      border-radius: 0px;
    }

    a.edit-pro-icon {
      top: 30px;
    }

    .view-btn {
      height: 40px;
      font-size: 16px;
    }

    .profile-information .switch-account .tab {
      height: 40px;
      font-size: 16px;
    }

    .profile-information .switch-account span {
      width: 40px;
      height: 40px;
    }

    a.edit-pro-icon svg {
      width: 25px;
      height: 25px;
    }

    .pro-menu ul {
      height: 100%;
    }

    .pro-menu {
      margin-top: 15px;
      height: calc(100% - 270px);
      position: relative;
    }

    .pro-menu ul li a {
      font-size: 16px;
      padding: 10px 0px;
    }

    .product-pic .label {
      width: 100% !important;
      height: 100% !important;
    }

    .doclabel {
      width: 100% !important;
      height: 100% !important;

    }

    #newproduct.bgoverlay .product-pic .label {
      z-index: 0;
      pointer-events: none;
    }

    #newproduct.bgoverlay .doclabel {
      z-index: 0;
      pointer-events: none;
    }

    #newproduct.bgoverlay::before {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, .8);
      pointer-events: none;
      cursor: default;
      z-index: 1;
    }

    .idzgrouppage .sharespaceclk {
      display: none;
    }

    [data-theme="dark"] #newproduct.bgoverlay::before {
      background-color: rgb(1 1 1 / 80%);
    }

    .post-meta.post_image_class {
      min-width: 100%;
      margin-bottom: 0px;
    }

    .postpopparent .coment-area .mcommantclose {
      display: none !important;
    }

    .postpopparent .coment-area {
      transition: none !important;
    }

    .postpopparent .coment-area.show {
      position: relative;
      box-shadow: none;
      padding: 40px 0px 0px 0px !important;
      transition: none !important;
      transform: none !important;
      max-height: fit-content;
    }

    .coment-area.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 1;
      max-height: 90vh;
      /* overflow-y: auto; */
      opacity: 1;
      z-index: 1000 !important;
      height: calc(100vh - 115px);
    }

    .coment-area.show span.ti-close.mcommantclose {
      display: block !important;
    }

    .mcommantclose {
      display: none !important;
    }

    .coment-area {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0px 0px 0px 0px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;

      border-radius: 14px 14px 0 0;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 90vh;
      overflow-y: hidden;
      overflow-x: hidden;

    }

    [data-theme="dark"] .post-comt-box form textarea {
      background: #131517;
    }

    [data-theme="dark"] .m_logo svg #Path_1238,
    [data-theme="dark"] .m_logo svg #Path_1239,
    [data-theme="dark"] .m_logo svg #Path_1240,
    [data-theme="dark"] .m_logo svg #Path_1241,
    [data-theme="dark"] .m_logo svg #Path_1246 {
      fill: #fff;
    }

    [data-theme="dark"] .notiicon svg {
      fill: #fff;
    }

    .post-comt-box form textarea {
      border: 1px solid #50B855;
      border-radius: 16px;
      background: #F4FEF4;
      min-height: 40px;
      height: 40px;
      margin-bottom: 0px;
    }

    .post-comt-box {
      padding-left: 5px;
    }

    .post-comt-box form button {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 40px;
      border-radius: 16px;
      font-size: 14px;
      padding: 0px 15px;
    }

    .post-comt-box form button span {
      display: none;
    }

    .filter-by-comt {
      margin-left: 10px;
      display: none;
    }

    .we-comet {
      max-height: 50vh;
      overflow-y: auto;
      overflow-x: hidden;
      margin-top: 20px;
    }

    /* .coment-area .we-comet{
max-height: 200px;
} */
    .we-comet::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
    }

    .we-comet::-webkit-scrollbar {
      width: 5px;
      border-color: #EEEEEE;
    }

    .we-comet::-webkit-scrollbar-thumb {
      border-radius: 10px;
      box-shadow: none;
      -webkit-box-shadow: none;
      border: none;
      background-color: #D0D9E2;
      outline: 0px solid #D0D9E2;
    }

    .post-comment.mobile-postcmnt {
      display: flex;
      /* box-shadow: 0px -4px 26px #00000014; */
      position: sticky;
      bottom: 0px;
      background: var(--bg-white);
      padding: 20px 10px;
    }

    .we-comet {
      padding: 0px 10px 10px 10px;
    }

    .post-meta.post_image_class {
      min-width: 100%;
    }

    .comet-avatar {
      border-radius: 7px;
      width: 40px;
      height: 40px;
    }

    .comet-avatar img {
      border-radius: 14px;
    }

    .mcommantclose,
    .mnotimoreclose {
      display: block;
      font-size: 16px;
      position: absolute;
      top: 16px;
      right: 20px;
      font-weight: bold;
    }

    .othrscmnt {
      margin-left: 25px;
    }

    .edit_profile_inner span.round_br {
      height: auto;
      line-height: 1.1;
      padding: 10px 35px 10px 15px;
    }

    .edit_profile_inner .drop_down_label span.ti-close {
      position: absolute;
      right: 4px;
      top: 30%;
    }

    .feed-post-tab ul {
      display: block;
    }

    .feed-post-tab {
      position: fixed;
      right: 0px;
      z-index: 9999;
      pointer-events: none;
    }

    .feed-post-tab li.tab a {
      height: 60px;
      width: 60px;
      margin-bottom: 10px;
      cursor: pointer;
      display: flex;
      align-items: center;
      background: var(--bg-white);
      box-shadow: 0px 1px 8px #0000001f;
      padding: 0px 15px;
      line-height: 0px;
      border-radius: 45px;
      color: var(--color--grey8);
      text-align: center;
      justify-content: center;
      margin-right: 10px;
      order: 2;
    }

    .feed-post-tab li.tab {
      cursor: pointer;
      display: flex;
      align-items: center;
      background: transparent;
      box-shadow: none;
      height: auto;
      width: auto;
      padding: 0px;
      line-height: 0px;
      border-radius: 0px;
      color: var(--color--grey8);
      text-align: center;
      justify-content: flex-end;
      margin-right: 0px;
    }

    .feed-post-tab li.tab:hover {
      background: transparent;
    }

    .feed-post-tab li.tab.fpost:hover a svg g,
    .feed-post-tab li.tab.fpost:hover a svg line {
      stroke: var(--primary-color);
    }

    .feed-post-tab li.tab .mtabtle {
      margin-right: 10px;
      height: 50px;
      border-radius: 30px;
      background-color: var(--bg-white);
      color: var(--primary-color);
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 30px;
      border: 2px solid var(--primary-color);
    }

    #radios label+label {
      margin-left: 5px;
    }

    #radios input[type="radio"]+span svg {
      margin-right: 5px;
      height: 18px;
    }

    .mradiointer [type="radio"]:checked,
    .mradiointer [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px;
    }

    .mradiointer [type="radio"]:checked+label,
    .mradiointer [type="radio"]:not(:checked)+label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: var(--color-black1);
      font-size: 14px;
    }

    .mradiointer [type="radio"]:checked+label:before,
    .mradiointer [type="radio"]:not(:checked)+label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      border: 1px solid var(--color-black1);
      border-radius: 100%;
      background: transparent;
    }

    .mradiointer [type="radio"]:checked+label:after,
    .mradiointer [type="radio"]:not(:checked)+label:after {
      content: '';
      width: 12px;
      height: 12px;
      background: var(--primary-color);
      position: absolute;
      top: 4px;
      left: 4px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .mradiointer [type="radio"]:not(:checked)+label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }

    .mradiointer [type="radio"]:checked+label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    .common_interaction .dflex {
      justify-content: flex-start;
      margin-bottom: 20px;
    }

    [data-theme="dark"] #post-upload {
      background: var(--bg-white) !important;
    }

    .friend-info .uprofname p {
      font-size: 14px;
      font-weight: 500;
      color: var(--color-green);
      margin-bottom: 0px;
      /* overflow: hidden;
  text-overflow: ellipsis;
  max-width: 115px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; */
    }

    #post-upload {
      height: 100vh;
      overflow-y: auto;
      overflow-x: hidden;
      min-width: 100%;
      background: #F6F9F6 !important;
    }

    .bg-sec {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .segments-visible ul.segmentsvisible-list {
      margin-bottom: 0px;
    }

    .create-post {
      display: block;
      margin-bottom: 0px;
    }

    #img-upload .create-post {
      display: none;
      margin-bottom: 0px;
    }

    #img-upload .postbtnslike {
      display: none;
    }

    .create-post .text-bg {
      width: 100%;
      height: 225px;
    }

    #mainContainer {
      height: 225px;
      width: 100%;
    }

    .text-editor {
      width: 100%;
      height: auto;
    }

    .create-post .text-bg .mainContainer img {
      width: 100%;
      height: 225px;
    }

    .wysiwyg #editor {
      height: 70px;
      margin-top: 15px;
      /* overflow-y: auto; */
    }

    #imgtext,
    #textArea,
    #textvideo,
    #textaudio,
    #textimg {
      background: var(--bg-white);
      height: 69px;
      margin-bottom: 0px;
    }

    .wysiwyg .btns {
      background: transparent;
      padding: 10px 0px 0px;
    }

    .wysiwyg select,
    .wysiwyg input,
    .wysiwyg button {
      background-color: var(--bg-white);
    }

    .category select.font-family,
    .category select.font-size {
      background-color: var(--bg-white);
    }

    #post-upload .post-btn {
      height: 50px !important;
      line-height: 50px !important;
      border-radius: 7px !important;
    }

    ul.gradient-bg.closed li:nth-child(n+11) {
      display: inline-block;
    }

    .bg-control {
      display: none;
    }

    .gradient-bg li {
      width: 40px;
      height: 40px;
    }

    #post-upload.reveal {
      border-radius: 0px;
      box-shadow: none;
      padding: 15px;
    }

    #post-upload .close-button {
      display: none;
    }

    #post-upload .mback-button {
      color: #838B91;
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      font-size: 16px;
    }

    #post-upload .mback-button svg {
      margin-right: 10px;
    }

    [data-theme="dark"] #querypollModal {
      background: var(--bg-lightgreen);
    }

    #querypollModal {
      height: 100vh;
      overflow-y: auto;
      overflow-x: hidden;
      min-width: 100%;
      background: var(--bg-lightgreen) !important;
    }

    #querypollModal.reveal {
      border-radius: 0px;
      box-shadow: none;
    }

    #querypollModal .close-button {
      display: none;
    }

    #querypollModal .mback-button {
      color: #838B91;
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      font-size: 16px;
    }

    #querypollModal .mback-button svg {
      margin-right: 10px;
    }

    #querypollModal .posttle h2 {
      display: none;
    }

    [data-theme="dark"] #image_filterpopup button#bt {
      background: var(--bg-white) !important;
    }

    #image_filterpopup .filter-thumbnail.border {
      border: none !important;
    }

    .poll-option .poll-optnlist {
      display: flex;
      align-items: flex-start;
      margin-bottom: 15px;
      flex-direction: column;
    }

    .poll-option .poll-optnlist input {
      margin-left: 0px;
      border: 1px solid #E6E6E6;
      border-radius: 14px;
      background: var(--bg-white);
      height: 50px;
      padding: 0px 20px;
    }

    .poll-option .poll-optnlist input.is-invalid-input:not(:focus) {
      border-color: #cc4b37;
      background-color: #f9ecea;
      color: #cc4b37;
    }

    .poll-option .poll-optnlist p {
      margin-bottom: 10px;
      color: #838B91;
    }

    .poll-questionin input {
      margin-left: 0px;
      border: 1px solid #E6E6E6;
      border-radius: 14px;
      background: var(--bg-white);
      height: 50px;
      padding: 0px 20px;
    }

    .poll-questionin input:focus {
      border: 1px solid #E6E6E6;
      border-radius: 14px;
      background: var(--bg-white);
    }

    .poll-questionin p {
      display: block;
      margin-bottom: 10px;
      color: #838B91;
    }

    .poll-questions .polls-btns {
      justify-content: center;
      margin-top: 20px;
      margin-bottom: 30px;
    }

    .poll-questions .polls-btns .add-more,
    .polls-btns .delete-more {
      border: 1px solid #50B855;
      border-radius: 14px;
      background: var(--bg-white);
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50%;
    }

    .polls-btns .delete-more {
      border: 1px solid red;
    }

    .poll-questions {
      margin-top: 5px;
    }

    .postbtnslike button.post-btn {
      height: 50px !important;
      line-height: 50px !important;
      border-radius: 7px !important;
    }

    .post-btn.bg-white.post-promotrbtn,
    .post-btn.bg-white.active {
      line-height: 50px !important;
    }

    #segVisisble {
      margin-bottom: 0px;
    }

    .segments-visible a.segmentaddpoll {
      width: 40px;
      height: 40px;
      font-size: 24px;
    }

    #segVisiblepollform .segmentscheckbox {
      max-height: 55vh;
    }

    .searchsegments .segmentaddbtnpoll {
      height: 50px;
      line-height: 50px !important;
      border-radius: 14px;
    }

    .segmentscheckbox span.mark {
      line-height: 1.1;
      padding: 10px 20px;
      height: auto !important;
    }

    .segmentscheckbox li {
      margin-bottom: 7px;
    }

    .optnlist {
      display: flex;
      align-items: flex-start;
      margin-bottom: 10px;
      flex-direction: column;
    }

    .poll-option .optnlist input {
      margin-left: 0px;
      border: 1px solid #E6E6E6;
      border-radius: 14px;
      background: var(--bg-white);
      height: 50px;
      padding: 0px 20px;
    }

    .poll-option .optnlist p {
      margin-bottom: 10px;
      color: #838B91;
    }

    .segments-visible ul.segmentsvisible-list li {
      margin-right: 5px;
      margin-bottom: 5px;
    }

    .segmentscheckbox label {
      height: auto;
    }

    .dflex-right .postbtnslike {
      position: relative;
    }

    .post_form_la .dflex-right {
      justify-content: flex-end;
      flex-direction: column;

    }

    .postusselect {
      margin-bottom: 20px;
    }

    #post_form_la_text.post_form_la .dflex-right {
      padding-top: 0px;
      flex-direction: column;
      padding-bottom: 40px;
    }

    .create-post .text-bg .cabinet {
      width: 100%;
    }

    .create-post .text-bg .cabinet img {
      width: 100%;
      height: 225px;
    }

    .cropoptions .docs-buttons {
      display: flex;
      flex-direction: column;
      align-items: end;
    }

    .docs-toggles .btn-group p {
      display: none;
    }

    .cropoptions .rotatebtns .btn-primary {
      height: fit-content;
      margin: 0px 10px;
    }

    .cropoptions .tgoolesbtns .zoombtns {
      margin-left: 10px;
    }

    .cropoptions .rotatebtns {
      margin-left: 10px;
    }

    .act-box2 button.mbsaveimagebtn:hover {
      color: var(--color-black1);
    }

    .zoombtns .btn-primary {
      padding: 0px 10px;
      color: var(--color-black1);
    }

    [data-theme="dark"] #cropAvatarmodal,
    [data-theme="dark"] #image_filterpopup {
      background: #222426 !important;
    }

    #cropAvatarmodal,
    #image_filterpopup {
      height: 100vh;
      overflow-y: auto;
      min-width: 100%;
      background: #F6F9F6 !important;
      padding: 20px 20px 20px 20px;
    }

    #cropAvatarmodal.reveal,
    #image_filterpopup.reveal {
      border-radius: 0px;
      box-shadow: none;
    }

    .act-box2 button.mbcropimagebtn,
    .mbsaveimagebtn {
      display: block;
      height: 50px !important;
      line-height: 50px !important;
      border-radius: 7px !important;
      background: var(--bg-white) !important;
      color: var(--color-black1);
      box-shadow: 0px 0px 6px #0000001c;
      border: none;
      padding: 0px 20px !important;
      font-size: 14px;
    }

    .act-box2 #backBtn,
    .act-box2 #cropImageBtn {
      display: none;
    }

    .act-box2 button.mbcropimagebtn#cropImageBtn {
      display: block;
    }

    .act-box2 .mbcropimagebtn {
      margin-top: 50px;
    }

    .mback-button {
      display: flex;
      margin-bottom: 20px;
    }

    .mback-button svg {
      transform: rotate(0deg) !important;
    }

    #img_uploadpopup,
    #image_filterpopup {
      min-width: 100%;
    }

    .filter-thumbnail ul {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
    }

    #image_filterpopup .close-button {
      display: none;
    }

    #image_filterpopup .act-box2 #filterbackBtn,
    #image_filterpopup .act-box2 #bt {
      display: none;
    }

    #image_filterpopup .act-box2 #bt.mbsaveimagebtn {
      display: block;
    }

    .filter-thumbnail ul li {
      width: 45px;
      height: 45px;
      margin-bottom: 10px;
    }

    .filter-thumbnail ul li img {
      width: 45px;
      height: 45px;
    }

    .filter-thumbnail {
      display: flex;
      align-items: end;
      justify-content: space-between;
      flex-direction: column;
    }

    .act-box2 .mbsaveimagebtn {
      margin-top: 20px;
    }

    .mboileimgpost {
      display: block;
      margin-top: 40px;
    }

    .mboileimgpost .mbimgupload input {
      box-shadow: 0px 0px 6px #00000029;
      border-radius: 14px;
      background: var(--bg-white);
      border: none;
    }

    .modeofinteractionmobile [type="radio"]:checked,
    .modeofinteractionmobile [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px;
    }

    .modeofinteractionmobile [type="radio"]:checked+label,
    .modeofinteractionmobile [type="radio"]:not(:checked)+label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: var(--color-black1);
      font-size: 14px;
      margin-left: 0px;
      margin-right: 30px;
    }

    .modeofinteractionmobile [type="radio"]:checked+label:before,
    .modeofinteractionmobile [type="radio"]:not(:checked)+label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 19px;
      height: 19px;
      border: 1px solid var(--primary-color);
      border-radius: 100%;
      background: transparent;
    }

    .modeofinteractionmobile [type="radio"]:checked+label:after,
    .modeofinteractionmobile [type="radio"]:not(:checked)+label:after {
      content: '';
      width: 11px;
      height: 11px;
      background: var(--primary-color);
      position: absolute;
      top: 4px;
      left: 4px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .modeofinteractionmobile [type="radio"]:not(:checked)+label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }

    .modeofinteractionmobile [type="radio"]:checked+label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    .modeofinteractionmobile {
      margin-bottom: 20px;
    }

    .modeofinteractionmobile p {
      font-size: 14px;
      color: var(--color--grey11);
      margin-bottom: 10px;
    }

    .modeofinteractionmobile .dflex {
      justify-content: flex-start;
    }

    .modeofinteractionmobile {
      display: block;
    }

    .dflex-right .interaction {
      display: none !important;
    }

    .mboileimgpost .mbimgupload {
      padding: 10px;
      box-shadow: 0px 0px 6px #00000029;
      border-radius: 14px;
      background: var(--bg-white);
      border: none;
      display: flex;
      color: var(--color-black1);
      height: 50px;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      margin-bottom: 20px;
      cursor: pointer;
    }

    .mboileimgpost .mbimgupload input[type="file"] {
      display: none;
    }

    #wysiwyg #editor {
      height: auto;
      margin-top: 15px;
    }

    .share-btn {
      position: fixed;
      bottom: 80px;
      right: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: var(--primary-color);
      border-radius: 100%;
      box-shadow: 0px 2px 17px -1px rgb(0 0 0 / 30%);
      z-index: 999;
      width: 60px;
      height: 60px;
    }

    .floating-action-button {
      width: 60px;
      height: 60px;
      color: white;
      font-size: 30px;
      cursor: pointer;
    }

    .floating-action-button {
      display: flex;
    }

    .share-btn.active {
      transform: rotate(45deg);
    }

    .share-btn svg {
      width: 30px;
      height: 30px;
    }

    .feed-post-tab {
      opacity: 0;
    }

    .feed-post-tab.active {
      bottom: 120px;
      opacity: 1;
      pointer-events: visible;
      transition: all 275ms ease-in-out;
    }

    .feed-post-tab li.tab a span {
      display: none;
    }

    .feed-post-tab li.tab a svg {
      margin-right: 0px;
    }

    .main-section {
      position: relative;
    }

    [data-theme="dark"] .main-section.bgoverlay::before {
      background-color: rgba(0, 0, 0, .8);
    }

    .main-section.bgoverlay::before {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, .8);
      pointer-events: none;
      cursor: default;
      z-index: 1;
    }

    [data-theme="dark"] body.bgoverlay::before {
      background-color: rgba(0, 0, 0, .8);
    }

    [data-theme="dark"] .mboileimgpost .mbimgupload {
      background: #222426;
    }

    body.bgoverlay::before {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, .8);
      pointer-events: none;
      cursor: default;
      z-index: 1;
    }

    .mbgovrlay.active {
      background: rgb(255, 255, 255, 0.4);
      position: fixed;
      top: 0px;
      height: 100vh;
      width: 100%;
      z-index: 999;
      left: 0;
    }

    .feedpage .mbgovrlay.active {
      /* background: rgb(255,255,255,0.4) !important; */
      -webkit-backdrop-filter: blur(2px);
    }

    #segVisiblezchatform .segmentscheckbox {
      max-height: 55vh;
    }

    .searchsegments .segmentaddbtn {
      height: 50px !important;
      line-height: 50px !important;
      border-radius: 7px !important;
      padding: 0px 15px;
    }

    .segments-visible a.segmentadd {
      width: 40px;
      height: 40px;
      font-size: 24px;
    }

    .share-options.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .share-options {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 20px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    .share-options ul li a {
      width: 67px;
      height: 67px;
      padding: 10px;
    }

    .copy-url {
      align-items: flex-start;
      flex-direction: column;
    }

    .url-input {
      width: 100%;
    }

    .copy-url h4 {
      margin-bottom: 10px;
    }

    .mshareclose {
      display: block !important;
      font-size: 16px;
      position: absolute;
      top: 16px;
      right: 20px;
      font-weight: bold;
    }

    .sidebar.static.left {
      display: none;
    }

    .refine-by-category {
      display: none;
    }

    .like-dislike li:first-child {
      width: auto;
    }

    .like-dislike .likeicons {
      width: 60px;
      height: 35px;
      border-radius: 16px;
    }

    .like-dislike li {
      margin-right: 10px;
    }

    .like-dislike li:last-child {
      margin-right: 0px;
    }

    .conmsg .likes-info {
      margin-bottom: 15px;
    }

    .likes-info li span svg,
    .likes-info li span.views svg {
      width: 15px;
      height: 15px;
    }

    .likes-info li span ins {
      font-size: 16px;
      display: flex;
      align-items: center;
      line-height: 0px;
    }

    .notification-box>ul>li,
    .notification-box>ul>#not>li {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .notifi-meta {
      width: 70%;
    }

    .notification-box .invitebtn {
      margin-left: 55px;
    }

    .notification-box .invitebtn a.viewbtns,
    .notification-box .invitebtn a.dclinebtn,
    .notifi-meta .mesagebtn {
      margin-top: 10px;
      height: 40px;
      line-height: 40px;
      border-radius: 50px;
      margin-right: 10px;
    }

    .notification-box .more-post-optns ul.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
      visibility: visible;
    }

    .notification-box .more-post-optns ul {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 20px 20px 20px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
      visibility: visible;
    }

    .noti-options p {
      font-size: 14px;
      color: var(--color-black1);
    }

    .not-img {
      margin-right: 15px;
    }

    .notification-box {
      padding: 0px 15px;
      margin-top: 0px;
    }

    .mnoticlose {
      display: block;
      font-size: 16px;
      position: absolute;
      top: 16px;
      right: 20px;
      font-weight: bold;
    }

    .more-post-optns::before {
      content: none;
    }

    .more-post-optns>i {
      z-index: inherit;
      font-size: 18px;
    }

    .notificationpage .mobile_header,
    .connectionpage .mobile_header {
      display: none;
    }

    .mobileloader {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

    #pre-load {
      display: flex;
      padding: 0px;
      text-align: left;
      align-items: center;
      justify-content: center;
    }

    #pre-load span {
      position: absolute;
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      background: rgba(135, 211, 124, 1);
      -webkit-animation: loader3 1.5s linear infinite;
      animation: loader3 1.5s linear infinite;
    }

    #pre-load span:last-child {
      animation-delay: -0.9s;
      -webkit-animation-delay: -0.9s;
    }

    @keyframes loader3 {
      0% {
        transform: scale(0, 0);
        opacity: 0.8;
      }

      100% {
        transform: scale(1, 1);
        opacity: 0;
      }
    }

    @-webkit-keyframes loader3 {
      0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.8;
      }

      100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
      }
    }

    .notificationpage .top-search {
      display: flex;
      align-items: center;
      margin-top: 10px;
    }

    .notificationpage .top-search .bill-goback {
      margin-right: 10px;
    }

    .notificationpage .top-search .bill-goback svg {
      margin-left: 0px;
      margin-right: 0px;
      width: 35px !important;
      height: 35px !important;
    }

    .notification-box .more-post-optns>ul>li {
      border-bottom: 1px solid rgb(0, 0, 0, 0.1);
      padding: 4px 10px;
    }

    .notification-box .more-post-optns>ul>li:last-child {
      border-bottom: none;
    }

    .connectionpage .connections-tab ul li a {
      flex-direction: column;
    }

    .connectionpage .connections-tab ul li {
      background: var(--bg-white);
      padding: 50px 50px;
      border-radius: 17px;
      margin-bottom: 10px;
      box-shadow: 0px 2px 16px #50B8558F;
    }

    .connectionpage .connections-tab {
      padding: 10px 20px;
      margin-top: 10px;
    }

    .connectionpage .connections-tab ul li:hover {
      background: var(--bg-white);
      border-bottom: none;
      box-shadow: 0px 2px 16px #50B8558F;
      border-radius: 17px;
    }

    .connections-tab ul li.active a .connect-icon {
      background: var(--bg-white);
    }

    .connections-tab ul li.active a .connect-icon svg path {
      fill: var(--primary-color);
    }

    .connections-tab ul li a span {
      margin-top: 20px;
    }

    .connections-tab ul li a .connect-icon {
      margin-right: 0px;
    }

    .a_middle_sec li {
      margin: 0px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .a_middle_sec ul li a.onlydescktop {
      display: none;
    }

    .connectiongrid .connections-tab {
      display: none;
    }

    .connections-users .u-list ul li {
      width: 46%;
      margin: 0px 5px;
      margin-bottom: 40px;
    }

    .cshare-popup.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .cshare-popup {
      display: none;
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 40px 30px 60px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-x: hidden;
    }

    .cshare-popup ul li a {
      font-size: 14px;
    }

    ul.connections-listview .cshare-popup {
      width: 100%;
      bottom: 0px;
    }

    .conct-share {
      padding: 0px 5px;
    }

    .connectionpage .top-search {
      display: block;
    }

    .top-search .bill-goback {
      display: block;
    }

    .connectionpage .top-search {
      display: flex;
      align-items: center;
      margin-top: 0px;
      margin-bottom: 0px;
    }

    .connectionpage .top-search .bill-goback {
      margin-right: 10px;
    }

    .connectionpage .top-search .bill-goback svg {
      margin-left: 0px;
      margin-right: 0px;
      width: 50px !important;
      height: 50px !important;
      padding: 10px;
      background: #F1FBF1;
      border-radius: 50%;
      flex-shrink: 0;
    }

    .connectionlist .connections-tab {
      display: none;
    }

    .connections-users ul.connections-listview li .connect-memb {
      flex-direction: column;
    }

    ul.connections-listview .connect-memb .connect-info {
      width: 100%;
    }

    ul.connections-listview .connct-others {
      width: auto;
    }

    .connectionlist .conct-share {
      justify-content: flex-start;
      margin-top: 10px;
    }

    .connect-memb .connect-info .cont-name {
      color: var(--primary-color);
      font-weight: 500;
    }

    .cnt-cnt span {
      color: var(--color-black1);
      font-size: 14px;
    }

    ul.connections-listview .connct-others .cont-icon.cont-message {
      margin-right: 7px;
      height: 34px;
      width: fit-content;
      padding: 0px 15px;
      background: var(--primary-color);
      color: #fff;
    }

    ul.connections-listview .connct-others .cont-icon.cont-message svg path {
      fill: #fff;
    }

    .connectionlist .top-search .grid-list.desknone,
    .connectiongrid .top-search .grid-list.desknone {
      display: flex;
      margin-left: 10px;
    }

    .top-search input#myInput {
      border-radius: 14px;
      height: 40px;
      background-size: 17px !important;
    }

    .grid-list a.list:first-child {
      margin-right: 10px;
    }

    .grid-list a.grid.active,
    .grid-list a.list.active {
      color: var(--color-green);
    }

    .grid-list a.grid,
    .grid-list a.list {
      color: #D0D9E2;
      font-size: 20px;
    }

    .connct-others .cont-icon.cont-message {
      border: 1px solid #50B855;
      background: var(--primary-color);
      color: #fff;
    }

    .connct-others .cont-icon svg path {
      fill: #fff;
    }

    .connct-others .cont-icon.cont-more {
      border: 1px solid #50B855;
      color: var(--primary-color);
    }

    .connct-others .cont-icon.cont-more i {
      background-color: var(--primary-color);
    }

    .connectiongrid .grid-list a:nth-child(2) i {
      color: var(--primary-color);
    }

    .connectionlist .grid-list a:nth-child(1) i {
      color: var(--primary-color);
    }

    .connectiongrid .connections-users ul li .connect-memb {
      border: 1px solid #DAF6DA;
      box-shadow: none;
      border-radius: 0px;
    }

    .connectiongrid .grid-list-menu,
    .connectionliist .grid-list-menu {
      display: none;
    }

    .connectionrequest .connections-tab {
      display: none;
    }

    .connectionrequest .customtabs {
      justify-content: center;
    }

    .connectionrequest .connections-users ul.connections-requests li .requests-memb {
      flex-direction: column;
      align-items: flex-start;
    }

    .connectionrequest .connections-users ul.connections-requests li .requests-memb .requests-others {
      margin-top: 6px;
      margin-left: 50px;
    }

    .connectionrequest .connections-users .conuser {
      padding: 0px 10px;
    }

    .invite-cnt img {
      width: 40%;
      flex-shrink: 0;
    }

    h4.invite-title {
      font-size: 16px;
    }

    p.invite-sbutitle {
      font-size: 16px;
    }

    p.invite-para {
      font-size: 12px;
    }

    .imports-contact,
    .invite-yourcontacts,
    .contact-con {
      padding: 0px 10px;
    }

    .imports-contact {
      margin-bottom: 20px;
      margin-top: 20px;
    }

    .connectioncontacts .connections-tab {
      display: none;
    }

    .connectioncontacts .contact-con .requests-memb .requests-info {
      width: 70%;
    }

    .connectionpage .cmngoback,
    .notificationpage .connectionsgoback {
      display: none;
    }

    .connectionimport .bill-goback {
      margin-bottom: 30px;
    }

    .connectionimport .connect_wrapper {
      padding: 40px 20px 70px 20px;
    }

    .ideazchatpage .mobile_header {
      display: none;
    }

    .ideazchatpage .main-section .grid-container {
      padding-right: 10px;
      padding-left: 10px;
    }

    .helpsec {
      top: 5px;
      bottom: unset;
      background: transparent;
      height: fit-content;
      width: fit-content;
    }

    .chat-leftsidebar {
      margin-top: 0px;
      background: transparent;
      box-shadow: none;
    }

    .zi-chatgroup {
      padding: 5px 20px;
    }

    .chat-list.chat-user-list {
      padding: 0px 0px 50px 0px;
    }

    .swiper-slide label span {}

    .planbox.standardbox {
      display: none;
    }

    .promo-sec {
      display: flex;
      align-items: self-start;
      flex-direction: column;
      width: 100%;
    }

    .promo-aply {
      width: 100%;
    }

    .plan-amnt {
      width: 100%;
    }

    .contact-sec {
      flex-direction: column;
    }

    .contact-infotext {
      width: 100%;
    }

    .contact-infoimage {
      width: 60% !important;
      margin: 0 auto !important;
      z-index: 99;
    }

    .contact-infotext {
      width: 100% !important;
      position: relative !important;
      padding: 30px 20px !important;
      text-align: center !important;
    }

    .zinfinitee-marketing .contact-infoimage img {
      margin-top: -40px;
    }

    .zinfinitee-marketing {
      height: 390px;
    }

    .contact-infotext:after {
      content: none;
    }

    .contact-infotext p {
      padding-right: 0px;
      font-size: 16px;
    }

    .plan-contactus {
      height: 325px;
    }

    .contact-infobtn {
      width: 85%;
      padding: 0px 0px;
      margin: 0 auto;
    }

    .subscriptions-sec {
      background: var(--bg-white) none repeat scroll 0 0;
      border: none;
      border-radius: 17px;
      width: 95%;
      margin-bottom: 20px;
      padding: 20px;
      position: relative;
      box-shadow: var(--box-shawdow);
      margin: 0px auto;
    }

    h1.scri-title {
      font-size: 20px;
      font-weight: bold;
    }

    p.sub-tle {
      font-size: 14px;
    }

    ul#subscriptions-tabs li {
      width: 125px;
    }

    .subscription-tab .tabs-content .plan-info {
      width: 100%;
    }

    .subscriptions-prices .radio-choosen label {
      font-size: 16px;
      margin-right: 1px;
    }

    .subscription-tab .tabs-panel {
      padding: 0px;
    }

    .promo-sec p {
      margin-bottom: 10px;
      font-weight: bold;
    }

    .plan-selected p {
      font-size: 16px;
      font-weight: bold;
    }

    .plan-submit {
      padding-bottom: 100px;
    }

    .plan-submit button {
      width: 100%;
    }

    .cnt-infobtn {
      font-size: 16px;
    }

    ul#subscriptions-tabs li a {
      padding: 15px 20px;
    }

    .plan-boxsec {
      flex-direction: column;
    }

    .pricing {
      display: none;
      padding-bottom: 20px;
    }

    .planbox,
    .planbox2 {
      border-radius: 0px;
      border: none;
      border-bottom: 1px solid rgb(0 0 0 / 10%);
      width: 100%;
      margin-right: 0px;
    }

    .mplantab .plan-tle {
      display: flex;
      align-items: center;
    }

    .mplantab .plan-tle svg {
      margin-right: 10px;
    }

    .mplantab .plan-tle b {
      font-size: 16px;
    }

    .planbox .mplantab .plancheck,
    .planbox2 .mplantab .plancheck {
      position: relative;
      opacity: 1 !important;
      cursor: pointer;
      left: unset;
      right: unset;
      margin-bottom: 0px;
      margin-right: 10px;
    }

    .planbox:hover,
    .planbox2:hover {
      box-shadow: none;
      border: none;
    }

    .mplantab {
      display: flex;
      align-items: center;
      padding: 10px 0px;
      opacity: 1 !important;
      position: relative;
    }

    .mplantab input[type='radio'] {
      -webkit-appearance: none;
      width: 20px;
      height: 20px;
      border: 1px solid #707070;
      border-radius: 50%;
      outline: none;
    }

    .planbox:hover,
    .planbox2:hover {
      border-bottom: 1px solid rgb(0 0 0 / 10%) !important;
    }

    .planbox.active,
    .planbox2.active {
      box-shadow: none;
      border: none;
      border-bottom: 1px solid rgb(0 0 0 / 10%) !important;
    }

    .planbox.active {
      border: none !important;
      border-bottom: 1px solid rgb(0 0 0 / 10%) !important;
    }

    .mplantab input[type='radio']:before {
      content: '';
      display: block;
      width: 60%;
      height: 60%;
      margin: 20% auto;
      border-radius: 50%;
    }

    .mplantab input[type='radio']:checked:before {
      background: var(--primary-color);
    }

    .mplantab input[type='radio']:checked+label {
      color: var(--color-black1);
    }

    .mplantab label {
      color: var(--color-black1);
    }

    .mplantab .planaccor {
      position: absolute;
      right: 0px;
      width: 30px;
      height: 30px;
      border: 1px solid rgb(0 0 0 / 10%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .pricing li {
      justify-content: space-between;
      text-align: left;
      padding: 0px 10px;
    }

    .pricing li:nth-child(odd) {
      background: var(--bg-white);
    }

    .pricing li p {
      width: 70%;
    }

    .pricing li span.tex {
      width: 30%;
      text-align: right;
    }

    .pricing li.plan-tle {
      display: none;
    }

    .pricing li:first-child,
    .pricing li:last-child {
      padding: 0px 10px;
    }

    .pricing li p {
      display: block;
    }

    .rotate {
      transform: rotate(-180deg);
      transition: .3s;
    }

    .rotate-reset {
      transform: rotate(0deg);
      transition: .3s;
    }

    .plansubscriptionspage aside.sidemenu {
      z-index: 9999;
    }

    .plansubscriptionspage .mobile_header {
      display: none;
    }

    .plansubscriptionspage .bill-goback {
      margin: 20px 20px;
    }

    .plansubscriptionspage .tabs-panel {
      transform: none !important;
      position: relative !important;
      max-height: 100% !important;
      overflow-y: hidden !important;
      height: auto !important;
      display: none;
    }

    .promo-sec .control-group {
      width: 100%;
    }

    .bill-goback.mgoback {
      display: flex;
      padding-bottom: 20px;
      margin-left: 15px !important;

    }

    .plansubscriptionspage .bill-goback.mgoback {
      padding-bottom: 0px;
    }

    .bill-goback.mgoback svg {
      background: #F1FBF1;
      border-radius: 50%;
      width: 40px !important;
      height: 40px !important;
      padding: 7px;
      flex-shrink: 0;
    }

    .bill-goback.mgoback span {
      margin-left: 10px;
      font-size: 16px;
      line-height: 1.1;
    }

    .billinfopage .bilng-title {
      display: none;
    }

    .billinfopage .billing-sec {
      padding: 20px 10px;
    }

    .billinfopage .mobile_header {
      display: none;
    }

    .billinfopage .billing-information .bill-goback {
      display: none;
    }

    .billing-forms {
      margin-top: 0px;
    }

    .billinfopage .submtbtn {
      width: 100%;
    }

    .billing-information {
      padding: 30px;
      padding-bottom: 90px;
    }

    .alreadysubscriptionpage .mobile_header {
      display: none;
    }

    .subscription-payments {
      padding: 20px 0px;
    }

    .subscription-box {
      background: transparent;
      box-shadow: none;
    }

    .subscription-box ul li {
      margin-bottom: 20px;
    }

    .subscription-box ul li:first-child a {
      padding-top: 20px;
    }

    .subscription-box ul li:last-child a {
      padding-bottom: 20px;
    }

    .subscription-box ul li a {
      border: none;
      background: var(--bg-white);
      padding: 20px 20px;
      box-shadow: 0px 3px 48px #5adf6029;
      margin-bottom: 0px;
      height: 60px;
      border-radius: 17px;
    }

    .sub-paytitle {
      margin-bottom: 0px;
    }

    .subscriptionyplan .mobile_header {
      display: none;
    }

    .subscriptionyplan .bilng-title {
      font-size: 20px;
      margin-bottom: 10px;
    }

    .subscriptionyplan .main-section {
      margin: 0px 10px;
    }

    .subscriptionyplan .yourplan .bill-goback {
      display: none;
    }

    .subscriptionyplan .yourplan {
      padding: 0px 20px;
    }

    .txtbox,
    .billinginfo li p.txt2 {
      width: 30%;
      font-size: 14px;
    }

    .totl-prceinfo li .txt2 {
      width: 30%;
      font-size: 14px;
    }

    .switch-cancelbtns .switchbtns {
      flex-direction: column;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .switchbtns .switchbtn {
      margin-bottom: 10px;
    }

    .previous-plan {
      padding: 20px;
    }

    .previous-plan h4 {
      font-size: 18px;
    }

    .previous-plan ul li p {
      font-size: 14px;
    }

    .viewbtnss {
      text-align: center;
    }

    .viewall-btn {
      background: transparent !important;
      color: var(--primary-color);
    }

    .biilingpadding {
      padding: 20px 0px 100px 0px;
    }

    .cancelsubscriptions .main-section {
      margin: 0px 10px;
    }

    .cancel-box {
      padding: 70px 30px;
      margin-top: 60px;
    }

    .cancel-box .btns-continue {
      width: 100%;
    }

    .cancelsubscriptions .mobile_header {
      display: none;
    }

    .subscription-cancel {
      padding: 20px 0px 120px 0px;
    }

    .subscription-history ul.history-lists li {
      padding: 0px 10px;
    }

    .purchase-prze {
      width: 20%;
    }

    .purchase-prze .pamount {
      font-size: 14px;
    }

    .subscription-history ul.history-lists li .purchase-details {
      width: 80%;
    }

    .purchase-details .pplan,
    .purchase-details .pdate {
      font-size: 12px;
    }

    .purchase-details .pplan {
      margin: 0px 10px;
    }

    .purchase-date .pdesc,
    .purchase-date .pdate,
    .purchase-amt .pprices {
      font-size: 14px;
    }

    .subpurchasehistory .mobile_header {
      display: none;
    }

    .history-lists {
      margin-top: 0px;
    }

    .subscription-history {
      padding: 0px 10px;
      margin-top: 0px;
    }

    .subpurchasehistory .bill-goback.mgoback {
      margin-left: 0px !important;
      margin-top: 15px;
    }

    .purchase-date .pdate {
      width: 30%;
    }

    .purchase-date .pdesc {
      margin: 0px 0px 0px 39px;
      width: 65%;
    }

    .purchase-details .pplan {
      width: 50%;
    }

    .purchase-details .pdate {
      width: 30%;
    }

    .switchplanspage .mobile_header {
      display: none;
    }

    .switchplanspage .bill-goback,
    .paymantsucessfulpage .bill-goback,
    .paymantfailedfulpage .bill-goback {
      margin: 20px 20px;
    }

    .paymantsucessfulpage .mobile_header,
    .paymantfailedfulpage .mobile_header {
      display: none;
    }

    .paymantsucessfulpage .main-section,
    .paymantfailedfulpage .main-section {
      margin: 0px 10px;
    }

    .payment-successful {
      padding: 10px 0px 100px 0px;
    }

    .successful-box ul li .txt2,
    .successful-box ul li .cnt-desc .txt2 {
      font-size: 14px;
    }

    .successful-box ul li.totalprc-dtls .txt2 {
      font-size: 16px;
    }

    .successful-box.failed .submtbtn {
      width: 100%;
    }

    .searchproductspage .mobile_header {
      display: none;
    }

    .cmnmbsearchfilter .filterbtns {
      bottom: 10px !important;
    }

    .cmnmbsearchfilter .top-search {
      display: flex;
      align-items: center;
      margin-top: 0px;
      margin-bottom: 0px;
    }


    .mobsearchfilter svg path {
      fill: var(--primary-color);
    }

    .mobsearchfilter {
      margin-left: 10px;
      display: flex;
      align-items: center;
    }

    .cmnmbsearchfilter .bill-goback.mgoback {
      margin-left: 0px !important;
      padding-bottom: 0px;
    }

    .cmnmbsearchfilter .top-search form input {
      margin-bottom: 0px;
      border-radius: 14px;
      height: 40px;
      font-size: 14px;
      background-size: 17px !important;
    }

    .cmnmbsearchfilter .connections-tab ul {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .cmnmbsearchfilter .connections-tab ul li a .connect-icon {
      display: none;
    }

    .cmnmbsearchfilter .connections-tab ul li.active,
    .connections-tab ul li:hover {
      background: transparent;
      box-shadow: none;
      color: var(--primary-color);
      border-bottom: 2px solid var(--primary-color);
      border-radius: 0px;
    }

    .cmnmbsearchfilter .connections-tab ul li.active a span {
      color: var(--primary-color);
    }

    .cmnmbsearchfilter .connections-tab {
      border-top: 1px solid rgb(0 0 0 / 10%);
      border-bottom: 1px solid rgb(0 0 0 / 10%);
    }

    .cmnmbsearchfilter .connections-tab ul li {
      padding: 15px 8px;
      margin-bottom: 0px;
    }

    .cmnmbsearchfilter .connections-tab ul li a span {
      font-size: 14px;
      color: var(--color-black1);
      font-weight: 500;
      margin-top: 0px;
    }

    .filtertab {
      flex-direction: column;
    }

    .cmnmbsearchfilter .sort-by {
      display: none;
    }

    .cmnmbsearchfilter ul.filtercustomtabs .dropbtn i {
      margin-left: 4px;
    }

    .cmnmbsearchfilter ul.filtercustomtabs .dropbtn {
      padding: 0px 5px 0px 10px;
      margin-right: 5px;
    }

    .cmnmbsearchfilter ul.filtercustomtabs li:nth-child(3) button.dropbtn {
      margin-right: 0px;
    }

    .cmnmbsearchfilter .filtercustomtabs .dropdown-content .filterbtns {
      position: relative;
      width: 100%;
    }

    .livesegmentdrop.dropdown-content .filterbtns {
      position: relative;
      width: 100%;
    }

    .livesegmentdrop.dropdown-content.show {
      padding: 50px 30px 30px 30px !important;
    }

    #areasareas,
    #segmentareas {
      max-height: 350px;
    }

    .sdate-sec #e-time {
      padding: 10px 10px 10px 40px;
    }

    .livesegmentdrop.dropdown-content .filterbtns .fltraplybtn {
      height: 40px;
      width: fit-content;
      padding: 0px 20px;
      font-size: 14px;
    }

    .livesegmentdrop.dropdown-content .filterbtns {
      bottom: 70px;
      padding: 17px 0px;
      background: #fff;
      font-size: 14px !important;
      bottom: 10px !important;
    }

    #searchInput_location,
    #searchInput_segment,
    #searchInput_aoi {
      height: 40px;
    }

    .cmnmbsearchfilter .filtercustomtabs .dropdown-content .filterbtns .fltraplybtn {
      height: 40px;
      width: fit-content;
      padding: 0px 20px;
      font-size: 14px;
    }

    .filterbtns .fltrcancelbtn {
      font-size: 14px;
    }

    .livesegmentdrop.dropdown-content.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .livesegmentdrop.dropdown-content {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 30px 100px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }


    .cmnmbsearchfilter .filtercustomtabs .dropdown-content.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .cmnmbsearchfilter .filtercustomtabs .dropdown-content {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 30px 100px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .mobilehide.desckblock {
      display: none;
    }

    .deskhide.mobileblock {
      display: block !important;
    }

    .cmnmbsearchfilter .mobile_header,
    .abtestresultpage .mobile_header {
      display: none;
    }

    .searchspacepage .search-space {
      flex-direction: column;
      align-items: flex-start;
    }

    .searchspacepage .space-details {
      width: 100%;
      margin-bottom: 15px;
    }

    .searchspacepage .space-details .group-img {
      flex-shrink: 0;
    }

    .space-btns button {
      height: 40px;
      font-size: 14px !important;
    }

    .zilivecafesec {
      margin-top: 20px;
    }

    .pro-vertical {
      flex-direction: column;
    }

    .pro-vertical .pro-image {
      width: 100%;
    }

    .pro-vertical .pro-vercnt {
      width: 100%;
      margin-top: 20px;
    }

    .people-details {
      width: 100%;
    }

    .zicafeitem .people-details {
      display: flex;
      align-items: center;
    }

    .pro-vertical .product-post-cnt {
      width: 100%;
    }

    .zicafeitem .pro-vertical .view-pdf {
      margin-top: 10px;
      position: absolute;
      right: 10px;
      bottom: 20px;
    }

    .central-meta.zicafeitem {
      padding-bottom: 50px;
    }

    .view-pdf a {
      height: 40px;
      border-radius: 30px;
      justify-content: center;
    }

    .zicafeitem .product-post-cnt .ppost-title {
      font-weight: bold;
    }

    .zicafeitem .pro-dev {
      top: 12px;
    }

    .cmnmbsearchfilter .people-info {
      flex-direction: column;
    }

    .cmnmbsearchfilter .people-msg {
      width: 100%;
      justify-content: flex-start;
    }

    .cmnmbsearchfilter .msgbtns .pmsgbtn,
    .cmnmbsearchfilter .msgbtns .pcnt-btn {
      font-size: 14px;
      padding: 0px 30px;
      height: 35px;
      width: 48%;
      margin-right: 10px;
    }

    .cmnmbsearchfilter .msgbtns {
      margin-top: 10px;
      width: 100%;
      justify-content: flex-start;
    }

    .searchpostpage .activitiestab {
      margin-top: 20px;
    }

    .friend-info .uprofname span {
      width: 100%;
      font-size: 10px;
    }

    .abtestresultpage {
      margin: 0px 10px;
    }

    .order-sm-2 {
      order: 2;
    }

    .order-sm-1 {
      order: 1;
    }

    .abtestcmn .promote-tlesec {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: row;
    }

    .abtestcmn .promote-tlesec h1 {
      display: none;
    }

    .abtestcmn .promote-section {
      padding-top: 20px;
      padding-bottom: 50px;
    }

    .abtestcmn .bill-goback.mgoback {
      padding-bottom: 0px;
    }

    .promotepages .promote-section {
      padding-top: 20px;
    }

    .promotepages .main-section {
      margin: 0px 10px;
      padding-bottom: 50px;
    }

    .promotepages .mobile_header {
      display: none;
    }

    .promotepages .bill-goback.mgoback {
      margin-left: 0px !important;
      margin-top: 0px;
    }

    .promotepages .prom-title {
      font-size: 20px;
    }

    .calldropdown-select {
      height: 50px;
      line-height: 50px;
    }

    .promotion-user .scroll {
      height: auto;
      overflow-y: unset;
    }

    .plock svg {
      height: 20px;
    }

    .prouser-name h4 {
      font-size: 15px;
      width: 55px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .prouser-details .calldropdown-select.wide {
      width: 140px;
      position: absolute;
      right: 50px;
      height: 40px;
      line-height: 40px;
      font-size: 12px;
      z-index: 1;
    }

    .inf-icon {
      z-index: 0;
    }

    .prouser-details figure img {
      border-radius: 12px;
      margin-right: 10px;
      width: 40px;
      height: 40px;
    }

    .promo_head input,
    .promo_head select {
      margin-bottom: 10px;
    }

    .promotion-user.cards-sec {
      margin-bottom: 10px;
    }

    .promo_head {
      margin-bottom: 10px;
    }

    .segments-reach.cards-sec.seg-sec,
    .segments-reach.cards-sec.englevel-sec,
    .look-like.cards-sec.looklike-sec {
      margin-bottom: 10px;
    }

    .zimarketing .pro-credit {
      font-size: 18px;
    }

    .scroll.locscroll {
      height: auto;
    }

    .promote-tlesec {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      margin-bottom: 20px;
      flex-direction: column;
    }

    .pro-options {
      margin-bottom: 10px;
    }

    .calldropdown-select.wide .list {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 30px 100px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .calldropdown-select.open .list {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .budgetcmn .create-advertisment,
    .budgetcmn .mobile_header,
    .budgetcmn .budget-schedule .bill-goback,
    .budgetcmn .zinfinitee-marketing {
      display: none;
    }

    .budgetcmn .bill-goback.mgoback {
      margin-top: 20px;
      padding-bottom: 0px;
    }

    .budgetcmn .budget-schedule {
      background: transparent;
      box-shadow: none;
      padding: 20px;
    }

    .date-select {
      align-items: flex-start;
      flex-direction: column;
    }

    .start-date,
    .end-date {
      width: 100%;
    }

    .budgetschedulepage .start-date,
    .budgetschedulepage .end-date {
      width: 100%;
    }

    .total-add p.tlcost {
      background: #EBF5EB;
      color: var(--primary-color);
      border: 1px solid #EBF5EB;
    }

    .total-add p.tlcost span {
      color: var(--primary-color);
    }

    .budget-sec {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      background: var(--bg-white);
      padding: 20px;
      box-shadow: 0px 3px 48px #0000000f;
      border-radius: 17px;
    }

    .budget-sec img {
      height: auto;
      margin-right: 0px;
    }

    .budget-sec p {
      width: 100%;
      margin-top: 10px;
    }

    .budgetcmn .promote-section {
      padding-top: 0px;
    }

    .budgetcmn .budget-cnt {
      margin-top: 0px;
    }

    .budget-submit button {
      width: 100%;
    }

    .daterangepicker {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      top: unset !important;
      left: 0;
      right: 0;
      padding: 20px 30px 20px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .daterangepicker.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .budgetcmn .btn-sm.btn-default1,
    .budgetcmn .btn-sm.btn-primary1 {
      display: flex !important;
      width: 50%;
      padding: 0px;
      border: none;
      font-size: 14px;
    }

    .budgetcmn .cancelBtn {
      width: fit-content;
      padding: 0px 20px;
      box-shadow: 0px 0px 6px #0000001c;
      background: var(--bg-white);
      color: var(--color-black1);
      font-size: 12px;
      height: 35px;
      border-radius: 22px;
      line-height: 35px !important;
      float: right;
      font-weight: normal;
      cursor: pointer;
    }

    .budgetcmn .applyBtn {
      width: fit-content;
      padding: 0px 20px;
      box-shadow: 0px 0px 6px #0000001c;
      background: var(--primary-color) !important;
      color: var(--color-white);
      font-size: 12px;
      height: 35px;
      border-radius: 22px;
      line-height: 35px !important;
      float: right;
      font-weight: normal;
      cursor: pointer;
    }

    .daterangepicker .drp-buttons {
      padding: 15px 0px;
    }

    .daterangepicker .drp-calendar {
      max-width: 100%;
    }

    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
      font-size: 14px;
    }

    .daterangepicker .calendar-table th.next {
      background: #F1FBF1;
      border-radius: 50%;
      line-height: 24px !important;
    }

    .daterangepicker .calendar-table .next span {
      border: solid var(--primary-color) !important;
      border-width: 0 2px 2px 0 !important;
      border-radius: 0;
    }

    .daterangepicker .calendar-table th.prev {
      background: #F1FBF1;
      border-radius: 50%;
      line-height: 24px !important;
    }

    .daterangepicker .calendar-table .prev span {
      border: solid var(--primary-color) !important;
      border-width: 0 2px 2px 0 !important;
      border-radius: 0;
    }

    .ui-timepicker-container {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100% !important;
      margin: 0;
      position: fixed;
      bottom: 0;
      top: unset !important;
      left: 0 !important;
      right: 0 !important;
      padding: 20px 30px 20px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .ui-timepicker-container.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999 !important;
      max-height: 80vh;
      overflow-y: auto;
    }

    .ui-timepicker-container .ui-widget.ui-widget-content {
      width: fit-content !important;
    }

    .ui-timepicker-container .ui-timepicker-viewport {
      width: 100% !important;
      padding-right: 0px !important;
    }

    .ap-overlay.ap-layout-popup .ap-cont {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100% !important;
      margin: 0;
      position: fixed;
      bottom: 0;
      top: unset !important;
      left: 0 !important;
      right: 0 !important;
      padding: 20px 30px 20px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
      padding-bottom: 100px !important;
    }

    .ap-overlay.ap-layout-popup.ap-show .ap-cont {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999 !important;
      max-height: 80vh;
      overflow-y: auto;
    }

    .ap-show {
      animation: none !important;
      opacity: 1;
    }

    .ap-theme-default:not(.ap-layout-inline):not(.ap-layout-relative) .ap-cont {
      border: none;
    }

    .badge-section {
      padding: 20px;
      background: transparent;
      box-shadow: none;
      margin: 0px 0px;
      padding-bottom: 100px;
    }

    .badge-cnt h1 {
      font-size: 20px;
      color: var(--color-black1);
    }

    .badge-cnt h1 img {
      margin-right: 10px;
      width: 40px;
    }

    .badge-cnt {
      text-align: left;
    }

    .badge-cnt h1 {
      margin-bottom: 20px;
    }

    h4.badge-tle {
      font-size: 18px;
      text-align: left;
    }

    .choose-method {
      width: 100%;
      margin: 20px auto 0px auto;
    }

    .badge-btns .gobackbtns {
      display: none;
    }

    .badge-btns {
      justify-content: flex-end;
    }

    .requestbadgepage1 .badge-cnt h1 {
      display: none;
    }

    .requestbadgepage1 .badge-tle {
      margin-bottom: 20px;
    }

    .requestbadgepage1 .badge-tle img {
      margin-right: 10px;
      width: 30px;
    }

    .badge-cnt p {
      color: var(--color-black1);
    }

    .badge-account {
      width: 100%;
    }

    .budgetcmn input {
      border: 1px solid #E6E6E6;
      background: var(--bg-white);
    }

    .badge-btns .continuebtns {
      width: 163px;
      height: 54px;
      box-shadow: 0px 0px 6px #00000029;
      border-radius: 14px !important;
      background: var(--bg-white);
      color: var(--color-black1);
      font-size: 16px;
    }

    .prooffileUpload {
      height: 70px;
      box-shadow: 0px 0px 6px #00000029;
      border-radius: 14px;
      padding: 0px 25px;
      margin-top: 30px;
    }

    .prooffileUpload span {
      font-size: 14px;
    }

    .badge-section.badge-completed .badgecmpletecnt {
      width: 100%;
      padding: 0px 0px;
    }

    .badgecmpletecnt h4 {
      display: none;
    }

    .badge-section.badge-completed .badgeacnt-btns {
      justify-content: flex-end;
      margin-top: 200px;
    }

    .badge-section.badge-completed .badgeacnt-btns .continuebtns {
      display: block;
    }

    .requestbadgepage1 .badge-tle {
      display: flex;
      align-items: center;
    }

    h4.badge-tle img {
      display: flex;
    }

    .more .postcate {
      font-size: 8px;
      margin-right: 10px;
    }

    .more-post-optns1 {
      position: relative;
      left: 20.7rem;
      bottom: 1.5rem;
    }

    .pro-dev {
      line-height: 0px;
      /* padding-bottom: 15px; */
      /* position: absolute;
  top: 14px;
  right: 20px;  */
      position: relative;
      /* bottom: 10px; */
      left: -2rem;
    }

    .more-post-optns {
      margin-left: 10px;
    }

    figure img.uprofile {
      border-radius: 14px;
      width: 45px;
      height: 45px;
    }

    .mhide {
      display: none !important;
    }

    .promotionanalysistabs ul {
      border-top: 1px solid rgb(0 0 0 / 10%);
      border-bottom: 1px solid rgb(0 0 0 / 10%);
      padding: 0px;
      overflow-x: auto;
    }

    .promotionanalysistabs ul li a img {
      top: -5px;
      right: 0px;
      width: 28px;
    }

    .promotionanalysistabs ul::-webkit-scrollbar {
      display: none;
    }

    .promotionanalysistabs ul li.active a {
      background: transparent;
      /* color: var(--primary-color); */
    }

    .promotionanalysistabs ul li.active {
      background: transparent;
      border-bottom: 2px solid var(--primary-color);
      color: var(--primary-color);
    }

    #promotion-analytics tbody td:first-child {
      padding-left: 10px;
    }

    #promotion-analytics tbody td .pro-post img {
      margin-right: 10px;
      height: 30px;
      width: 30px;
    }

    #promotion-analytics tbody td .pro-post p {
      font-size: 14px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .promotionanalysistabs ul li {
      flex-shrink: 0;
      padding: 15px 0px;
    }

    .promotionanalysistabs ul li a {
      font-size: 14px;
      color: var(--color-black1);
      box-shadow: none;
      background: transparent;
      border-radius: 0px;
      padding: 10px 5px !important;
      position: relative;
    }

    .procmn .mobile_header {
      display: none;
    }

    .promotionanalysistabs h1 {
      display: none;
    }

    .procmn .bill-goback.mgoback {
      margin-top: 15px;
      padding-bottom: 0px;
    }

    .promotionanalysistabs {
      padding: 10px 0px 0px 0px;
      position: relative;
    }

    .procmn .main-section {
      padding-bottom: 80px;
    }

    .procmn .owl-theme .owl-nav.disabled+.owl-dots {
      margin-top: 0px;
    }

    .chartbox.mb-20.chartline1box {
      margin-bottom: 10px !important;
    }

    .mchartbox {
      margin-top: 20px;
    }

    #promotion-analytics thead th {
      padding: 5px 20px;
      width: 25% !important;
    }

    table.dataTable>thead .sorting:before,
    table.dataTable>thead .sorting:after {
      content: none;
    }

    .dataTables_paginate ul.pagination {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .dataTables_paginate .pagination .paginate_button {
      display: block;
    }

    .procmn.innerpage {
      padding-left: 10px;
    }

    .delete-postsum .sumarydeletebtn {
      background: #CC1818;
      color: #fff;
      border-radius: 14px !important;
    }

    .promotionanprevpage .promote-section {
      padding-top: 20px;
    }

    .promotionanprevpage .pro-summartle.justifyright {
      justify-content: flex-end;
    }

    .promotionanprevpage .pro-summartle {
      margin-top: 20px;


    }

    .promo-created .mflex {
      display: flex;
      align-items: center;
    }

    .promo-created .mflex p.crtdate {
      font-size: 20px;
      color: var(--color-black1);
      margin-left: 5px;
    }

    .schedule-status.mshow {
      display: block;
      margin-top: 0px;
    }

    .mshow.schedule-status h6 {
      font-size: 18px;
      color: var(--color-black1);
    }

    .promo-created h4,
    .promo-created .mflex p.crtdate {
      font-size: 18px;
    }

    .promotion-details .prom-tle {
      font-size: 20px;
    }

    .schedule-status {
      /* display: none; */
    }

    .promo-created p {
      font-size: 14px;
    }

    .promotion-listssec.dflex {
      flex-direction: column;
    }

    .promotionupdate-post {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 20px;
    }

    .mshow {
      display: block;
    }

    .mflex {
      display: flex;
    }

    .summupdatebtns {
      display: flex;
      justify-content: flex-end;
      margin-top: 20px;
    }

    .promo-created .updatebtn {
      width: 100%;
    }

    .direct-results ul li {
      width: 30%;
    }

    .direct-results ul li:nth-child(3),
    .direct-results ul li:nth-child(6),
    .direct-results ul li:nth-child(9) {
      margin-right: 0px;
    }

    .direct-results ul .resultsbox {
      background: var(--bg-white);
      box-shadow: 0px 3px 6px #00000029;
      border-radius: 14px;
      text-align: center;
    }

    #reactionsModal .reaction-msg {
      display: none;
    }

    #newconnectionsModal .reaction-info {
      flex-direction: column;
    }

    #newconnectionsModal .reaction-info {
      align-items: flex-start;
    }

    #newconnectionsModal .reaction-msg {
      margin-top: 10px;
      width: 100%;
    }

    .msgbtns .pcnt-btn,
    .msgbtns .pmsgbtn,
    .msgbtns .pdiscnt-btn {
      width: 50%;
      height: 40px;
      font-size: 14px;
    }

    #promotionsharesModal .reaction-info {
      flex-direction: column;
    }

    #promotionsharesModal .reaction-info {
      align-items: flex-start;
    }

    #promotionsharesModal .reaction-msg {
      margin-top: 10px;
      width: 100%;
    }

    #postdelete {
      max-width: 100%;
      padding: 20px 50px;
    }

    .profeedbtn button {
      padding: 0px 10px;
      margin-right: 10px;
      min-width: 69px !important;
      text-align: center;
      justify-content: center;
    }

    .feed-post-tab li.tab.mobileshow {
      display: flex;
    }

    .central-meta {
      margin-bottom: 10px;
    }

    .other-profile .post-section .post-tab {
      display: flex;
    }

    .post-section .post-tab {
      display: none;
    }

    .post-section .post-tab.profiletab {
      display: flex;
    }

    .fcontactbtn {
      padding: 0px 10px;
      margin-top: 0px;
      margin-bottom: 20px;
    }

    .mb-100 {
      margin-bottom: 0px !important;
    }

    .audienceheader {
      align-items: flex-start;
    }

    .audiencebox {
      flex-direction: column;
    }

    .audiencebox .audiencecnt,
    .audiencebox .apex-charts,
    .apexcharts-canvas {
      width: 100% !important;
    }

    .apexcharts-canvas svg {
      width: 100% !important;
    }

    .audiencebox .apexcharts-inner {
      transform: translate(30px, 15px);
    }

    .audience-options {
      margin-top: 20px;
      flex-direction: row-reverse;
      position: absolute;
      top: 60px;
    }

    .audience-options p {
      margin-left: 10px;
    }

    .chart-select {
      width: 60%;
    }

    .comparisionlist-box {
      margin-bottom: 20px;
      /* box-shadow: none; */

    }

    .chartviews,
    .numberviews {
      margin-top: 30px;
    }

    .comparisionlist-box.audience-box {
      padding: 25px 25px;
    }

    ul.pro-analyticspost {
      padding-right: 5px;
    }

    .tabs-panel {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%);
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -o-transform: translateY(285px);
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0px 20px !important;
      box-shadow: none;
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-lightgreen);
      overflow-y: auto;
      max-height: 100vh;
      overflow-y: auto;
      top: unset;
      height: 100vh;
    }

    .tabs-panel.is-active.show {
      transform: none;
    }

    .tabs-panel.is-active {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 99;
      max-height: 100vh;
      overflow-y: auto;
      height: 100vh;
      top: 0px;
    }

    .verticaltabcnt .cardsection {
      padding: 20px 10px 100px 10px;
    }

    .engacnt p {
      font-size: 12px;
    }

    .timeformat p.tam::before,
    .timeformat p.tam::after,
    .timeformat p.tpm::before,
    .timeformat p.tpm::after {
      width: 20%;
    }

    .chart-box-rec .timeformat p.tam::before,
    .timeformat p.tam::after,
    .chart-box-rec .timeformat p.tpm::before,
    .timeformat p.tpm::after {
      width: 20%;
    }

    .verticaltabcnt .bill-goback.mgoback {
      margin-bottom: 20px;
    }

    .cardsection.topformsec {
      width: 100%;
    }

    .formatsbox p .frmtle,
    .formatsbox p span {
      font-size: 12px;
    }

    .update_inactive_ma {
      background: transparent !important;
    }

    .formatsbox p span svg {
      height: 20px;
      width: 20px;
    }

    .formatsbox {
      padding: 0px 20px;
      height: 50px;
    }

    .formatsbox p .frmtle {
      width: 80px;
    }

    .betterfrm {
      padding: 20px 0px 10px 0px;
    }

    #panel2v .cardsection {
      padding: 20px 20px;
    }

    .topsegmentchartsec {
      flex-direction: column-reverse;
    }

    .topsegmentchartsec .topsegnames {
      width: 100%;
      margin-top: 20px;
    }

    .topsegmentchartsec .topsegchart {
      width: 100%;
    }

    .engleveltext {
      padding: 0px 0px 0px 0px;
    }

    #panel3v .verticaltabcnt .cardsection {
      padding: 20px 20px;
    }

    .topsegnames ul li {
      margin-bottom: 2px;
    }

    .topsegnames ul {
      margin-top: 0px;
    }

    .timeformat.topsegmenttime p.tam::before,
    .timeformat.topsegmenttime p.tam::after {
      width: 20% !important;
    }

    .timeformat.topsegmenttime p.tpm::before,
    .timeformat.topsegmenttime p.tpm::after {
      width: 20% !important;
    }

    .engleveltext.deskhide {
      display: none;
    }

    .engleveltext.mobileshow {
      display: block;
    }

    .tableheight {
      height: auto;
    }

    .audiencefollowtable td,
    .audiencefollowtable tr th {
      font-size: 12px;
    }

    .keyfilter3 select {
      font-size: 12px;
      padding: 0px 10px 0px 10px;
    }

    .keyfiltersec [type="radio"]:checked+label,
    .keyfiltersec [type="radio"]:not(:checked)+label {
      font-size: 12px;
    }

    #panel5v .tblehead {
      align-items: flex-start;
      flex-direction: column;
    }

    .calldropdown-select .list {
      top: unset !important;
    }

    .keyfilter2 .calldropdown-select,
    .keyfilter1 .calldropdown-select,
    .keyfilter3 .dropbtn {
      width: fit-content;
      font-size: 13px;
      padding: 0px 20px;
    }

    .keyfilter1 .calldropdown-select:after,
    .keyfilter2 .calldropdown-select:after,
    .keyfilter3 .dropbtn:after {
      height: 0;
      width: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #777;
      -webkit-transform: origin(50% 20%);
      transform: origin(50% 20%);
      transition: all 0.125s ease-in-out;
      content: '';
      display: block;
      margin-top: -2px;
      pointer-events: none;
      position: absolute;
      right: 10px;
      top: 50%;
    }

    .keyfilter3 .dropbtn:after {
      right: 20px;
    }

    .keyfilter3 .dropbtn i {
      display: none;
    }

    .keyfiltersec {
      margin-top: 20px;
    }


    .keyfilter3 .dropdown-content.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .keyfilter3 .dropdown-content {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 35px 30px 100px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .keyfilter1 .calldropdown-select.wide .list,
    .keyfilter2 .calldropdown-select.wide .list {
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
    }

    .datalecnt td .inex img {
      margin-right: 10px;
      height: 20px;
      border-radius: 7px;
      width: 20px;
    }

    .datalecnt .deskhide {
      display: block;
    }

    .promotioninsightspage .chartviews,
    .advertisementinsightspage .chartviews {
      margin-top: 0px;
    }

    .advertisementinsightspage.adprocmn.procmn .tabs-content .bill-goback.mgoback {
      margin-bottom: 20px;
    }

    .promotioninsightspage .datatablecss thead th {
      padding: 15px 7px;
      font-size: 12px;
    }

    .promotioninsightspage .datalecnt td .inex p {
      font-size: 12px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .promotioninsightspage .datatablecss tbody td {
      padding: 10px 5px;
    }

    .clrgrn a {
      font-size: 12px;
    }

    .promotioninsightspage .datatablecss tbody td {
      font-size: 12px;
    }

    #videoaddstble td .inex p {
      display: none !important;
    }

    #videoaddstble .datalecnt td .inex img {
      width: 55px;
      height: 30px;
    }

    #videoaddstble .prouinfobox .pimg {
      width: 87px;
      height: 49px;
    }

    #videoaddstble .prouinfobox .pimg img {
      width: 87px;
      height: 49px;
      border-radius: 9px;
    }

    #videoaddstble.datatablecss thead th.deskhide {
      display: block;
    }

    .leadstle img {
      width: 20px;
      height: 20px;
      border-radius: 7px;
    }

    .advertisementleadsec tbody td {
      padding: 5px;
    }

    .advertisementleadsec table tbody td:first-child {
      padding-left: 10px;
    }

    .addlabel .labelclr {
      width: 15px;
      height: 15px;
    }

    .control {
      padding-left: 10px;
    }

    .leadstle .lname {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      font-size: 12px;
    }

    .leadstle .ldes {
      display: none;
    }

    .leadsstatus p {
      display: none;
    }

    .leadsstatus svg {
      margin-right: 0px;
      width: 10px;
      height: 10px;
    }

    .control__indicator {
      top: 0px;
    }

    .advertisementleadsec tbody td {
      padding: 5px;
    }

    .advertisementleadsec tbody .mwidth50 {
      width: 50% !important;
    }

    #downloadid thead th.txtcenter {
      text-align: left;
    }

    .advertisementleadsec table thead th .control__indicator {
      left: 0px;
    }

    .mchartcarousel {
      margin-top: 10px;
    }

    .deskhide {
      display: block !important;
    }

    .deskhide.mhide {
      display: none;
    }

    .leadsstatus {
      justify-content: center;
    }

    .fltrsec p {
      margin-right: 0px;
    }

    .dropbtn.crmdropbtn {
      margin-right: 0px;
    }

    .dwnloadbtn {
      font-size: 12px;
    }

    .dropbtn.crmdropbtn {
      min-width: 80px;
      font-size: 12px;
    }

    .deskhideflex {
      display: flex;
    }

    .dropdown1 .dropdown-list,
    .dropdown-content.crmcnt {
      border: none;
    }

    .dropdown1 .dropdown-list,
    .dropdown-content.crmcnt {
      display: none;
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      top: unset;
      left: 0;
      right: 0;
      padding: 50px 30px 50px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-x: hidden;
    }

    .dropdown1.on .dropdown-list,
    .dropdown-content.crmcnt.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      top: unset;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .profiltrbtn {
      height: 40px;
      margin-top: 20px;
    }

    .dropdown-content.crmcnt a {
      text-align: center;
      padding: 10px 5px;
    }

    .promotionleadselectpostspage .promotionanalysistabs {
      display: none;
    }

    .promotionleadselectpostspage .leadsselect .bill-goback {
      display: none;
    }

    .budget-schedule {
      padding: 10px 20px 100px 20px;
    }

    .promotionleadselectpostspage .budget-sec {
      box-shadow: none;
      padding: 0px;
    }

    .promotionleadselectpostspage .leadsdateselect .start-date {
      align-items: flex-start;
      flex-direction: column;
    }

    .promotionleadselectpostspage .leadsdateselect .start-date p,
    .promotionleadselectpostspage .schedule-select .leadsdateselect .sdate-sec {
      width: 100%;
    }

    .promotionleadselectpostspage .schedule-select .leadsdateselect .sdate-sec .s-date {
      width: 100%;
    }

    .promotionleadselectpostspage .leadsdateselect .start-date p {
      margin-bottom: 10px;
    }

    .promotionleadselectpostspage .date-select.leadsdateselect {
      margin-top: 20px;
    }

    .leads-avilable h4 {
      font-size: 14px;
    }

    .leads-avilable {
      margin-top: 0px;
    }

    .leads-btns {
      flex-direction: column;
    }

    .leads-btns .lbtns {
      width: 80%;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 10px;
    }

    .promotionleadselectpostspage .bill-goback.mgoback {
      margin-bottom: 15px;
    }

    .budget-schedule.leadsselect {
      margin-bottom: 0px;
    }

    .cardsection.pd-40 {
      padding: 20px;
    }

    .crmsetupcnt {
      padding: 0px 0px;
    }

    .crmsetform input {
      width: 90%;
    }

    .disconnect-crm .connectedinfo {
      width: 100%;
      border: 1px solid #CECECE;
      border-radius: 16px;
      height: 50px;
      padding: 0px 20px;
    }

    .crmsetupspage .cardsection .bill-goback {
      display: none;
    }

    .crmsetupspage .promote-section {
      padding-top: 0px;
    }

    .crmsetupspage .chartviews {
      margin-top: 0px;
    }

    .crmsetupspage .bill-goback {
      margin-bottom: 15px;
    }

    .rec-card {
      margin-top: 10px;
    }

    .seg-rec li {
      margin-bottom: 5px;
    }

    .demobox {
      margin: 0px 0px;
    }

    .promotionadverrecspage .chart-rec {
      flex-direction: column;
    }

    .promotionadverrecspage .chart-rec .chart-box-rec {
      width: 100%;
      padding-right: 0px;
    }

    .effective-time {
      padding-left: 0px;
      margin-top: 20px;
    }

    .promotionadverrecspage .paddingcustomright.mt-20 {
      margin-top: 0px !important;
    }

    .effective-time .effective-timebox:last-child {
      margin-bottom: 0px;
    }

    .promotionrecommendationpage .ad-card.mb-50 {
      margin-bottom: 10px;
    }

    .promotionrecommendationpage .ad-card.mb-20 {
      margin-bottom: 10px !important;
    }

    .promotionrecommendationpage .ad-card .effective-timebox {
      padding-bottom: 100px;
    }

    .customverticaltab li a {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .customverticaltab li a svg {
      display: block;
      width: 20px;
      flex-shrink: 0;
      margin-left: 20px;
    }

    .otherpages .mobile_header {
      display: none;
    }

    .otherpages .bill-goback.mgoback {
      display: flex;
      padding-top: 20px;
    }

    .otherpages .promote-section {
      padding-top: 0px;
    }

    .otherpages .cardsection.pd-40 {
      padding: 20px 20px 100px 20px;
    }

    .terms-conditions .termstle h1 {
      font-size: 20px;
      padding-bottom: 10px;
    }

    .terms-conditions .termscnt {
      margin-top: 20px;
    }

    .innerpage.otherpages {
      padding-left: 10px;
    }

    .innerpage.otherpages.adduserpage {
      padding-left: 10px;
      padding-right: 10px;
    }

    .termscnt .accordion-title {
      width: 90%;
      font-size: 16px;
    }

    .accordion-title::before {
      right: -2rem;
    }

    .terms-conditions .looksolution p {
      font-size: 14px;
    }

    #userManagement,
    #userManagement_wrapper {
      display: none;
    }

    .mobileusermanagement {
      display: block;
    }

    .scheduledbtn {
      width: 100%;
    }

    .mobox {
      background: var(--bg-white) none repeat scroll 0 0;
      border: none;
      border-radius: 17px;
      display: inline-block;
      width: 100%;
      margin-bottom: 20px;
      padding: 20px;
      position: relative;
      box-shadow: var(--box-shawdow);
    }

    .mobox-info h4 {
      font-size: 14px;
      font-weight: 500;
      color: var(--color-black1);
      margin-bottom: 0px;
    }

    .mobox-info p {
      font-size: 12px;
      color: var(--color-black1);
    }

    .nofsements {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .nofsements .nofbox {
      width: 47%;
    }

    .nofsements .nofbox input {
      box-shadow: 0px 0px 6px #00000029 !important;
      border-radius: 23px;
      height: 40px;
      font-size: 14px;
      font-weight: bold;
      padding: 10px 20px;
      margin-right: 13px;
      background: var(--bg-white);
      border: none;
      width: 100%;
      margin: 0 auto;
    }

    .nofsements .nofbox p {
      font-size: 12px;
    }

    .noadmin select {
      box-shadow: 0px 0px 6px #00000029 !important;
      border-radius: 23px;
      height: 40px;
      font-size: 14px;
      font-weight: bold;
      padding: 10px 20px;
      margin-right: 13px;
      border: none;
      background: url(../images/br_down.png) right 20px center var(--bg-white) no-repeat !important;
      background-size: 15px !important;
      margin-bottom: 0px;
    }

    .noadmin {
      margin-top: 15px;
      display: flex;
    }

    .noadmin button.rbtn {
      background: #C80101;
      color: #fff;
    }

    .fs-option {
      border-bottom: 0px solid #eee;
    }

    .fs-dropdown {
      border: none;
    }

    .mobox-switch {
      position: absolute;
      right: 10px;
      top: 10px;
    }

    .usemanagementtabs h1 {
      display: none;
    }

    .adduserbtn {
      padding: 6px 10px;
      border: 1px solid #25AA3F;
    }

    .usemanagementtabs {
      padding-top: 0px;
    }

    .hidemobox {
      display: none;
    }

    .hidemobox.show {
      display: block;
    }

    .shbtns {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      cursor: pointer;
    }

    .adduserpage .billing-information .bill-goback {
      display: none;
    }

    .addusersec .bilng-title {
      display: none;
    }

    .adduserpage .billing-sec {
      padding: 0px 0px;
    }

    .refersinfo {
      padding-right: 10px;
      padding-left: 10px;
    }

    .refhead,
    .ref-free {
      margin-bottom: 15px;
    }

    .refferalpage .sharebox .bgwhite {
      flex-direction: column;
      box-shadow: 0px -6px 28px #0000001F;
    }

    .sharebox .copy-url {
      width: 100%;
    }

    .whatsappicn svg path {
      fill: var(--primary-color);
    }

    .refferalpage .sharebox ul li.deskhide {
      display: block;
    }

    .refferalpage .sharebox ul {
      margin-top: 20px;
    }

    .no-rewards {
      padding: 40px 20px 80px 20px;
    }

    .refferalpage .grid-x.mt-40 {
      margin-top: 0px !important;
    }

    .refferalpage .mb-40 {
      margin-bottom: 0px !important;
    }

    .cliambox {
      flex-direction: column;
    }

    .cliamcnt1 {
      width: 100%;
    }

    .cliamcnt2 {
      width: 100%;
      justify-content: flex-end;
    }

    .cliamcnt2 p {
      left: 0px;
    }

    .cliamlist {
      padding-bottom: 100px;
    }

    #add-directresult thead th {
      padding: 5px 5px;
    }

    #add-directresult.datatablecustom tbody td {
      padding: 5px 2px;
    }

    .advertisementdirectpage #add-directresult thead th {
      padding: 15px 18px;
    }

    .advertisementdirectpage #add-directresult thead th:first-child {
      padding: 0px;
      width: 115px !important;
    }

    .addproinfo .prouinfobox .pimg {
      width: auto;
      height: auto;
    }

    .addproinfo .prouinfobox .people-name p {
      font-size: 14px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    #add-directresult tbody td .pro-post p {
      font-size: 14px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }

    .promotionanalysistabs.create-advertisment {
      margin-bottom: 0px;
      padding: 10px 0px 0px 0px;
    }

    #add-directresult.datatablecustom tbody tr {
      box-shadow: none;
      background: transparent !important;
    }

    .advertisementdirectpage .promote-section {
      padding-top: 0px;
    }

    .advertisementdirectpage .calldropdown-select.wide {
      width: 300px;
      box-shadow: none;
      border: 1px solid var(--primary-color);
      margin-bottom: 20px;
    }

    .advertisementdirectpage .chartbox.chartline1box {
      padding: 25px 25px 100px 25px;
    }

    .advertisementdirectpage .videotblemore,
    .promotionanalyticspage .videotblemore {
      justify-content: flex-start;
    }

    .advertisementdirectpage .vmbox p,
    .promotionanalyticspage .vmbox p {
      font-size: 16px;
      color: var(--color-black1);
      font-weight: 500;
    }

    [data-theme="dark"] .advertisementdirectpage .vmbox h4,
    [data-theme="dark"] .promotionanalyticspage .vmbox h4 {
      color: #fff;
    }

    [data-theme="dark"] .dropdown-content.crmcnt {
      background: var(--bg-white);
    }

    [data-theme="dark"] .dropdown-content.crmcnt a {
      color: #fff;
    }

    [data-theme="dark"] .dropdown1 .dropdown-list {
      background: #000;
      color: #fff !important;
    }

    [data-theme="dark"] .dropdown1 .dropdown-list label {
      color: #fff;
    }

    [data-theme="dark"] .dropdown1 .dropdown-list label .checkmark {
      border: 1px solid #fff;
    }

    .advertisementdirectpage .vmbox h4,
    .promotionanalyticspage .vmbox h4 {
      color: #878585;
    }

    .advertisementdirectpage .vmbox,
    .promotionanalyticspage .vmbox {
      margin-bottom: 10px;
    }

    .promotionanalyticspage .prouinfobox .pimg {
      width: 48px;
      height: 48px;
    }

    .promotionanalyticspage .prouinfobox .pimg img {
      width: 100px;
      height: auto;
      border-radius: 0px;
    }

    .modeofinteractionmobile.interaction {
      display: block !important;
    }

    .procmn .promote-section {
      padding-top: 0px;
    }

    .advertisementaudiencepage .audienceheader {
      margin-bottom: 0px;
    }

    .advertisementaudiencepage .chartviews,
    .advertisementaudiencepage .numberviews {
      margin-top: 40px;
    }

    .engagementcnt h4 {
      font-size: 15px;
    }

    .chartbox {
      margin-bottom: 10px;
    }

    .advertisementaudiencepage.procmn .chartviews {
      margin-top: 75px;
    }

    .adprocmn .audienceheader {
      margin-bottom: 0px;
    }

    .adprocmn.procmn .bill-goback.mgoback {
      margin-bottom: 5px;
      margin-top: 15px;
      margin-left: 10px;
    }

    .advertisementinsightspage .datalecnt td .inex p {
      font-size: 12px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .advertisementinsightspage .datatablecss tbody td {
      font-size: 12px;
    }

    .advertisementinsightspage .datatablecss tbody td {
      padding: 10px 5px;
    }

    .advertisementinsightspage .datatablecss thead th {
      padding: 15px 7px;
      font-size: 12px;
    }

    .audienceheader {
      margin-bottom: 30px;
    }

    .promotionrecommendationpage .audienceheader {
      margin-bottom: 0px;
    }

    .advertisementinsightspage.procmn .main-section {
      padding-bottom: 0px;
    }

    .aspayactivitiespage tr td .postrr p {
      font-size: 12px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .aspayactivitiespage table thead th {
      padding: 15px 7px;
      font-size: 12px !important;
    }

    .aspayactivitiespage #promotion-analytics tbody td {
      padding: 10px 5px 10px 10px;
    }

    .aspayactivitiespage tbody td {
      font-size: 12px;
    }

    .mdisplayrow {
      display: table-row;
    }

    .mbreceiptdownload a {
      cursor: pointer;
      display: flex;
      align-items: center;
      background: var(--bg-white);
      box-shadow: 0px 1px 8px #0000001f;
      height: 32px;
      width: 100%;
      padding: 25px 15px;
      line-height: 0px;
      border-radius: 17px;
      color: var(--color-black1);
      text-align: center;
      justify-content: center !important;
      margin-right: 0px;
      cursor: pointer;
      font-size: 14px;
      margin-top: 20px;
    }

    .aspayactivitiespage .vmbox {
      width: 47%;
    }

    .aspayactivitiespage .prouinfobox .people-name p {
      font-size: 16px;
    }

    .aspayactivitiespage .prouinfobox .pimg {
      width: auto;
      height: auto;
      margin-right: 15px;
    }

    .aspayactivitiespage .vmbox h4,
    .aspayactivitiespage .vmbox p {
      font-size: 14px;
    }

    .ideazlive-tle h4 {
      font-size: 20px;
    }

    .ideazliveoption {
      flex-direction: column;
      width: 80%;
      margin: 50px auto;
    }

    .ideazgolive {
      display: flex;
      align-items: center;
      margin-bottom: 40px;
    }

    .ideazliveoption .ideazgolive .ideazlivebox {
      flex-shrink: 0;
      width: 80px;
      height: 80px;
      margin-bottom: 0px;
    }

    .ideazgolive p.livetlte {
      font-size: 16px;
      text-align: left;
      margin-left: 20px;
    }

    .ideazliveoption .ideazgolive svg {
      width: 30px;
    }

    .zilivecmn .cardsection .bill-goback {
      display: none;
    }

    .zilivecmn .mgoback {
      margin-bottom: 15px;
    }

    .zilivecmn .btn-sm.btn-default1,
    .zilivecmn .btn-sm.btn-primary1 {
      display: flex !important;
      width: 50%;
      padding: 0px;
      border: none;
      font-size: 14px;
    }

    .zilivecmn .applyBtn {
      width: fit-content;
      padding: 0px 20px;
      box-shadow: 0px 0px 6px #0000001c;
      background: var(--primary-color) !important;
      color: var(--color-white);
      font-size: 12px;
      height: 35px;
      border-radius: 22px;
      line-height: 35px !important;
      float: right;
      font-weight: normal;
      cursor: pointer;
    }

    .zilivecmn .cancelBtn {
      width: fit-content;
      padding: 0px 20px;
      box-shadow: 0px 0px 6px #0000001c;
      background: var(--bg-white);
      color: var(--color-black1);
      font-size: 12px;
      height: 35px;
      border-radius: 22px;
      line-height: 35px !important;
      float: right;
      font-weight: normal;
      cursor: pointer;
    }

    .schedulelives.end-date {
      width: 100%;
    }

    .selectindus {
      flex-direction: column;
    }

    .selectindus .uploadFile {
      width: 100%;
      margin-bottom: 20px;
    }

    .selectindus .dropdown1 {
      width: 100%;
      margin-bottom: 10px;
    }

    .selectindus .dropbtn {
      margin-bottom: 10px;
    }

    .total-add {
      padding-bottom: 100px;
    }

    .ideazmeetliveaudiopage .cardsection {
      background: transparent;
      box-shadow: none;
    }

    .zilivecmn .bill-goback.mgoback .bkimg span {
      display: flex;
      align-items: center;
    }

    .zilivecmn .bill-goback.mgoback .bkimg span p {
      margin-bottom: 0px;
    }

    .zilivecmn .usersection .zi-czfe-title {
      display: none;
    }

    .zilivecmn .usersection {
      justify-content: flex-end;
    }

    .ideazmeetcafepage .livepost-cnt {
      flex-direction: column;
      margin-top: 25px;
    }

    .livepost .livemr.mshow {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    h4.budtle {
      display: none;
    }

    .livepost .livemr {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 20px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    .pro-summartle.flexcolumn {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .delete-postsum.prevdbtns {
      flex-direction: row;
      width: 100%;
      justify-content: flex-end;
    }

    .delete-postsum.prevdbtns {
      margin-top: 20px;
    }

    .viewrectebtn {
      margin-top: 0px;
      border-radius: 14px !important;
      padding: 10px 15px;
      margin-bottom: 0px;
    }

    .sumarydeletebtn,
    .viewrectebtn {
      width: 170px;
      padding: 10px 15px;
      margin: 0px 5px;
    }

    .videothum-wrapper {
      height: 165px;
      z-index: 8;
    }

    .post-meta.post_video_class video {
      height: 165px;
    }

    .livepost .more {
      position: absolute !important;
      right: 20px;
    }

    .ideazmeetcafepage .livepost-cnt .livethumnail,
    .ideazmeetcafepage .livepost-cnt .liveinfocnt {
      width: 100%;
    }

    .ideazmeetcafepage .livepost-cnt .liveinfocnt {
      margin-top: 15px;
    }

    .zilivecmn.innerpage {
      padding-left: 0px;
    }

    .zilivecmn .livepost {
      margin-bottom: 10px;
    }

    .ideazmeetcafepage .top-search {
      display: flex;
      align-items: center;
      margin-top: 20px;
    }

    .ideazmeetcafepage .top-search input#myInput {
      border-radius: 14px;
    }

    .ideazmeetcafepage .bill-goback.connectionsgoback {
      display: none;
    }

    .ideazmeetcafepage .bill-goback svg {
      background: #F1FBF1;
      border-radius: 50%;
      width: 50px !important;
      height: 50px !important;
      padding: 10px;
      flex-shrink: 0;
    }

    .ideazmeetcafepage .post-section .post-tab {
      display: flex;
    }

    .ideazmeetcafepage .sort-by {
      width: 40%;
    }

    .ideazmeetcafepage .sort-by p,
    .ideazmeetcafepage .single_fitres {
      display: block;
    }

    .ideazmeetcafepage #livepost_popup {
      height: 100vh;
      background: #FCFFFC !important;
      border-radius: 0px;
    }

    .livepostcntpop {
      flex-direction: column;
    }

    .livepostcntpop .afterlivevideo {
      width: 100%;
    }

    .livepostcntpop .afliveform {
      width: 100%;
      margin-top: 25px;
    }

    .lipostbtns {
      flex-direction: column;
      margin-top: 5px;
    }

    .lipostbtns .uploadFile {
      height: 48px;
      width: 100%;
      margin-bottom: 40px;
      border-radius: 14px !important;
      margin-right: 0px;
    }

    .lipostbtns .livepostpromote-btn,
    .lipostbtns .livepost-btn {
      box-shadow: 0px 0px 6px #00000012;
      border-radius: 14px !important;
      height: 48px;
      line-height: 48px !important;
    }

    .afliveform input,
    .afliveform textarea {
      box-shadow: 0px 0px 11px #00000017 !important;
      border-radius: 9px;
      background: var(--bg-white);
      border: none !important;
      padding: 10px 20px;
      margin-top: 10px;
      margin-bottom: 15px;
    }

    #livepost_popup .popuptitle {
      justify-content: flex-start;
    }

    #livepost_popup .popuptitle .bill-goback.mgoback {
      margin-left: 0px;
      margin-top: 0px;
    }

    .cardsectiontransparent .crmsetupcnt {
      padding: 0px 20px;
    }

    .feedbackpage .sort-by {
      display: none;
    }

    .feedbackpage #feebackRatings thead {
      display: none;
    }

    .feedbackpage #feebackRatings tbody tr {
      display: flex;
      flex-direction: column;
      margin-bottom: 15px;
    }

    .feedbackpage ul.filtercustomtabs {
      overflow-x: auto;
      padding: 4px 0px;
      width: 100%;
    }

    .feedbackpage ul.filtercustomtabs::-webkit-scrollbar {
      display: none;
    }

    .feedbackpage ul.filtercustomtabs li {
      flex-shrink: 0;
    }

    .feedbackpage .leadstle .ldes {
      display: block;
      font-size: 10px;
    }

    #feebackRatings tbody tr {
      position: relative;
    }

    #feebackRatings tbody tr td.feedbackdate {
      position: absolute;
      top: 0px;
      right: 0px;
      font-size: 12px;
    }

    .feedbackpage .leadstle img {
      width: 30px;
      height: 30px;
      border-radius: 7px;
    }

    .feedbackpage .leadstle .lname {
      font-size: 12px;
    }

    .ratingstars .rstars {
      width: 18px;
      height: 18px;
    }

    [data-theme="dark"] .filtercustomtabs .filterbtns,
    [data-theme="dark"] .keyfiltersec .filterbtns {
      background: #131517;
    }

    .filtercustomtabs .filterbtns,
    .keyfiltersec .filterbtns {
      bottom: 70px;
      padding: 17px 0px;
      background: #fff;
      font-size: 14px !important;
    }

    .filterbtns .fltraplybtn {
      font-size: 14px !important;
    }

    .filterbtns .fltrcancelbtn {
      cursor: pointer;
      display: flex;
      align-items: center;
      background: var(--bg-white);
      box-shadow: 0px 1px 8px #0000001f;
      height: 40px;
      width: fit-content;
      padding: 0px 25px;
      line-height: 0px;
      border-radius: 50px;
      color: var(--color-black1);
      text-align: center;
      justify-content: center;
      margin-right: 13px;
      cursor: pointer;
      font-size: 14px !important;
    }

    .filtercustomtabs .filterbtns .fltraplybtn,
    .keyfiltersec .filterbtns .fltraplybtn {
      height: 40px;
    }

    .filtercustomtabs .dropdown-content {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 35px 30px 100px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .filtercustomtabs .dropdown-content.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .ratingtabstabs {
      display: none;
    }

    .feedbackpage .bill-goback.mgoback {
      display: flex;
      margin-left: 0px;
      margin-bottom: 15px;
    }

    .feedbackpage .filtertab {
      margin-bottom: 5px;
    }

    .feedbackpage .cardsection .bill-goback {
      display: none;
    }

    .rangbtn {
      width: 100%;
      border-radius: 14px !important;
      height: 40px;
    }

    .ratingform {
      margin-top: 10px;
    }

    .view-advertisements {
      width: 100%;
    }

    .customradio [type="radio"]:checked+label,
    .customradio [type="radio"]:not(:checked)+label {
      font-size: 16px;
    }

    .createaddpage .promotionanalysistabs.create-advertisment {
      display: none;
    }

    .createaddpage .addcampaing .campaingname {
      margin-bottom: 10px;
    }

    .cuploadimage {
      flex-direction: column;
    }

    .thumnailladded {
      margin-top: 20px;
    }

    .cuploadimage .text-bg {
      width: 100%;
      height: 100%;
    }

    .cuploadimage .create-bg {
      width: 100%;
    }

    .cuploadimage .wysiwyg #editor {
      height: auto;
    }

    .wysiwyg #editor.img-editor {
      /* border-bottom: 1px solid #bdb9b9; */
    }

    #get_video .mt-20 {
      margin-top: 0px !important;
    }

    div#video_preview video {
      max-height: 200px;
    }

    .img-container {
      max-height: 300px;
    }

    #ui-id-1 {
      left: 0px !important;
      width: 85% !important;
      right: 0px !important;
      margin: 0 auto;
    }

    #ui-id-1.ui-autocomplete {
      left: 40px !important;
      width: 80% !important;
    }

    .searchfltrmobile {
      display: block;

    }

    .select2-container {
      left: 0px !important;
      right: 0px !important;
      margin: 0 auto !important;
    }

    .select2-container--open .select2-dropdown {
      left: 0;
      right: 0px !important;
      margin: 0 auto !important;
      margin-top: -10px;
    }

    .searchfltrmobile.show,
    .ms-sortby.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .searchfltrmobile,
    .ms-sortby {
      display: none;
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 20px 30px 60px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-x: hidden;
    }

    .msearchfltr .filtercustomtabs .dropdown-content.show {
      padding: 20px 30px 30px 30px !important;
    }

    .msearchfltr .filtercustomtabs .dropdown-content .mshareclose {
      display: none;
    }

    .sfilterlist {
      margin-top: 50px;
    }

    .sfilterlist .mfltrbox:last-child {
      border-bottom: none;
    }

    .mfltrbox {
      border-bottom: 1px solid rgb(0, 0, 0, 0.07);
      padding: 10px 0px;
    }

    .mfltrbox h6 {
      font-size: 16px;
      color: var(--color-black1);
      margin-bottom: 0px;
      font-size: 500;
    }

    .mfltrbox p {
      font-size: 14px;
      color: #ABABAB;
      margin-bottom: 0px;
    }

    .sfltrbtn {
      cursor: pointer;
      display: flex;
      align-items: center;
      background: var(--bg-white);
      box-shadow: 0px 0px 5px #00000029;
      border-radius: 14px;
      height: 40px;
      width: 100%;
      padding: 0px 15px;
      line-height: 0px;
      color: var(--color-black1);
      text-align: center;
      justify-content: center;
      cursor: pointer;
      font-size: 14px;
      margin-top: 20px;
    }

    .searchfltrmobile .sfltrthead {
      display: flex;
      align-items: center;
      border-bottom: 1px solid rgb(0, 0, 0, 0.07);
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      padding: 10px 20px;
    }

    .searchfltrmobile .sfltrthead {
      font-size: 16px;
    }

    .searchfltrmobile .sfltrthead .mshareclose {
      top: unset;
    }

    .filtertab.desktophide {
      display: block;
    }

    .msearchfltr.cmnmbsearchfilter ul.filtercustomtabs .dropbtn {
      display: none;
    }

    .ms-sortby [type="radio"]:checked,
    .ms-sortby [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px;
    }

    [data-theme="dark"] .ms-sortby [type="radio"]:checked+label,
    [data-theme="dark"] .ms-sortby [type="radio"]:not(:checked)+label {
      color: #fff;
    }

    [data-theme="dark"] .connections-tab ul li.active,
    [data-theme="dark"] .connections-tab ul li:hover {
      background: transparent !important;
    }

    .ms-sortby [type="radio"]:checked+label,
    .ms-sortby [type="radio"]:not(:checked)+label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: #666;
    }

    .ms-sortby [type="radio"]:checked+label:before,
    .ms-sortby [type="radio"]:not(:checked)+label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      border: 1px solid var(--primary-color);
      border-radius: 100%;
      background: #fff;
    }

    .ms-sortby [type="radio"]:checked+label:after,
    .ms-sortby [type="radio"]:not(:checked)+label:after {
      content: '';
      width: 12px;
      height: 12px;
      background: var(--primary-color);
      position: absolute;
      top: 4px;
      left: 4px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .ms-sortby [type="radio"]:not(:checked)+label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }

    .ms-sortby [type="radio"]:checked+label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    .ms-sortby .sfltrthead {
      font-size: 16px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid rgb(0, 0, 0, 0.07);
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      padding: 10px 20px;
    }

    .ms-sortby form {
      margin-top: 25px;
      display: flex;
      align-items: center;
      margin-bottom: 60px;
      max-height: 250px;
      overflow-y: auto;
    }

    .ms-sortby form label {
      font-size: 16px;
    }

    .drophead {
      display: flex;
      align-items: center;
      position: relative;
      font-size: 20px;
      margin-bottom: 20px;
    }

    .drophead .mshareclose {
      top: 0px;
    }

    .drophead svg {
      margin-right: 10px;
    }

    .cmnmbsearchfilter .ms-sortby .fltraplybtn {
      height: 40px;
      width: fit-content;
      padding: 0px 20px;
    }

    .cmnmbsearchfilter .ms-sortby .filterbtns {
      padding: 17px 0px;
    }

    .msearchfltr .fltrcancelbtn {
      display: none !important;
    }

    .msearchfltr .searchfltrmobile .sfltrthead .mshareclose {
      display: block !important;
    }

    .ms-sortby {
      display: block;
    }

    .msearchfltr .filtertab {
      height: 0px;
      margin-bottom: 0px;
    }

    #activities_product_list {
      margin-top: 20px;
      padding: 0px 0px !important;
    }

    .chat-list li a {
      transition: none;
      -webkit-transition: none;
    }

    .chathelppage .user-chat {
      transform: translateX(0%);
      -webkit-transform: translateX(0%);
      visibility: visible;
    }

    .chathelppage .chat-leftsidebar {
      display: none;
    }

    .intl-tel-input .selected-flag {
      z-index: 0 !important;
    }

    .mobileaudiosec.mbactive {
      display: block;
    }

    .mobilevideosec.mbactive {
      display: block;
    }

    .comparisionlist-box .tabs-panel.is-active {
      transform: none;
      transition: none;
      height: auto;
      overflow: hidden;
    }

    .comparisionlist-box .tabs-panel {
      transform: none;
      transition: none;
      padding: 0px !important;
      display: none;
      position: relative;
      height: auto;
      overflow: hidden;
    }

    .comparisionlist-box .tabs-title a {
      padding: 10px 15px;
    }

    .comparisionlist-box ul.tabs {
      margin-bottom: 20px;
    }

    .editprofilepage .mobile_header,
    .editprofilepage .sidemenu {
      display: none;
    }

    .urlshare {
      max-width: 200px;
    }

    .cmnmbsearchfilter .sidemenu {
      display: none;
    }

    .promotionli-box.divider {
      height: auto;
      border-left: none;
      display: none;
    }

    .divider_letters hr {
      border-bottom: 1px solid var(--color-green);
    }

    .divider_letters span {
      border: 1px solid var(--color-green);
      line-height: 40px;
    }

    .promo-created {
      margin-top: 20px;
    }

    .feed-post-tab li.tab.fpromotion:hover a svg path,
    .feed-post-tab li.tab.fpoll:hover a svg path,
    .feed-post-tab li.tab.fquery:hover a svg path {
      fill: var(--primary-color) !important;
    }

    .createaddpage .sidemenu,
    .promoteeditpage .sidemenu {
      display: none;
    }

    .post-section .more-post-optns:hover>ul {
      /* opacity: 1!important;
  visibility: visible;
  right: 0!important;
  top: unset!important;
  left: unset !important; 
  padding: 40px 20px 20px 20px!important; */
    }

    .cmnmbsearchfilter .more-post-optns:hover>ul {
      opacity: 1 !important;
      visibility: visible;
      right: auto !important;
      top: unset !important;
    }

    [data-theme="dark"] .mmoreclose,
    [data-theme="dark"] .zmoreclose {
      color: #fff;
    }

    .mmoreclose,
    .zmoreclose {
      display: block;
      font-size: 16px;
      position: absolute;
      top: 16px;
      right: 20px;
      font-weight: bold;
    }

    .more-post-optns>ul {
      visibility: visible;
    }

    .more-post-optns>ul.show {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    .more-post-optns>ul {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 20px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
      top: unset;
    }

    .we-comment .more-post-optns>ul {
      transform: translateY(0%) !important;
      -webkit-transform: translateY(0%) !important;
      -moz-transform: translateY(0%) !important;
      -o-transform: translateY(0px) !important;
      display: none;
    }


    .we-comment .more-post-optns>ul.showm {
      display: block;
    }

    .we-comment .more-post-optns>ul {
      background: var(--bg-white) none repeat scroll 0 0;
      border-radius: 17px;
      box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
      display: none;
      list-style: outside none none;
      margin: 0;
      opacity: 0;
      padding: 15px 20px;
      position: absolute;
      right: -100px;
      top: -220%;
      transform: scale(0);
      transition: all 0.2s linear 0s;
      visibility: hidden;
      width: 175px;
      z-index: 99;
    }

    .notification-box .more {
      position: absolute;
      right: 15px;
      top: 10px;
    }

    .srchbox {
      padding: 0px;
    }

    .srchbox.notiserbox {
      padding: 10px 15px 10px 15px;
    }

    .srchbox.notiserbox .top-search {
      margin-bottom: 0px;
    }

    .cmnmbsearchfilter .connections-tab {
      padding-top: 0px;
    }

    .srchboxsearch {
      padding: 20px 15px;
      z-index: 9;
    }

    .connections-users {
      padding: 0px 0px;
    }

    /* .select2-container--open .select2-dropdown--below{
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -webkit-transition: transform .35s;
  -moz-transition: transform .35s;
  -o-transition: transform .35s;
  -ms-transition: transform .35s;
  transition: transform .35s;
  bottom: 0;
  display: block!important;
  position: fixed;
  opacity: 1;
  z-index: 9999;
  max-height: 80vh;
  overflow-y: auto;
}  
.select2-dropdown--below{
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  -webkit-transition: transform .35s;
  -moz-transition: transform .35s;
  -o-transition: transform .35s;
  -ms-transition: transform .35s;
  transition: transform .35s;
  transform: translateY(100%) !important;
  -webkit-transform: translateY(100%) !important;
  -moz-transform: translateY(100%) !important;
  -o-transform: translateY(285px) !important;
  width: 100%;
  margin: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 50px 20px!important;
  box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
  display: block;
  outline: 0;
  opacity: 0;
  border-radius: 14px;
  background: var(--bg-white);
  overflow-y: auto;
  max-height: 80vh;
  overflow-y: auto;
  top: unset;
  width: 100% !important;
}  */
    .strength_meter div p {
      right: 5px;
    }

    .strength_meter {
      width: 45%;
    }

    .fs-wrap.fs-open .fs-dropdown {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .fs-wrap .fs-dropdown {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      transform: translateY(100%) !important;
      -webkit-transform: translateY(100%) !important;
      -moz-transform: translateY(100%) !important;
      -o-transform: translateY(285px) !important;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 50px 30px 50px 30px !important;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
      display: block;
      outline: 0;
      opacity: 0;
      border-radius: 14px;
      background: var(--bg-white);
      overflow-y: auto;
      max-height: 80vh;
      overflow-y: auto;
    }

    .fs-dropdown .fs-options {
      max-height: 400px;
      overflow: auto;
      padding-top: 10px;
    }

    .fs-option,
    .fs-search,
    .fs-optgroup-label {
      padding: 10px 8px 10px 0px;
    }

    .share-options ul li:nth-child(3) {
      margin-right: 14px;
    }

    /* .share-options ul li:last-child {
  display: none;
} */
    .calldropdown-select .option.selected {
      background-color: transparent !important;
    }

    .calldropdown-select .option:hover,
    .calldropdown-select .option:focus {
      background-color: transparent !important;
    }

    .calldropdown-select .option {
      text-align: center;
      border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    }

    .postcnt-inn .reaction-msg .msgbtns .pmsgbtn {
      width: 80px;
    }

    .postcnt-inn .reaction-details {
      width: 60%;
    }

    .postcnt-inn .reaction-msg {
      width: 20%;
    }

    #sharetochatModal .postcnt-inn .reaction-msg,
    #sharetospaceModal .postcnt-inn .reaction-msg {
      width: auto;
    }

    #sharetochatModal .postcnt-inn,
    #sharetospaceModal .postcnt-inn {
      padding-right: 3px;
    }

    .reaction-details .pimg {
      flex-shrink: 0;
    }

    .we-comment .more-post-optnska>ul {
      top: 25px !important;
    }

    .more-post-optns>ul>li {
      font-size: 14px;
      padding: 5px 0px;
    }

    .profile-information .switch-account .tab:hover {
      height: 40px;
    }

    .mlout {
      position: absolute;
      bottom: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 88%;

    }

    .zilivecmn .main-section {
      margin-top: 0px;
      padding-top: 0px;
    }

    .billinfopage .sidemenu,
    .subscriptionyplan .sidemenu,
    .plansubscriptionspage .sidemenu {
      display: none !important;
    }

    .promotioncredits .pbox1 {
      width: 100%;
    }

    .promotioncredits {
      flex-direction: column;
    }

    .promotioncredits .pbox2 {
      width: 100%;
    }

    .promotioncredits .pbox1 {
      flex-direction: column;
    }

    .procredit {
      width: 100%;
      border: none;
    }

    .promotioncredits .pbox2 {
      justify-content: center;
    }

    .pbox2 button {
      margin-right: 0px;
    }

    .upgradepro {
      padding: 20px 0px;
    }

    .pbox2 button {
      width: 100%;
      height: 55px;
    }

    .proschcnt {
      margin-top: 20px;
    }

    .scheduledatetme {
      flex-direction: column;
    }

    .scheduledatetme .start-date,
    .scheduledatetme .end-date {
      width: 100%;
    }

    .abinfo p {
      font-size: 12px;
      margin-bottom: 0px;
    }

    .abinfo {
      padding: 20px 0px 20px 0px;
    }

    .procredit h4 {
      font-size: 32px;
    }

    .abinfo p svg {
      flex-shrink: 0;
    }

    .scheduledatetme .end-date {
      padding-top: 10px;
    }

    .feed-post-tab li.tab.golivedeskhide {
      display: flex;
    }

    .nlivechat {
      background: #fff;
    }

    .livehead {
      border-top: 1px solid rgb(0, 0, 0, 0.3);
      border-bottom: 1px solid rgb(0, 0, 0, 0.3);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0px;
    }

    .livecount {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .livecount h4 {
      font-weight: 500;
      font-size: 16px;
      margin-right: 15px;
    }

    .livecount p,
    .livecount h4 {
      margin-bottom: 0px;
    }

    .livecount p {
      display: flex;
      align-items: center;
    }

    .livecount p svg {
      width: 15px;
    }

    .livecount p span {
      margin-top: 4px;
      margin-left: 5px;
    }

    .livechatlist .livechatcmnd .liveuser {
      display: flex;
      align-items: self-start;
    }

    .livechatlist .livechatcmnd .liveuser img {
      width: 50px;
      height: 50px;
      border-radius: 17px;
      flex-shrink: 0;
      margin-right: 20px;
    }

    .livechatlist {
      margin-top: 10px;
      max-height: 300px;
      overflow-y: auto;
    }

    .liveuserchatname h4 {
      font-weight: 500;
      margin-bottom: 0px;
      font-size: 14px;
    }

    .liveuserchatname p {
      margin-bottom: 0px;
      font-size: 12px;
      color: #A5A5A5;
    }

    .liveusercmnd p {
      font-size: 14px;
      color: var(--color-black1);
      line-height: 1.2;
    }

    .liveusercmnd {
      margin-top: 10px;
    }

    .liveuserchatname {
      background: #F9FCF9;
      padding: 10px 20px;
      position: relative;
    }

    .nlivechat {
      margin-top: 20px;
    }

    .liveuser {
      margin-bottom: 10px;
    }

    .liveuserchatname:before {
      content: "";
      position: absolute;
      border: 5px solid transparent;
      left: -10px;
      right: auto;
      top: 0px;
      border-right-color: var(--bg-lightgreen1);
      border-top-color: var(--bg-lightgreen1);
    }

    .privileges_cunt {
      position: relative;
    }

    .privileges_cunt_left .audience-options {
      margin-top: 0px !important;
      position: absolute;
      right: 0px;
      top: 0px;
    }

    .billing-information {
      border-radius: 17px;
    }

    .postdatacl_popup .bgtxt.post_text_class1.postmediasec.rmvheight {
      min-height: 330px !important;
    }

    #post_view {
      width: 100%;
      max-width: 100%;
      max-height: 95%;
      padding-top: 50px;
    }

    .postpopparent .share-options.show {
      z-index: 999999;
    }

    .postpopparent .like-dislike,
    .postpopparent .coment-area,
    .postpopparent .share-options {
      display: none !important;

    }

    .postdatacl_popup {
      flex-direction: column;
    }

    .postdatacl_popup .postprevsec {
      width: 100%;
      height: auto;
    }

    .postdatacl_popup .postpopparent {
      width: 100%;
      margin-top: 20px;
    }

    .postpopparent {
      height: auto;
    }

    .postdatacl_popup .postmediasec {
      min-height: auto;
    }

    .postpopparent {
      height: auto;
      min-height: auto;
    }

    .tabs-content ul.connections-requests {
      height: 200px;
      overflow: scroll;
    }

    .connections-requests li:last-child {
      margin-bottom: 20px;
    }

    .selectallsection {
      margin-top: 10px;
    }

    .invite-cnt img {
      width: 25%;
    }

    .tabs-content ul#cappend1 {
      height: 260px;
    }

    .tabs-content ul#cappend {
      height: 200px;
    }

    /*worked on client visit 09-05-2024 */
    .loadMore.load_feed_all .nodatacl.norecords-cls {
      display: block !important;
    }

    div#confirmation-from-free-user-modal input#sign_free_btn_popup {
      width: 100%;
    }

    .likes-info li span ins {
      font-size: 16px;
      display: flex;
      align-items: center;
      line-height: 0px;
    }

    .likes-info li span ins {
      font-size: 16px;
      display: flex;
      align-items: center;
      line-height: 0px;
    }

    .likes-info li .cmtscnt {
      align-items: center;
    }

    body.feedpage .pennding-msg {
      position: sticky;
      top: 0px;
      z-index: 9999;
    }

    div#confirmation-from-free-user-modal div#queryform p.popup-title {
      font-size: 16px;
    }

    .dflex.signup-btns {
      justify-content: space-between;
    }

    .edit_profile_inner .edit-protle.mbs-show {
      display: block !important;
    }

    .edit_profile_inner .edit-protle.mbs-show span {
      margin-left: 3px;
      font-size: 16px;
    }

    .edit_profile_inner .edit-protle {
      display: none;
    }

    .edit-protle.mbs-show .bill-goback.mgoback {
      justify-content: space-between;
      width: 100%;
      margin: 0;
      padding: 0;
      margin-left: 0px !important;
    }

    div#newproduct.reveal {
      height: 570px;
      padding-bottom: 50px;
      overflow: auto !important;
    }

    .notiicon span.count-noti {
      padding-left: 3px;
      padding-right: 3px;
      font-size: 10px;
      width: 17px;
      height: 17px;
      position: absolute;
      line-height: 16px;
      top: -10px;
      left: 12px;
      z-index: 99;
      min-width: max-content;
      border-radius: 10000px;
      background: var(--primary-color);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .post-comt-box form button {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 45px;
      border-radius: 16px;
      font-size: 14px;
      padding: 0px 15px;
      z-index: 9;
    }

    .se-wrapper-inner.se-wrapper-wysiwyg.sun-editor-editable {
      border: 1px solid #50B855;
      border-radius: 16px;
      background: #F4FEF4;
      min-height: 40px;
      height: 40px;
      margin-bottom: 0px;
      overflow: hidden;
      padding-left: 15px !important;
    }

    .sun-editor .se-wrapper .se-placeholder {
      padding-left: 15px !important;

    }

    .notiicon span.count-noti::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      border-style: solid;
      border-color: var(--primary-color);
      border-width: 1px;
      border-radius: inherit;
    }

    .notiicon span.count-noti p {
      font-size: 9px;
      color: #fff;
      line-height: 0px;
      margin-bottom: 0px;
    }

    ul#subscriptions-tabs {
      margin: 20px auto;
      display: flex;
    }

    .postdatacl_popup .postprevsec {
      padding: 100px 20px 20px;
    }

    .postdatacl_popup .central-meta {
      background: transparent;
      box-shadow: unset;
    }

    div#post_view .postdatacl_popup {
      margin-top: 0px;
    }

    #post_view {
      padding-top: 10px;

    }

    div#post_view .more-post-optns>ul {
      -webkit-transform: translateY(-100%) !important;
    }

    .postdatacl_popup .postpopparent {
      width: 100%;
      margin-top: 20px;
    }

    form#edit_profile .mlt-form-group {
      width: 100%;
    }

    .forgotpass a {
      text-decoration: underline;
    }

    .forgotpass a:hover {
      color: var(--color-green) !important;
      text-decoration: underline;
    }

    .connectioncontacts .tabs-panel.is-active {
      padding-bottom: 65px !important;
      height: max-content !important;
      position: unset !important;
    }

    .connectioncontacts .tabs-panel.is-active .selectallsection {
      gap: 15px;
    }

    .tabs-content ul.connections-requests {
      height: auto !important;
    }

    /*worked on client visit 09-05-2024 */
  }


  @media only screen and (max-width:767.8px) {


    .mobile-filter.ms-sortby.active {
      transform: translateY(0) !important;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      -webkit-transition: transform .35s;
      -moz-transition: transform .35s;
      -o-transition: transform .35s;
      -ms-transition: transform .35s;
      transition: transform .35s;
      bottom: 0;
      display: block !important;
      position: fixed;
      opacity: 1;
      z-index: 9999;
      max-height: 80vh;
      overflow-y: auto;
    }

    .mobile-filter.ms-sortby.active button#fsortid {
      height: 40px;
      width: fit-content;
      padding: 0px 20px;
    }

    .mobile-filter.ms-sortby.active form {
      margin-bottom: 20px;
    }

    .mobile-filter.ms-sortby.active button.fltrcancelbtn {
      display: none;
    }

    form#ForgotPasswordForm .pin input {
      border-radius: 17px !important;
      margin: 0px 5px;
      height: 45px;
      width: 55px;
      font-size: 22px;
      text-align: center;
      padding: 8px;
    }

    .mobile-filter.ms-sortby.active button#fsortid1 {
      height: 40px;
      width: fit-content;
      padding: 0px 20px;
    }

    .mobile-filter.ms-sortby.active .drophead .mshareclose {
      top: 0px;
      right: 0;
    }

    .promo-aplied {
      flex-direction: column;
    }

    .promoamnt p {
      font-size: 14px;
    }

    .promoamnt {
      min-width: 280px;
    }

    .main-section .grid-container {
      padding-right: 0px;
      padding-left: 0px;
    }

    .cardsec {
      background-color: transparent;
      width: 100%;
      box-shadow: none;
      padding: 0px;
    }

    .pfrfediticon {
      right: 5px;
      bottom: 0px;
      color: var(--bg-black1);
    }

    .billing-information {
      padding: 30px 20px;
      margin: 0px 10px;
    }

    .audience-options {
      margin-top: 20px;
      flex-direction: row-reverse;
      position: relative;
      top: 0px;
    }

    .control {
      padding-left: 26px;
    }

    .audience-options {
      margin-top: 0px !important;
      position: absolute;
      right: 20px;
      top: 90px;
    }

    button.addusersbmtbtn.submtbtn {
      margin-bottom: 51px;
    }




    /* 25-05-2023 */
    /* form#queryform {
        height: 100vh;
        overflow-y: scroll;
      }   
      div#text-upload {
        height: 100vh;
        overflow-y: scroll;
    } */
    /* form#post_form_la_text {
        height: 100vh;
        overflow-y: scroll;
    } */
    /* #post-upload {
      height: 100vh;
      overflow-y: scroll !important;
    } */
    [data-theme="dark"] .plansubscriptionspage .tabs-panel {
      background: #131517;
    }

    [data-theme="dark"] .mplantab svg path {
      fill: #fff;
    }

    [data-theme="dark"] .mplantab .planaccor {
      border: 1px solid #fff;
    }

    .sharebox {
      margin-bottom: 100px;
    }

    /* #post-upload {
        height: 100vh;
        overflow-y: scroll !important;
      } */

    .iti-mobile .iti--container {
      left: 25px !important;
      right: 25px !important;
      height: 100vh;
    }

    /* form#queryform {
        
        overflow-y: scroll;
      }    */
    /* form#queryform::-webkit-scrollbar {
        display:none;
      } */
    [data-theme="dark"] .plansubscriptionspage .tabs-panel {
      background: #131517;
    }

    [data-theme="dark"] .mplantab svg path {
      fill: #fff;
    }

    [data-theme="dark"] .mplantab .planaccor {
      border: 1px solid #fff;
    }

    .pricing li span.tex {
      width: 70%;
      text-align: right;
    }

    [data-theme="dark"] .promo-sec .search-field.error {
      border-color: #cc4b37 !important;
      background-color: #f9ecea !important;
      color: #000;
    }

    [data-theme="dark"] .sort-by {
      background: transparent;
    }

    .no-rewards {
      padding: 40px 20px 0px 20px;
    }

    .sharebox {
      margin-bottom: 100px;
    }


    .iti-mobile .iti--container {

      left: 25px !important;
      right: 25px !important;
      height: 100vh;
    }

    [data-theme="dark"] .searchsegments .segmentaddbtn {
      color: #fff;
      border: 1px solid #fff;
    }

    #segVisiblezchatform .segmentscheckbox {
      overflow-y: scroll !important;
    }

    .advertisementaudiencepage .chartviews,
    .advertisementaudiencepage .numberviews {
      margin-top: 70px;
    }

    [data-theme="dark"] .dropdown1 .dropdown-label {
      background: #222426;
      color: #fff;
    }

    .pop_contrl_mobile .reveal {
      position: fixed !important;
      top: 0px !important;
      min-height: 100vh !important;
      overflow: auto !important;
    }

    [data-theme="dark"] .promo-sec .search-field.error {
      background-color: var(--bg-white) !important;
      color: #fff;
    }

    [data-theme="dark"] .promo-sec .search-field.error::placeholder {
      color: #cc4b37;
    }

    [data-theme="dark"] .plansubscriptionspage .tabs-panel {
      background: #131517;
    }

    [data-theme="dark"] .mplantab svg path {
      fill: #fff;
    }

    [data-theme="dark"] .mplantab .planaccor {
      border: 1px solid #fff;
    }

    .sharebox {
      margin-bottom: 100px;
    }

    .iti-mobile .iti--container {
      left: 25px !important;
      right: 25px !important;
      height: 100vh;
    }

    [data-theme="dark"] .formatsbox p {
      color: #fff !important;
    }

    [data-theme="dark"] .nlivechat {
      margin-top: 20px;
      background: var(--bg-white);
    }

    [data-theme="dark"] .livehead {
      border-top: 1px solid rgba(255, 255, 255, 0.3);
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }




    /* ________________06________06_____________2023____________ */

    .index_header {
      padding: 20px !important;
    }

    section.about_ban_sec {
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 50px;
    }

    section.about_ban_sec p {
      font-size: 20px !important;
    }

    .our_section {
      padding: 10px 20px;
      margin-bottom: 0%;
    }

    .our_section h5 {
      font-size: 18px !important;
    }

    .header.botom {
      display: block;
      padding: 10px 0px;
      height: auto;
    }

    section.our_team_section.text-center {
      background: #51B855;
      padding: 30px 0px 0px;
    }

    section.our_vision {
      padding-bottom: 0px;
      margin-top: 30px;
    }

    .spaces {
      padding: 0% 0%;
    }

    .faq_inner h1 {
      color: #fff;
      font-size: 26px;
    }

    section.our_vision .grid-x .cell:first-child {
      padding: 15px 0px 0px !important;
    }

    section.our_vision .grid-x .cell:nth-child(2) {
      margin: -1px 0px;
      border-top: 1px solid #0003;
      border-bottom: 1px solid #0003;
      padding: 15px 0px !important;
    }

    section.faq_sec {
      margin-bottom: 35%;
    }

    .our_section ul {
      display: flex;
      justify-content: left;
      flex-wrap: wrap;
    }

    .our_section p {
      font-size: 18px !important;
      width: 100%;
    }

    .team_cunt h3 {
      padding-top: 15px;
      font-size: 24px;
    }

    .team_cunt {
      margin-bottom: 20px;
    }

    .team_01 {
      margin: 0px auto !important;
    }

    .team_cunt p {
      margin-bottom: 10px;
    }

    section.our_team_section.text-center p {
      font-size: 17px !important;
      width: 100% !important;
    }

    h2.gren {
      color: #51B855;
      font-size: 26px !important;
    }

    section.want_hlp_section.text-center {
      padding: 20px 0px !important;
      margin-bottom: 20% !important;
    }

    .our_section h5 {
      font-size: 20px;
    }

    .our_section p {
      font-size: 20px;
      width: 100%;
    }

    section.carees_sec p {
      font-size: 18px !important;
    }

    .faq_inner {
      background: #51B855;
      padding: 30px 0px;
      margin-top: 10%;
    }

    section.legal_sec {
      padding: 3% 20px 10% !important;
      margin-bottom: 20%;
    }

    section.legal_sec .grid-x {
      box-shadow: var(--box-shawdow);
      padding: 30px 15px !important;
    }

    .rols_head select {
      width: 50%;
    }

    td.td_head {
      font-size: 18px
    }

    table.rols td {
      padding: 20px 10px;
      font-size: 14px !important;
    }

    .bt {
      margin: 0px 0px 30px;
    }

    .header.botom .bottom-menu {
      flex-wrap: wrap;
      justify-content: center;
      display: inline-flex;
      text-align: center;
      align-items: center;
    }

    section.carees_sec {
      height: auto;
      padding-top: 25px;
    }

    section.oprn_roles {
      margin-bottom: 20%;
    }

    .rols_head {
      margin-top: 50px;
    }

    .header.botom .menu-list {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
    }

    .header.botom .menu-list li {
      margin-right: 15px;
    }

    .how_banner_sec_cunt {
      padding-left: 10px;
    }

    .how_banner_sec_cunt h2:before {
      border: 0px;
    }

    .how_banner_sec {
      padding: 20px 0px;
    }

    .how_banner_sec.second .grid-x.grid-padding-x {
      display: flex;
      flex-direction: column-reverse;
    }

    .cokkie_bt {
      flex-wrap: wrap;
    }

    .cokkie_bt a {
      width: 100%;
      margin: 5px 5px;
    }

    [data-theme="dark"] section.faq_sec .cell:last-child {
      border-bottom: 0px solid var(--input-border) !important;
    }

    .legal_cunt h3 {
      font-size: 18px;
    }

    .feed-post-tab li.tab.golivedeskhide {
      display: none;
    }


  }

  /* div#appleid-signin text {
  font-size: 10px;
} */

  /* div#appleid-signin text {
  font-size: 10px;
}  */

  @media only screen and (min-device-width: 280px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {
    .customtabs .tab {
      width: 80px;
      font-size: 12px;
    }

    .sharing-list li {
      font-size: 10px;
      margin-left: 5px;
    }

    .btn.post-btn {
      font-size: 11px;
    }

    .product-pic,
    .product-pic.pdfprog {
      height: 115px !important;
    }

    #newproduct #radios input[type="radio"]+span {
      font-size: 12px;
    }

    #document-upload #file-upload-filename {
      top: 55px !important;
    }

  }


  div#appleid-signin text {
    font-size: 0pt;
  }

  div#appleid-signin:after {
    content: 'Sign in with Apple';
    position: absolute;
    margin-left: 38px;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 14px;
    margin-top: 0px;
  }

  /* @media only screen and (min-device-width: 280px) and (max-device-width: 2068px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait)
{
    #appleid-signin div div:nth-child(1) svg:nth-child(3){
      position: absolute;
      left: 34% !important;
      width: 39% !important;
      top: -2px;
    
  }
  div#appleid-signin text {
     font-size: 7pt;
     letter-spacing: 30px;
    width: -webkit-fill-available; 
  }
} */
  @media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari only override */
    /* ::i-block-chrome,.flex-direction-nav-featured a{
    margin-top: 5%;
}  */
    ::i-block-chrome,
    #promote .infopen svg {
      position: unset !important;

    }
  }

  .edit-protle .bill-goback.mgoback.mbs-show {
    margin: 0;
    padding: 0;
  }

  .edit_profile_inner .edit-protle.mbs-show {
    display: none;
  }

  .forgotpass a {
    text-decoration: underline;
  }

  .forgotpass a:hover {
    color: var(--color-green) !important;
    text-decoration: underline;
  }

  .loadMore.load_feed_all .nodatacl.norecords-cls {
    display: none;
  }

  body.otppage .header.botom {
    display: none;
  }

  body.otppage .header {
    display: none;
  }
</style>