/* 
Theme Name: Dating Club
Theme URI: http://datingclub.wpdating.com/
Author: Digital Product Labs, Inc.
Author URI: https://wpdating.com/
Description: This is Dating Club theme, which well integrates wp dating plugin
Template: wpdating-premium
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dating-club
*/
/*===========================================================
Dating Club Theme Style
===========================================================*/
@font-face {
    font-family: 'mdi';
    src: url("fonts/mdi.eot?z7crfw");
    src: url("fonts/mdi.eot?z7crfw#iefix") format("embedded-opentype"), url("fonts/mdi.ttf?z7crfw") format("truetype"), url("fonts/mdi.woff?z7crfw") format("woff"), url("fonts/mdi.svg?z7crfw#mdi") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  @-webkit-keyframes "spin" {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  
  @keyframes "spin" {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  :root {
    --color-primary: #A765FC;
    --color-secondary: #FFD951;
    --color-info: #11C7EF;
    --color-highlight: #A0E514;
    --color-heading: rgba(0,0,0,0.9);
    --color-body: rgba(0,0,0,0.75);
    --color-border: #EFEEF0;
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'DM Sans', sans-serif;
  }
  
  .fa.fa-pencil-square-o {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-pencil-square-o::before {
    content: '\F090C';
  }
  
  .fa.fa-power-off {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-power-off::before {
    content: '\F05FD';
  }
  
  .fa.fa-eye {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-eye::before {
    content: '\F06D0';
  }
  
  .fa.fa-cog {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-cog::before {
    content: '\F08BB';
  }
  
  .fa.fa-level-up {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-level-up::before {
    content: '\F09C7';
  }
  
  .fa.fa-user {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-user::before {
    content: '\F0013';
  }
  
  .fa.fa-gift {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-gift::before {
    content: '\F02A1';
  }
  
  .fa.fa-envelope {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-envelope::before {
    content: '\F01F0';
  }
  
  .fa.fa-envelope-o {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-envelope-o::before {
    content: '\F01F0';
  }
  
  .fa.fa-users {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-users::before {
    content: '\F000F';
  }
  
  .fa.fa-times {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-times::before {
    content: '\F0156';
  }
  
  .fa.fa-check {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-check::before {
    content: '\F012C';
  }
  
  .fa.fa-ellipsis-h {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-ellipsis-h::before {
    content: '\F01D8';
  }
  
  .fa.fa-bullhorn {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-bullhorn::before {
    content: '\F023E';
  }
  
  .fa.fa-heart {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-heart::before {
    content: '\F02D1';
  }
  
  .fa.fa-pencil {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-pencil::before {
    content: '\F03EB';
  }
  
  .fa.fa-trash {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-trash::before {
    content: '\F0A79';
  }
  
  .fa.fa-trash-o {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-trash-o::before {
    content: '\F0A79';
  }
  
  .fa.fa-camera {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-camera::before {
    content: '\F0101';
  }
  
  .fa.fa-search {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-search::before {
    content: '\F0349';
  }
  
  .fa.fa-photo {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-photo::before {
    content: '\F02E9';
  }
  
  .fa.fa-smile-o {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-smile-o::before {
    content: '\F01F2';
  }
  
  .fa.fa-clock-o {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-clock-o::before {
    content: '\F0150';
  }
  
  .fa.fa-comment {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-comment::before {
    content: '\F0365';
  }
  
  .fa.fa-paper-plane {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-paper-plane::before {
    content: '\F048A';
  }
  
  .fa.fa-chevron-up {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-chevron-up::before {
    content: '\F0143';
  }
  
  .fa.fa-calendar {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-calendar::before {
    content: '\F00ED';
  }
  
  .fa.fa-tag {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-tag::before {
    content: '\F04FC';
  }
  
  .fa.fa-comments {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
  }
  
  .fa.fa-comments::before {
    content: '\F0181';
  }
  
  .glyphicon.glyphicon-trash {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
    top: 0;
  }
  
  .glyphicon.glyphicon-trash::before {
    content: '\F0A7A';
  }
  
  .glyphicon.glyphicon-plus {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
    top: 0;
  }
  
  .glyphicon.glyphicon-plus::before {
    content: '\F0415';
  }
  
  .glyphicon.glyphicon-upload {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
    top: 0;
  }
  
  .glyphicon.glyphicon-upload::before {
    content: '\F0552';
  }
  
  .glyphicon.glyphicon-ban-circle {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
    top: 0;
  }
  
  .glyphicon.glyphicon-ban-circle::before {
    content: '\F073A';
  }
  
  .additional-search-panel .icon-plus {
    font-family: "mdi";
  }
  
  .additional-search-panel .icon-plus::before {
    content: '\F0419';
  }
  
  .wpee-album-details .wpee-album-back-button-section a {
    border: none;
    border-radius: 36px;
    width: 36px;
    height: 36px;
    padding: 5px 9px;
    margin: 0 8px 0 0;
  }
  
  .wpee-album-details .wpee-album-back-button-section a::before {
    font-family: "mdi";
    content: '\F004D';
  }
  
  .dsp_back_inbox {
    margin-bottom: 16px;
  }
  
  .dsp_back_inbox a::before {
    font-family: "mdi";
    content: '\F004D';
  }
  
  .dsp_back_inbox a + a::before {
    content: '\F17A7';
  }
  
  .dsp_back_inbox .dspdp-btn {
    font-size: 16px;
    font-weight: 400;
    padding: 8px 16px;
    border-radius: 8px;
  }
  
  .dsp_back_inbox .dspdp-btn:hover {
    background-color: var(--color-border);
    opacity: 1;
  }
  
  .dsp_back_inbox .dspdp-btn::before {
    margin-right: 8px;
    display: inline-block;
  }
  
  .logo-wrap {
    width: 100%;
    max-width: none;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  
  .navbar-brand img {
    display: block;
    max-width: 205px;
    height: auto;
  }
  
  #logo {
    margin: 0;
  }
  
  body {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    padding-top: 93px;
  }
  
  body.not-logged-in {
    padding-top: 84px;
  }
  
  body.not-logged-in .site-body {
    min-height: calc(100vh - 84px);
  }
  
  a {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  
  a:visited {
    color: initial;
  }
  
  button {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  
  .img-holder {
    border-radius: 0;
  }
  
  .img-holder img {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  
  input[type="submit"] {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  
  .post-navigation .nav-links > div .nav-title {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  
  .post-navigation .nav-links > div:hover .nav-title {
    color: var(--color-primary);
  }
  
  textarea {
    resize: vertical;
  }
  
  body.page h1 {
    letter-spacing: -0.03em;
  }
  
  body.page h2 {
    letter-spacing: -0.01em;
  }
  
  body.page h3 {
    letter-spacing: -0.01em;
  }
  
  body.page .dc_content_header_wrap h2 {
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 400;
    letter-spacing: -0.05em;
  }
  
  .site-header {
    border-bottom: none;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 20px 30px rgba(167, 101, 252, 0.1);
    box-shadow: 0px 20px 30px rgba(167, 101, 252, 0.1);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
  }
  
  .site-header .right-content .main-navigation {
    margin-top: 0;
  }
  
  .site-header.header-shadow .logo-wrap {
    max-width: 80%;
  }
  
  .wpee-count-num {
    background-color: var(--color-highlight);
  }
  
  .login-wrap ul.wpee-notification-links > li > a {
    pointer-events: auto;
  }
  
  @media screen and (max-width: 991px) {
    .login-wrap ul.wpee-notification-links > li > a {
      pointer-events: none;
    }
  }
  
  .main-navigation > .menu-main-menu-container li a {
    font-weight: 400;
    padding: 0;
  }
  
  .main-navigation > .menu-main-menu-container li > a::before {
    content: none !important;
  }
  
  .main-navigation > .menu-main-menu-container li > a::after {
    content: none !important;
  }
  
  .main-navigation > .menu-main-menu-container .current-menu-item > a {
    color: var(--color-primary);
  }
  
  .main-navigation > .menu-main-menu-container .current-menu-item > a::before {
    content: "" !important;
    width: 100%;
    background: transparent url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2.76888C10 1.23935 8.76441 0 7.24153 0C6.31664 0 5.50072 0.458317 5 1.1589C4.49928 0.458317 3.68336 0 2.75846 0C1.23469 0 0 1.23935 0 2.76888C0 2.98584 0.0270179 3.19556 0.0738479 3.39805C0.457493 5.78726 3.10339 8.30755 5 9C6.89661 8.30755 9.54251 5.78726 9.92525 3.39896C9.97298 3.19556 10 2.98584 10 2.76888Z' fill='%23A765FC'/%3E%3C/svg%3E%0A") center bottom/10px 9px no-repeat;
    height: 9px;
    bottom: -16px;
  }
  
  .main-navigation > .menu-main-menu-container .current-menu-item > a:hover::before {
    background: transparent url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2.76888C10 1.23935 8.76441 0 7.24153 0C6.31664 0 5.50072 0.458317 5 1.1589C4.49928 0.458317 3.68336 0 2.75846 0C1.23469 0 0 1.23935 0 2.76888C0 2.98584 0.0270179 3.19556 0.0738479 3.39805C0.457493 5.78726 3.10339 8.30755 5 9C6.89661 8.30755 9.54251 5.78726 9.92525 3.39896C9.97298 3.19556 10 2.98584 10 2.76888Z' fill='%23A765FC'/%3E%3C/svg%3E%0A") center bottom/10px 9px no-repeat;
  }
  
  .menu-main-menu-container ul > .current-menu-item > a {
    font-weight: 700;
  }
  
  ::-moz-selection {
    color: #FFF;
    background: var(--color-primary);
  }
  
  ::selection {
    color: #FFF;
    background: var(--color-primary);
  }
  
  .text-highlight {
    position: relative;
    z-index: 1;
  }
  
  .text-highlight:before {
    content: '';
    position: absolute;
    left: -.02em;
    right: -.02em;
    bottom: .2em;
    background-color: var(--color-highlight);
    background-image: linear-gradient(45deg, var(--color-highlight), var(--color-info));
    height: .2em;
    min-height: 2px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    z-index: -1;
  }
  
  .text-highlight > * {
    position: relative;
  }
  
  .profile-header-menu ul.wpee-notification-links li a i {
    font-size: 20px;
    opacity: 0.65;
  }
  
  .profile-header-menu ul.wpee-notification-links li a:hover i {
    opacity: 1;
  }
  
  .profile-header-menu ul.wpee-notification-links li ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .profile-header-menu ul.wpee-notification-links li.wpee_active_link a i {
    opacity: 1;
  }
  
  .profile-header-menu ul.wpee-notification-links.different-user li a i {
    font-size: 20px;
    opacity: 0.65;
  }
  
  .profile-header-menu ul.wpee-notification-links.different-user li a:hover i {
    opacity: 1;
  }
  
  .profile-header-menu ul.wpee-notification-links.different-user li ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .profile-header-menu ul.wpee-notification-links.different-user li.wpee_active_link a i {
    opacity: 1;
  }
  
  .profile-header-menu form input[type="submit"] {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .profile-header-menu form .form-group:last-child {
    margin-bottom: 0;
  }
  
  ul.wpee-notification-links.different-user li:not(:last-child) {
    margin-right: 16px;
  }
  
  ul.wpee-notification-links.different-user li a {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    border-width: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  ul.wpee-notification-links.different-user li a i {
    opacity: 1;
  }
  
  ul.wpee-notification-links.different-user li a i.fa-heart:before {
    content: '\F02D5';
  }
  
  ul.wpee-notification-links.different-user li a:before {
    content: '';
    position: absolute;
    background-color: var(--color-primary);
    opacity: 0.1;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    top: 0;
    left: 0;
  }
  
  ul.wpee-notification-links.different-user li a > * {
    position: relative;
  }
  
  .wpee-notification-links ul.wpee-sub-menu > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .wpee-notification-links ul.wpee-sub-menu > li > a > i {
    opacity: 0.5;
  }
  
  .wpee-notification-links ul.wpee-sub-menu > li > a:hover > i {
    opacity: 1;
  }
  
  .notification-profile-img > a {
    padding: 2px;
  }
  
  .notification-profile-img > a img {
    border-radius: 42px;
  }
  
  .wpee-small-quick-search-wrap form .form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .wpee-small-quick-search-wrap form .form-inline .form-group {
    width: calc(50% - 15px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
    margin-bottom: 30px;
    position: relative;
  }
  
  .wpee-small-quick-search-wrap form .form-inline .form-group .form-control {
    height: 64px;
    font-size: 18px;
    padding: 16px 32px 16px 16px;
    border-radius: 8px;
  }
  
  .wpee-small-quick-search-wrap form .form-inline .form-group select.form-control {
    border-color: var(--color-primary);
    background: #FFF url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23AF87E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 16px top 50% scroll;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  .wpee-small-quick-search-wrap form .form-inline .form-group .label-overlap {
    position: absolute;
    width: auto;
    background-color: #FFF;
    padding: 4px;
    margin: 0;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1;
    top: -10px;
    left: 14px;
    display: block !important;
  }
  
  .wpee-small-quick-search-wrap form .form-inline .form-group.submit-wrap i {
    display: none;
  }
  
  .wpee-small-quick-search-wrap form .form-inline .form-group.submit-wrap input[type="submit"] {
    opacity: 1;
    font-size: 18px;
    height: 64px;
    -webkit-box-shadow: 0px 14px 30px rgba(167, 101, 252, 0.6);
    box-shadow: 0px 14px 30px rgba(167, 101, 252, 0.6);
    border-radius: 8px;
    color: #FFF;
    font-family: var(--font-heading);
    font-weight: 700;
    position: static;
  }
  
  .wpee-small-quick-search-wrap form .form-inline .submit-wrap {
    height: auto;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 0;
  }
  
  select.dspdp-form-control {
    background: #FFF url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23AF87E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 16px top 50% scroll;
    background-size: auto 12%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 30px !important;
  }
  
  select.form-control {
    background: #FFF url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23AF87E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 16px top 50% scroll;
    background-size: auto 12%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 30px !important;
  }
  
  .dspdp-form-control {
    font-size: 16px;
    padding: 6px 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .dspdp-form-control:focus {
    border-color: var(--color-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  input[type="file"].dspdp-form-control {
    font-size: 16px;
    padding: 6px 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .form-control {
    font-size: 16px;
    padding: 6px 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
  }
  
  .form-control[disabled="disabled"] {
    background-color: var(--color-border);
  }
  
  .elementor-heading-title {
    font-family: var(--font-heading);
  }
  
  h1 {
    font-family: var(--font-heading);
  }
  
  h2 {
    font-family: var(--font-heading);
  }
  
  h3 {
    font-family: var(--font-heading);
  }
  
  h4 {
    font-family: var(--font-heading);
  }
  
  h5 {
    font-family: var(--font-heading);
  }
  
  .elementor-button-text {
    font-family: var(--font-heading);
  }
  
  #wpfront-notification-bar-spacer {
    position: fixed;
  }
  
  .main-member-list-wrap .member-detail-wrap {
    border-radius: 8px;
    -webkit-box-shadow: 0px 10px 30px rgba(167, 101, 252, 0.1);
    box-shadow: 0px 10px 30px rgba(167, 101, 252, 0.1);
    -webkit-transition: none;
    transition: none;
    height: auto;
    min-height: 420px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  
  .main-member-list-wrap .member-detail-wrap:hover {
    -webkit-transform: none;
    transform: none;
  }
  
  .main-member-list-wrap .member-detail-wrap .member-user-name {
    font-size: 18px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.9);
    margin-bottom: 8px;
  }
  
  .main-member-list-wrap .member-detail-wrap .user-detail-content {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
  }
  
  .main-member-list-wrap .member-detail-wrap .user-detail-content [data-label="member-city"] {
    display: none;
  }
  
  .main-member-list-wrap .member-detail-wrap .user-detail-content [data-label="member-label"] {
    display: none;
  }
  
  .main-member-list-wrap .member-detail-wrap .user-detail-content [class*="gender-"] {
    font-size: 0;
    margin: 0 8px;
    display: inline-block;
    width: 14px;
  }
  
  .main-member-list-wrap .member-detail-wrap .user-detail-content [class*="gender-"]::before {
    font: normal normal normal 14px/1 "mdi";
  }
  
  .main-member-list-wrap .member-detail-wrap .user-detail-content .gender-Woman::before {
    content: '\F029C';
  }
  
  .main-member-list-wrap .member-detail-wrap .user-detail-content .gender-Man::before {
    content: '\F029D';
  }
  
  .main-member-list-wrap .member-detail-wrap .dspdp-online-status {
    top: 0;
  }
  
  .main-member-list-wrap + .row-paging {
    margin-top: 64px;
  }
  
  .member-list-tab-wrap .member-list-tab-list {
    text-align: center;
  }
  
  .member-list-tab-wrap ul.filters-button-group {
    background: #F8ECFF;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 8px;
    border-radius: 26px;
    margin-bottom: 68px;
  }
  
  .member-list-tab-wrap ul.filters-button-group > li {
    color: var(--color-primary);
    font-size: 16px;
    line-height: 100%;
    padding: 8px 16px;
    min-width: 140px;
    border: none;
    border-radius: 16px;
    margin: 0;
  }
  
  .member-list-tab-wrap ul.filters-button-group > li > i {
    margin: 0;
    font-size: 18px;
  }
  
  .member-list-tab-wrap ul.filters-button-group > li.is-checked {
    background-color: var(--color-primary);
    -webkit-box-shadow: 0px 14px 30px rgba(167, 101, 252, 0.6);
    box-shadow: 0px 14px 30px rgba(167, 101, 252, 0.6);
    color: #FFF;
    font-weight: 700;
  }
  
  .wpee-member-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .wpee-member-wrapper .wpee-ajax-filter {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .wpee-member-wrapper .wpee-member-list-content {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  
  .wpee-member-wrapper > p {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    margin-bottom: 32px;
  }
  
  .wpee-member-list-content {
    padding-bottom: 64px;
  }
  
  .wpee-member-list-content .box-border {
    text-align: center;
    -ms-grid-column-align: center;
    justify-self: center;
    margin: auto;
  }
  
  .testimonials_section {
    padding-right: 100px;
  }
  
  .testimonials_section .slick-list {
    padding: 0 !important;
  }
  
  .testimonials_section .user-detail-wrap {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .testimonials_section .user-detail-wrap figure {
    width: 100px;
    height: 100px;
    border-radius: 100px;
  }
  
  .testimonials_section .user-detail-wrap figure img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
  }
  
  .testimonials_section .user-detail-wrap .name {
    color: var(--color-primary);
    margin: 24px 0 0 9px;
  }
  
  .testimonials_section .testimonials-wrap {
    background-image: none;
    padding: 24px;
    text-align: left;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .testimonials_section .desc-wrap {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 24px 0 0 0;
  }
  
  .testimonials_section .slick-slide {
    -webkit-filter: none;
    filter: none;
    margin: 0 16px;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: .3;
  }
  
  .testimonials_section .slick-dots {
    right: 0;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    width: 3px;
  }
  
  .testimonials_section .slick-dots li {
    display: block;
    width: 3px;
    height: 40px;
    margin: 6px 0;
    background-color: #FFF;
    border-radius: 0;
    border: 0;
  }
  
  .testimonials_section .slick-dots li button {
    display: none;
  }
  
  .testimonials_section .slick-dots li button::before {
    display: none;
  }
  
  .testimonials_section .slick-dots li.slick-active {
    background-color: var(--color-primary);
  }
  
  .testimonials_section .slick-slide.slick-active.slick-center {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  .testimonials_section h5.title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 124px;
    margin-top: -55px;
  }
  
  .testimonials_section.slick-dotted.slick-slider {
    margin: 0;
  }
  
  .elementor-counter .elementor-counter-number {
    font-family: var(--font-heading);
  }
  
  .elementor-counter .elementor-counter-title {
    font-family: var(--font-body);
  }
  
  .wpee-user-stories-wrap .user-stories-wrap {
    margin: 0;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .desc {
    display: none;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .link-wrap {
    display: none;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .content-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .user-story-wrap {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33% - 20px);
    flex: 0 0 calc(33.33% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .img-holder {
    width: 100%;
    border-radius: 8px;
    height: 0;
    padding-top: 61.46%;
    position: relative;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .thumb-big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .date-wrap {
    font-size: 14px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.5);
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .date-wrap i {
    display: none;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .story-content-wrap {
    padding: 24px;
    margin: -30px 30px 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 10px 30px rgba(167, 101, 252, 0.1);
    box-shadow: 0px 10px 30px rgba(167, 101, 252, 0.1);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 9;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .post-title {
    font-size: 18px;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .post-title a {
    font-size: 18px;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .content-wrap-inner.left-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%);
    flex: 0 0 calc(100%);
    margin: 0;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .content-wrap-inner.left-wrap .user-story-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .content-wrap-inner.right-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%);
    flex: 0 0 calc(100%);
    gap: 30px;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .content-wrap-inner.right-wrap .user-story-wrap:first-child {
    margin: 0;
  }
  
  .wpee-user-stories-wrap .user-stories-wrap .content-wrap-inner.right-wrap .user-story-wrap:not(:last-child) {
    margin: 0;
  }
  
  .how-it-works-panel ul {
    margin-left: 16px;
    padding-left: 0;
  }
  
  .how-it-works-panel ul li + li {
    margin-top: 8px;
  }
  
  .how-it-works-panel ol {
    margin-left: 16px;
    padding-left: 0;
  }
  
  .how-it-works-panel ol li + li {
    margin-top: 8px;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper {
    margin: 0;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .desc {
    display: none;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .link-wrap {
    display: none;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .content-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    margin: 0;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .blog-card-wrap {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33% - (30px * 2 / 3));
    flex: 0 0 calc(33.33% - (30px * 2 / 3));
    margin: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 9;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .cat-wrap {
    line-height: 1.3;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .cat-wrap a {
    color: var(--color-primary);
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .img-holder {
    border-radius: 8px;
    height: 0;
    padding-top: 61.46%;
    position: relative;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .img-holder a {
    display: block;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .img-holder img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .thumb-big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .date-wrap {
    font-size: 14px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.5);
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .date-wrap i {
    display: none;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .blog-content-wrap {
    padding: 24px;
    margin: -30px 30px 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 10px 30px rgba(167, 101, 252, 0.1);
    box-shadow: 0px 10px 30px rgba(167, 101, 252, 0.1);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .post-title {
    font-size: 18px;
  }
  
  .wpee-blog-post-wrap .blog-list-wrapper .post-title a {
    font-size: 18px;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper {
    margin: 0;
    padding-bottom: 64px;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .desc {
    display: none;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .link-wrap {
    display: none;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .content-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    margin: 0;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .blog-card-wrap {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33% - (30px * 2 / 3));
    flex: 0 0 calc(33.33% - (30px * 2 / 3));
    margin: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 9;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .cat-wrap {
    line-height: 1.3;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .cat-wrap a {
    color: var(--color-primary);
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .img-holder {
    border-radius: 8px;
    height: 0;
    padding-top: 61.46%;
    position: relative;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .img-holder a {
    display: block;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .img-holder img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .thumb-big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .date-wrap {
    font-size: 14px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.5);
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .date-wrap i {
    display: none;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .blog-content-wrap {
    padding: 24px;
    margin: -30px 30px 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 10px 30px rgba(167, 101, 252, 0.1);
    box-shadow: 0px 10px 30px rgba(167, 101, 252, 0.1);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .post-title {
    font-size: 18px;
  }
  
  .page-template-tpl-blog-post .blog-list-wrapper .post-title a {
    font-size: 18px;
  }
  
  .blog-primary .wpee-blog-post-wrap .blog-list-wrapper .blog-content-wrap {
    background: rgba(119, 28, 236, 0.7);
    -webkit-box-shadow: 0px 10px 30px rgba(65, 12, 133, 0.2);
    box-shadow: 0px 10px 30px rgba(65, 12, 133, 0.2);
  }
  
  .blog-primary .wpee-blog-post-wrap .blog-list-wrapper .blog-content-wrap .post-title a {
    color: rgba(255, 255, 255, 0.9);
  }
  
  .blog-primary .wpee-blog-post-wrap .blog-list-wrapper .blog-content-wrap .post-meta {
    color: #A0E514;
  }
  
  .blog-tips .wpee-blog-post-wrap .blog-list-wrapper {
    counter-reset: tip;
  }
  
  .blog-tips .wpee-blog-post-wrap .blog-list-wrapper .blog-content-wrap .post-title {
    margin: 0;
  }
  
  .blog-tips .wpee-blog-post-wrap .blog-list-wrapper .blog-content-wrap .date-wrap {
    display: none;
  }
  
  .blog-tips .wpee-blog-post-wrap .blog-list-wrapper .blog-content-wrap:before {
    content: "Tip #" counter(tip);
    font-size: 14px;
    margin-bottom: 18px;
    line-height: 100%;
    color: #A0E514;
    display: block;
  }
  
  .blog-tips .wpee-blog-post-wrap .blog-list-wrapper .blog-card-wrap {
    counter-increment: tip;
  }
  
  .site-body {
    background-color: #FFF;
    position: relative;
    z-index: 2;
    min-height: calc(100vh - 93px);
  }
  
  footer.site-footer {
    background-color: #FFF;
    color: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    padding-top: 32px;
  }
  
  footer.site-footer .footer-title {
    color: rgba(0, 0, 0, 0.9);
    font-size: 24px;
    margin-bottom: 24px;
  }
  
  footer.site-footer .widgettitle {
    color: rgba(0, 0, 0, 0.9);
    font-size: 24px;
    margin-bottom: 24px;
  }
  
  footer.site-footer ul li {
    margin-bottom: .5em;
  }
  
  footer.site-footer ul li a {
    color: rgba(0, 0, 0, 0.75);
  }
  
  footer.site-footer ul.footer-menu li:not(:last-child) {
    margin-bottom: .5em;
  }
  
  footer.site-footer .widget ul li:not(:last-child) {
    margin-bottom: .5em;
  }
  
  footer.site-footer ul.detials-wrap li:not(:last-child) {
    margin-bottom: .5em;
  }
  
  footer.site-footer .footer-logo {
    margin: 0;
    display: block;
  }
  
  footer.site-footer .copyright-wrap {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  footer.site-footer .social-links > li > a {
    border: none;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.75);
    background-color: rgba(0, 0, 0, 0.05);
  }
  
  .newsletter-wrap form .form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  
  .newsletter-wrap form .form-inline .form-group {
    margin-bottom: 12px;
  }
  
  .newsletter-wrap form .submit-wrap {
    position: static;
    width: 100% !important;
    height: auto;
  }
  
  .newsletter-wrap form .submit-wrap::before {
    display: none;
  }
  
  .newsletter-wrap form .submit-wrap input[type="submit"] {
    height: auto;
    opacity: 1;
    font-size: 14px;
    color: #FFF;
    border-radius: 5px;
    background-color: var(--color-primary);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 13px 24px;
    height: 48px;
  }
  
  .newsletter-wrap form input {
    border: 1px solid #E0D2F2;
    height: 48px;
  }
  
  #chat-main-container {
    font-family: var(--font-body);
    color: var(--color-body);
  }
  
  #chat-main-container #chat-form-open-button {
    border-radius: 44px;
    width: 44px;
    height: 44px;
    bottom: 16px;
    right: 16px;
    font-size: 0;
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M22,4C22,2.89 21.1,2 20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H18L22,22V4Z' /%3E%3C/svg%3E");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--color-primary);
  }
  
  #chat-main-container #chat-form-open-button:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  #chat-main-container #search-recent-user {
    border-radius: 0;
  }
  
  #chat-main-container #search-contact {
    border-radius: 0;
  }
  
  #chat-main-container button {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  #chat-main-container .tab button.tablinks {
    font-weight: 500;
    font-size: 14px;
    color: var(--color-body);
    background-color: var(--color-border);
  }
  
  #chat-main-container .tab button.tablinks-active {
    background-color: #FFF;
    color: var(--color-primary);
  }
  
  #chat-main-container .tab button.tablinks-active:hover {
    background-color: #FFF;
    color: var(--color-primary);
  }
  
  #chat-main-container .dsp-user-container div {
    line-height: 1.1;
  }
  
  #chat-main-container .dsp-user-container p {
    color: rgba(0, 0, 0, 0.65);
    font-weight: 400;
  }
  
  #chat-main-container .dsp-user-container span.msg-unread {
    color: #FC6565;
  }
  
  #chat-main-container .chat-user-search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  #chat-main-container .chat-user-search-box #search-recent-user {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  
  #chat-main-container .chat-user-search-box #recent-chat-friends-only {
    margin: 8px 8px 8px 12px;
  }
  
  #chat-main-container .chat-user-search-box #contact-friends-only {
    margin: 8px 8px 8px 12px;
  }
  
  #chat-main-container .chat-user-search-box label {
    margin: 0;
  }
  
  #chat-main-container .message-container-right .message-text {
    background-color: var(--color-primary);
    margin: 8px 8px 0px 0px;
    border-radius: 20px;
  }
  
  #chat-main-container .message-container-left .message-text {
    background-color: var(--color-border);
    margin: 8px 0px 0px 8px;
    border-radius: 20px;
  }
  
  #chat-main-container .image-selector {
    opacity: .7;
    color: var(--color-primary);
    cursor: pointer;
  }
  
  #chat-main-container .image-selector img {
    display: none;
  }
  
  #chat-main-container .image-selector:after {
    content: '\F02E9';
    font-family: "mdi";
    font-size: 24px;
  }
  
  #chat-main-container .image-selector:hover {
    opacity: 1;
  }
  
  #chat-main-container .chat-sent-button {
    background: none;
    padding: 0 8px 0 4px;
    opacity: .7;
    color: var(--color-primary);
    cursor: pointer;
  }
  
  #chat-main-container .chat-sent-button:after {
    font-family: 'mdi';
    content: '\F048A';
    font-size: 22px;
    line-height: 1;
  }
  
  #chat-main-container .chat-sent-button:hover {
    opacity: 1;
  }
  
  #chat-main-container .emoji-picker-icon {
    opacity: .7;
    color: var(--color-primary);
    cursor: pointer;
  }
  
  #chat-main-container .emoji-picker-icon:hover {
    opacity: 1;
  }
  
  #chat-main-container .chat-form-close-container {
    background-color: #FFF;
    color: var(--color-heading);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
    left: 0;
    right: 0;
    top: 5px;
  }
  
  #chat-main-container .chat-form#chat-form {
    border: none;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding-top: 32px;
    border-radius: 5px 5px 0 0;
  }
  
  #chat-main-container .chat-form#chat-form .chat-form-close-container .chat-form-close {
    font-size: 0;
    line-height: 0;
    color: var(--color-heading);
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 4px 8px 4px 16px;
  }
  
  #chat-main-container .chat-form#chat-form .chat-form-close-container .chat-form-close:before {
    font-family: "mdi";
    content: '\F0156';
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  #chat-main-container .chat-form#chat-form .chat-form-close-container .chat-form-close:hover {
    color: var(--color-primary);
  }
  
  #chat-main-container .chat-container {
    padding-top: 32px;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
  
  #chat-main-container .chat-container .chat-form-close-container .chat-form-close {
    padding: 3px 15px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
  
  #chat-main-container .chat-container .chat-form-close-container .chat-form-close:hover a.chat_user_name {
    color: var(--color-primary);
  }
  
  #chat-main-container .chat-container button.chat_user_close {
    font-size: 0;
    line-height: 0;
    top: 0;
    color: var(--color-heading);
  }
  
  #chat-main-container .chat-container button.chat_user_close:before {
    font-family: "mdi";
    content: '\F0156';
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 8px;
    top: 50%;
    font-weight: normal;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  #chat-main-container .chat-container button.chat_user_close:hover {
    color: var(--color-primary);
  }
  
  #chat-main-container .chat-container .chat_user_name {
    color: var(--color-heading);
  }
  
  #chat-main-container .chat-container .file-input {
    bottom: 58px;
    position: absolute;
    border: none;
    width: 100%;
    height: auto;
    padding: 16px;
    background-color: #FFF;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
  }
  
  #chat-main-container .chat-container .file-input img {
    height: 84px;
    margin: 0;
  }
  
  #chat-main-container .chat-container .file-input a {
    margin: 0;
    top: 8px;
    left: 8px;
    right: 8px;
    text-align: center;
  }
  
  #chat-main-container .chat-container .file-input a:hover {
    color: var(--color-primary);
  }
  
  #chat-main-container .plus-icon {
    background-color: var(--color-info);
  }
  
  #chat-main-container .plus-icon:hover {
    background-color: var(--color-info);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  #chat-main-container .emoji-wysiwyg-editor {
    background-color: rgba(167, 101, 252, 0.05);
    border-color: rgba(167, 101, 252, 0.1) !important;
  }
  
  #chat-main-container .emoji-wysiwyg-editor:focus {
    background-color: #FFF;
    border-color: rgba(167, 101, 252, 0.3) !important;
  }
  
  #chat-main-container .recent-chats .recent-chat-container .dsp-user-container .active {
    background-color: #f1fdd8;
  }
  
  #chat-main-container .open-container-button {
    background-color: #FFF;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.05);
    color: var(--color-heading);
    padding: 9px;
    font-size: 14px;
  }
  
  #chat-main-container .open-container-button:hover {
    color: var(--color-primary);
  }
  
  #chat-main-container .user-chat-box {
    overflow: auto;
  }
  
  #chat-main-container .recent-chat-container {
    overflow: auto !important;
    height: 292px !important;
  }
  
  #chat-main-container .contact-container {
    overflow: auto !important;
    height: 292px !important;
  }
  
  #chat-main-container .hidden-chat-box .btn2 {
    font-size: 0;
    line-height: 0;
  }
  
  #chat-main-container .hidden-chat-box .btn2:before {
    font-family: "mdi";
    content: '\F0156';
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
  }
  
  #chat-main-container .hidden-chat-box .btn2:hover {
    color: var(--color-primary) !important;
  }
  
  #toTop {
    border-radius: 44px;
    font-size: 24px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
  }
  
  #toTop:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  #toTop.slide-in {
    border-radius: 44px;
    bottom: 70px;
    right: 16px;
    width: 44px;
    visibility: visible;
    height: 44px;
  }
  
  .filter-bar-wrap {
    max-width: 630px;
    height: 64px;
    margin: 0 auto;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 40px rgba(107, 9, 232, 0.15);
    box-shadow: 0px 10px 40px rgba(107, 9, 232, 0.15);
    border-radius: 8px;
    padding: 0 8px;
  }
  
  .filter-bar-wrap .search-block-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    max-width: 100%;
    padding: 0;
  }
  
  .filter-bar-wrap .search-block-wrap input {
    font-size: 18px;
    padding-left: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23D1C1E6' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 8px 50%;
    height: 48px;
  }
  
  .wpee-ajax-filter {
    margin-bottom: 70px;
  }
  
  .trigger-filter-icon {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    margin-left: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .trigger-filter-icon:before {
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    background-color: var(--color-primary);
    opacity: .15;
  }
  
  .trigger-filter-icon .fa-sliders {
    font-family: "mdi";
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    -webkit-transform: none;
    transform: none;
    color: var(--color-primary);
    position: relative;
    z-index: 2;
  }
  
  .trigger-filter-icon .fa-sliders::before {
    content: '\F0236';
  }
  
  .trigger-filter-icon:hover .fa-sliders {
    color: #FFF;
  }
  
  .offcanvase-filter-wrap-active .site-body {
    z-index: 90;
  }
  
  .wpee-profile-header .profile-cover-photo {
    background-color: var(--color-primary);
  }
  
  .wpee-profile-header .profile-cover-photo .profile-cover-image {
    min-height: 186px;
  }
  
  .wpee-profile-header .profile-user-details {
    margin-top: -68px !important;
    margin-bottom: 48px;
  }
  
  .wpee-profile-header .profile-user-details .profile-img figure {
    width: 190px;
    height: 190px;
    border-radius: 190px;
    border-width: 4px;
  }
  
  .wpee-profile-header .profile-user-details .update_profile_text_div {
    bottom: 8px;
    right: 8px;
  }
  
  .wpee-profile-header .profile-user-details .user-info-wrapper {
    margin: 92px 0 0 32px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .wpee-profile-header .profile-user-details .user-info-wrapper .account-status {
    margin: 8px 0 0 18px;
    color: #7DB210;
    border: 1px solid rgba(125, 178, 16, 0.15);
    background: #EEF9E3;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 6px 12px;
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
    border-radius: 20px;
  }
  
  .wpee-profile-header .profile-user-details .profile-header-right {
    margin-bottom: 0;
  }
  
  .wpee-profile-header .profile-user-details .change-cover-photo .trigger-cover-photo {
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    padding: 10px 20px;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .wpee-profile-header .profile-user-details .change-cover-photo .trigger-cover-photo:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
  }
  
  .wpee-profile-header h4.username.text-white {
    color: var(--color-heading);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 32px;
  }
  
  .wpee-profile-header .account-status {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  
  .wpee-profile-header .age-location-wrap.text-white {
    color: var(--color-body);
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    font-size: 16px;
  }
  
  .wpee-profile-header .age-location-wrap.text-white span {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .wpee-profile-header .profile-status-title {
    display: none;
  }
  
  .wpee-profile-header .profile-header-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 92px;
  }
  
  .wpee-profile-header .wpee-profile-header {
    padding-bottom: 16px;
  }
  
  .wpee-profile-header .wpee-profile-header .profile-header-right .wpee-friend-request a {
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    padding: 10px 20px;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .wpee-profile-header .wpee-profile-header .profile-header-right .wpee-friend-request a:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
  }
  
  .wpee-profile-header .wpee-profile-header .profile-header-right .wpee-block-user a {
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    padding: 10px 20px;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .wpee-profile-header .wpee-profile-header .profile-header-right .wpee-block-user a:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
  }
  
  .wpee-profile-header .wpee-profile-header::after {
    background-color: var(--color-border);
  }
  
  .wpee-profile-header .trigger-cover-photo::before {
    content: '\F0101';
    font: normal 14px/1 "mdi";
    color: rgba(0, 0, 0, 0.9);
    display: inline-block;
    margin-right: 8px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  
  .wpee-profile-header .trigger-cover-photo:hover::before {
    color: var(--color-primary);
  }
  
  .wpee-profile-header .profile-header-menu {
    margin: 0;
  }
  
  .wpee-profile-header .profile-header-menu .profile-menu-tab li.profile-menu-tab-list {
    position: relative;
    margin: 0;
  }
  
  .wpee-profile-header .profile-header-menu .profile-menu-tab li.profile-menu-tab-list a {
    font-family: var(--font-body) !important;
    padding: 10px 24px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
  }
  
  .wpee-profile-header .profile-header-menu .profile-menu-tab li.profile-menu-tab-list a:hover {
    color: var(--color-primary);
  }
  
  .wpee-profile-header .profile-header-menu .profile-menu-tab li.profile-menu-tab-list.active a {
    color: var(--color-primary);
  }
  
  .main-profile-mid-wrapper {
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    padding: 0;
    margin: 0;
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  
  .no-left-bar .main-profile-mid-wrapper {
    width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    border-left: none;
    padding: 30px 30px 64px 0;
  }
  
  ul.profile-section-tab {
    background-color: transparent;
    padding: 0;
    margin-bottom: 32px;
    border-radius: 0;
    padding-bottom: 16px;
    margin-bottom: 16px;
    overflow: auto;
  }
  
  ul.profile-section-tab li:not(:last-child) {
    margin-right: 16px;
  }
  
  ul.profile-section-tab li a {
    font-size: 16px;
    border-radius: 8px;
    padding: 12px 24px;
    margin: 0;
    color: rgba(0, 0, 0, 0.65);
    white-space: nowrap;
  }
  
  ul.profile-section-tab li a::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
  }
  
  ul.profile-section-tab li a:hover {
    color: var(--color-primary);
  }
  
  ul.profile-section-tab li a:hover::before {
    opacity: .1;
    background-color: var(--color-primary);
  }
  
  ul.profile-section-tab li a:hover:hover::before {
    opacity: .2;
  }
  
  ul.profile-section-tab li.active a {
    color: var(--color-primary);
  }
  
  ul.profile-section-tab li.active a::before {
    opacity: .1;
    background-color: var(--color-primary);
  }
  
  ul.profile-section-tab li.active a:hover::before {
    opacity: .2;
  }
  
  .main-tab-wrap .main-title-tab-wrap {
    background-color: transparent;
    padding: 0;
    margin-bottom: 32px;
    border-radius: 0;
  }
  
  .main-tab-wrap .search-tab-title {
    font-size: 16px;
    border-radius: 8px;
    padding: 12px 24px;
    margin: 0;
    color: rgba(0, 0, 0, 0.65);
  }
  
  .main-tab-wrap .search-tab-title:not(:last-child) {
    margin-right: 16px;
  }
  
  .main-tab-wrap .search-tab-title::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
  }
  
  .main-tab-wrap .search-tab-title:hover {
    color: var(--color-primary);
  }
  
  .main-tab-wrap .search-tab-title:hover::before {
    opacity: .1;
    background-color: var(--color-primary);
  }
  
  .main-tab-wrap .search-tab-title:hover:hover::before {
    opacity: .2;
  }
  
  .main-tab-wrap .search-tab-title.active {
    color: var(--color-primary);
  }
  
  .main-tab-wrap .search-tab-title.active::before {
    opacity: .1;
    background-color: var(--color-primary);
  }
  
  .main-tab-wrap .search-tab-title.active:hover::before {
    opacity: .2;
  }
  
  .wpee-search-block .wpee-search-tab .search-tab {
    background-color: transparent;
    padding: 0;
    margin-bottom: 32px;
    border-radius: 0;
  }
  
  .wpee-search-block .wpee-search-tab .search-tab .search-tab-title {
    font-size: 16px;
    border-radius: 8px;
    padding: 12px 24px;
    margin: 0;
    color: rgba(0, 0, 0, 0.65);
  }
  
  .wpee-search-block .wpee-search-tab .search-tab .search-tab-title:not(:last-child) {
    margin-right: 16px;
  }
  
  .wpee-search-block .wpee-search-tab .search-tab .search-tab-title::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
  }
  
  .wpee-search-block .wpee-search-tab .search-tab .search-tab-title:hover {
    color: var(--color-primary);
  }
  
  .wpee-search-block .wpee-search-tab .search-tab .search-tab-title:hover::before {
    opacity: .1;
    background-color: var(--color-primary);
  }
  
  .wpee-search-block .wpee-search-tab .search-tab .search-tab-title:hover:hover::before {
    opacity: .2;
  }
  
  .wpee-search-block .wpee-search-tab .search-tab .search-tab-title.active {
    color: var(--color-primary);
  }
  
  .wpee-search-block .wpee-search-tab .search-tab .search-tab-title.active::before {
    opacity: .1;
    background-color: var(--color-primary);
  }
  
  .wpee-search-block .wpee-search-tab .search-tab .search-tab-title.active:hover::before {
    opacity: .2;
  }
  
  .profile-section-content {
    border: none;
    padding: 0;
  }
  
  .profile-section-content .btn-blue-wrap {
    text-align: center;
    padding: 32px 0;
  }
  
  .wpee-edit-profile-form {
    margin-top: 32px;
  }
  
  .wpee-edit-profile-form .heading-submenu {
    color: var(--color-heading);
    border-color: var(--color-border);
    font-size: 16px;
    padding-bottom: 8px;
    margin-bottom: 24px;
    letter-spacing: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .wpee-edit-profile-form .heading-submenu::after {
    background: var(--color-primary);
    height: 1px;
    bottom: -1px;
    position: absolute;
  }
  
  #news-feed .feeds-content > ul > li {
    background-color: transparent;
    padding: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid var(--color-border);
    border-radius: 0;
    margin: 0;
  }
  
  #news-feed .feeds-content > ul > li:not(:last-child) {
    margin: 0;
  }
  
  #news-feed .feed-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  #news-feed .feed-header .feed-profile-img a {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    -webkit-box-shadow: 0 0 0 1px var(--color-border);
    box-shadow: 0 0 0 1px var(--color-border);
    border-width: 3px;
  }
  
  #news-feed .feed-header .feed-profile-img a img {
    border-radius: 48px;
  }
  
  .profle-status {
    background-color: transparent;
    padding: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid var(--color-border);
    border-radius: 0;
    margin: 0;
    margin: 0;
  }
  
  .profle-status .profile-status-img {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    -webkit-box-shadow: 0 0 0 1px var(--color-border);
    box-shadow: 0 0 0 1px var(--color-border);
    border-width: 3px;
  }
  
  .profle-status .profile-status-img img {
    border-radius: 48px;
  }
  
  .profle-status form.wpee-status-form .form-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .profle-status form.wpee-status-form .profile-status-text {
    background-color: #F8ECFF;
    border: none;
    border-radius: 0px 8px 8px 8px;
    padding: 14px 18px;
    height: 95px;
    width: 100%;
    max-width: none;
    max-height: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 0 16px 16px;
    border: 1px solid #F8ECFF;
  }
  
  .profle-status form.wpee-status-form .profile-status-text::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .profle-status form.wpee-status-form .profile-status-text:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .profle-status form.wpee-status-form .profile-status-text::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .profle-status form.wpee-status-form .profile-status-text::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .profle-status form.wpee-status-form .profile-status-text:focus {
    background-color: #FFF;
    border-color: rgba(0, 0, 0, 0.25);
  }
  
  .profle-status form.wpee-status-form input.wpee-btn[type="submit"] {
    margin-left: auto;
    font-size: 14px;
    height: 44px;
    padding: 0 35px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
  }
  
  .profle-status form.wpee-status-form input.wpee-btn[type="submit"]:hover {
    border-color: var(--color-primary);
  }
  
  .profile-content-inner .profile-activity-sidebar {
    width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 30px 30px 30px 0;
  }
  
  .profile-content-inner .profile-activity-sidebar .wpee-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: none;
    border-radius: 0;
    margin-bottom: 64px;
  }
  
  .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-header {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-header .wpee-block-title {
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    background-color: transparent;
    margin: 0;
    letter-spacing: -0.03em;
  }
  
  .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-content {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    margin-top: 24px;
  }
  
  .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-content .profile-detail-list li {
    margin-bottom: 8px;
    border-radius: 8px;
    padding: 8px 16px;
    background-color: #F7F5F8;
    color: var(--color-heading);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-content .profile-detail-list li span {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    max-width: 100%;
  }
  
  .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-footer {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border: none;
    padding: 0;
    margin-left: auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-footer a {
    padding: 0;
    font-size: 14px;
    color: var(--color-primary);
  }
  
  .profile-content-inner .profile-activity-sidebar .profile-quick-search {
    background-color: #E4FAFF;
    border-radius: 8px;
    padding: 24px;
  }
  
  .profile-content-inner .profile-activity-sidebar .profile-quick-search .dsp-form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #CFF4FC;
    border-radius: 5px;
    height: 44px;
    font-size: 14px;
  }
  
  .profile-content-inner .profile-activity-sidebar .profile-quick-search select.dsp-form-control {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.238473 0.650583C0.431438 0.457618 0.744295 0.457618 0.937259 0.650583L4.58787 4.30119L8.23847 0.650583C8.43144 0.457618 8.7443 0.457618 8.93726 0.650583C9.13023 0.843547 9.13023 1.1564 8.93726 1.34937L4.93726 5.34937C4.7443 5.54233 4.43144 5.54233 4.23847 5.34937L0.238473 1.34937C0.0455089 1.1564 0.0455089 0.843547 0.238473 0.650583Z' fill='%2311C7EF'/%3E%3C/svg%3E%0A");
    background-position: right 12px top 50%;
    background-repeat: no-repeat;
    background-size: 10px 6px;
  }
  
  .profile-content-inner .profile-activity-sidebar .profile-quick-search .dsp-control-label {
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    margin-bottom: 4px;
  }
  
  .profile-content-inner .profile-activity-sidebar .profile-quick-search input.dsp_submit_button {
    background-color: var(--color-info);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 0;
  }
  
  .profile-content-inner .profile-activity-sidebar .profile-quick-search .wpee-block-footer {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
  }
  
  .profile-content-inner .profile-activity-sidebar .profile-quick-search .wpee-block-footer a {
    color: var(--color-info);
  }
  
  .profile-activity-right-sidebar {
    width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 30px 0 30px 30px;
  }
  
  .profile-activity-right-sidebar .wpee-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: none;
    border-radius: 0;
    margin-bottom: 64px;
  }
  
  .profile-activity-right-sidebar .wpee-block .wpee-block-header {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .profile-activity-right-sidebar .wpee-block .wpee-block-header .wpee-block-title {
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    background-color: transparent;
    margin: 0;
    letter-spacing: -0.03em;
  }
  
  .profile-activity-right-sidebar .wpee-block .wpee-block-content {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    margin-top: 24px;
  }
  
  .profile-activity-right-sidebar .wpee-block .wpee-block-footer {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border: none;
    padding: 0;
    margin-left: auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  .profile-activity-right-sidebar .wpee-block .wpee-block-footer a {
    padding: 0;
    font-size: 14px;
    color: var(--color-primary);
  }
  
  .profile-activity-right-sidebar .online-members-section {
    gap: 15px;
  }
  
  .profile-activity-right-sidebar .online-members-section > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33% - 10px);
    flex: 0 0 calc(33.33% - 10px);
    margin: 0;
    height: auto;
  }
  
  .profile-activity-right-sidebar .online-members-section > li a {
    display: block;
    position: relative;
  }
  
  .profile-activity-right-sidebar .online-members-section > li a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    left: 0;
    top: 0;
    border: 3px solid transparent;
  }
  
  .profile-activity-right-sidebar .online-members-section > li a span.profile-right-sidebar-online-member-wrap {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 100px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .profile-activity-right-sidebar .online-members-section > li:hover {
    border: none;
  }
  
  .profile-activity-right-sidebar .online-members-section > li:hover::after {
    border-color: var(--color-primary);
  }
  
  .profile-activity-right-sidebar .meet-to-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    background-color: #FFF;
    -webkit-box-shadow: 0 10px 30px rgba(167, 101, 252, 0.2);
    box-shadow: 0 10px 30px rgba(167, 101, 252, 0.2);
    margin-bottom: 64px;
  }
  
  .profile-activity-right-sidebar .meet-to-info .dsp-meetme-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .profile-activity-right-sidebar .meet-to-info .dsp-meet-details {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px;
  }
  
  .profile-activity-right-sidebar .meet-to-info .dsp-meet-details .user-info {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-size: 14px;
    color: var(--color-body);
  }
  
  .profile-activity-right-sidebar .meet-to-info .dsp-meet-details .user-name {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 18px;
  }
  
  .profile-activity-right-sidebar .meet-to-info > h2 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    font-size: 14px !important;
    padding: 12px;
    text-align: center;
    margin: 0;
    border-top: 1px solid #DDF1B4;
    background: #ECFAD0;
    color: #7DB210;
  }
  
  .profile-activity-right-sidebar .meet-to-info .wpee-meetme-action-wrap {
    margin: 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .profile-activity-right-sidebar .meet-to-info .wpee-meetme-action-wrap a {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }
  
  .profile-activity-right-sidebar .meet-to-info .wpee-meetme-action-wrap a[data-action="yes"] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background: #95CD6A;
    border-radius: 0px 0px 8px 0px;
    color: #FFF;
  }
  
  .profile-activity-right-sidebar .meet-to-info .wpee-meetme-action-wrap a[data-action="yes"]:hover {
    background: #7fc34b;
  }
  
  .profile-activity-right-sidebar .meet-to-info .wpee-meetme-action-wrap a[data-action="yes"]::before {
    border-radius: 0px 0px 8px 0px;
  }
  
  .profile-activity-right-sidebar .meet-to-info .wpee-meetme-action-wrap a[data-action="no"] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    background: #FC6565;
    border-radius: 0px 0px 0px 8px;
    color: #FFF;
  }
  
  .profile-activity-right-sidebar .meet-to-info .wpee-meetme-action-wrap a[data-action="no"]:hover {
    background: #fb3d3d;
  }
  
  .profile-activity-right-sidebar .meet-to-info .wpee-meetme-action-wrap a[data-action="no"]::before {
    border-radius: 0px 0px 0px 8px;
  }
  
  .profile-photo-list {
    gap: 15px;
    margin: 0 !important;
  }
  
  .profile-photo-list .photos-list {
    width: calc(33.33% - 10px);
    margin: 0;
  }
  
  .profile-photo-list .photos-list a {
    width: 100%;
  }
  
  .profile-photo-list .photos-list a span.image-bg {
    display: block;
    min-height: 0%;
    padding-top: 100%;
  }
  
  .friends-member.wpee-block ul li {
    margin: 0;
    padding: 0 12px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7.70711 6.29289C7.89464 6.48043 8 6.73478 8 7C8 7.26522 7.89464 7.51957 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683418 14.0976 0.292894 13.7071C-0.0976305 13.3166 -0.0976306 12.6834 0.292894 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='%23AF87E2' fill-opacity='0.2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 0 top 50%;
    background-size: 8px 14px;
    position: relative;
  }
  
  .friends-member.wpee-block ul li figure {
    border-radius: 80px;
    width: 80px;
    height: 80px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
  }
  
  .friends-member.wpee-block ul li figure .profile-friend-cover-thumb {
    width: 80px;
    height: 80px;
  }
  
  .friends-member.wpee-block ul li .user-name-show {
    width: auto;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  .friends-member.wpee-block ul li .user-name-show a {
    color: var(--color-heading);
    font-size: 16px;
  }
  
  .friends-member.wpee-block ul li .user-name-show a:hover {
    color: var(--color-primary);
  }
  
  .friends-member.wpee-block ul li .user-name-show a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  
  .friends-member.wpee-block ul li .user-name-show .count-friends {
    color: var(--color-body);
    font-size: 14px;
  }
  
  .friends-member.wpee-block ul > li:not(:last-child) {
    border: none;
    padding-bottom: 0;
    margin-bottom: 16px;
  }
  
  .wpee-profile-content {
    -webkit-box-shadow: 0 -1px var(--color-border) inset;
    box-shadow: 0 -1px var(--color-border) inset;
  }
  
  .feed-title-wrap {
    font-size: 14px;
  }
  
  .feed-title-wrap .feed-title {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.9);
  }
  
  .feed-title-wrap [data-time] {
    color: rgba(0, 0, 0, 0.5);
  }
  
  .wpee-feed-list .feed-content span.image-bg {
    border-radius: 8px;
    min-height: 0;
    padding-top: 56.25%;
  }
  
  .wpee-feed-list .feed-content audio {
    width: 100%;
    border-radius: 8px;
  }
  
  .wpee-feed-list .feed-content video {
    width: 100%;
    border-radius: 8px;
  }
  
  .wpee-feed-list .feed-content .video-box {
    position: relative;
    height: 0;
    padding-top: 56.25%;
  }
  
  .wpee-feed-list .feed-content .video-box video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .meet-to-info.no-user-profiles {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    border: none;
    font-size: 14px;
    padding: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .wpee-search-tab .heading-submenu {
    color: var(--color-heading);
    border-color: var(--color-border);
    font-size: 16px;
    padding-bottom: 8px;
    margin-bottom: 24px;
    letter-spacing: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .wpee-search-tab .heading-submenu::before {
    background: var(--color-primary);
    height: 1px;
    bottom: -1px;
    position: absolute;
  }
  
  .wpee-search-tab .heading-submenu .near-me-message {
    margin-top: 0;
  }
  
  .wpee-search-tab .tab-content-wrapper {
    padding: 32px 0;
    border: none;
  }
  
  .wpee-edit-profile-inner.profile-section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 64px;
  }
  
  .wpee-edit-profile-inner.profile-section-content .edit_my_location_form {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  
  #map_wrapper {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100% !important;
    margin: 0 0 32px 0 !important;
  }
  
  #map_wrapper button {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
  }
  
  #map_wrapper img {
    max-width: none;
  }
  
  .additional-search {
    margin: 32px 0;
    padding: 24px;
    position: relative;
  }
  
  .additional-search > * {
    position: relative;
  }
  
  .additional-search::before {
    content: '';
    background-color: var(--color-primary);
    opacity: .07;
    border-radius: 8px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  
  .additional-search .option-btn-adv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .additional-search .option-btn-adv input[type="checkbox"] {
    margin: 0;
    width: 14px;
    height: 14px;
  }
  
  .additional-search .option-btn-adv > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 14em;
    flex: 1 1 14em;
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 4px;
    line-height: 1.2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .additional-search .panel-title-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-heading);
    cursor: auto;
  }
  
  .additional-search .panel-title-toggle .icon-plus {
    display: none;
  }
  
  .near-me-message {
    margin-top: 0;
  }
  
  .near-me-message a {
    font-weight: 700;
    color: var(--color-primary);
  }
  
  .near-me-message a:hover {
    text-decoration: underline;
  }
  
  .wpee-container .profile-content-inner input[type="submit"] {
    padding: 16px 32px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .wpee-container .profile-content-inner input[type="submit"]:hover {
    background-color: var(--color-primary);
    color: #FFF;
  }
  
  .wpee-gift-inner form .form-group input[type="radio"]:checked + img {
    border: none;
    -webkit-box-shadow: 0 0 0 3px var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary);
  }
  
  form .form-inline.zip-search .form-group {
    margin-right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(100% / 4 - 16px);
    flex: 0 1 calc(100% / 4 - 16px);
  }
  
  form .form-inline.zip-search .form-group input[type=submit] {
    width: 100%;
  }
  
  form .form-group.dsp-row {
    width: auto;
  }
  
  form .setting-page-account .form-group:last-child {
    margin-bottom: 0;
  }
  
  .profile-content-inner.media {
    overflow: visible;
  }
  
  .profile-content-inner.media table.table tbody.files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    gap: 30px;
  }
  
  .profile-content-inner.media table.table tbody.files .preview {
    display: block;
  }
  
  .profile-content-inner.media table.table tbody.files .preview a {
    display: block;
  }
  
  .profile-content-inner.media table.table tbody.files button.delete {
    margin-top: 8px;
    font-size: 14px;
    padding: 8px 16px;
    background-color: rgba(220, 20, 60, 0.059);
    border-color: rgba(219, 20, 60, 0.153);
    color: #dc143c;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
  }
  
  .profile-content-inner.media table.table tbody.files button.delete:hover {
    background-color: rgba(220, 20, 60, 0.153);
  }
  
  .profile-content-inner.media table.table tbody.files button.delete span {
    margin-left: 4px;
  }
  
  .profile-content-inner.media table.table .template-download {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - 20px);
    flex: 0 0 calc(100% / 3 - 20px);
    margin: 0;
    text-align: center;
    position: relative;
  }
  
  .profile-content-inner.media table.table .template-download .image-bg {
    height: auto;
    min-height: 0;
    padding-top: 100%;
    border-radius: 8px;
  }
  
  .profile-content-inner.media table.table .template-download .info.text-info {
    color: #7db316;
    -webkit-box-shadow: 0 3px 10px #66a30021;
    box-shadow: 0 3px 10px #66a30021;
    font-size: 12px;
    padding: 2px 12px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    border-radius: 4px;
    position: absolute;
    top: 14px;
    left: 16px;
    right: 16px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  
  .profile-content-inner.media .profile-photo-list {
    gap: 30px;
  }
  
  .profile-content-inner.media .profile-photo-list .photos-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - 20px);
    flex: 0 0 calc(100% / 3 - 20px);
    margin: 0;
    text-align: center;
    position: relative;
  }
  
  .profile-content-inner.media .profile-photo-list .photos-list .image-bg {
    height: auto;
    min-height: 0;
    padding-top: 100%;
  }
  
  .row.fileupload-buttonbar {
    margin: 32px 0 0 0;
    padding-top: 32px;
    border-top: 1px solid var(--color-border);
  }
  
  .row.fileupload-buttonbar > .col-lg-7 {
    width: 100%;
    padding: 0;
  }
  
  .row.fileupload-buttonbar .btn {
    font-size: 14px;
    padding: 8px 16px;
    background-color: #FFF;
    border-color: #eee;
    color: var(--color-body);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    margin-right: 8px;
    margin-bottom: 8px;
  }
  
  .row.fileupload-buttonbar .btn i {
    top: 0;
    margin-right: 4px;
  }
  
  .row.fileupload-buttonbar .btn:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  .row.fileupload-buttonbar .btn.btn-success {
    border-color: transparent;
    color: var(--color-primary);
    background-color: rgba(166, 101, 252, 0.1);
  }
  
  .row.fileupload-buttonbar .btn.btn-success:hover {
    background-color: rgba(166, 101, 252, 0.2);
  }
  
  .row.fileupload-buttonbar .col-lg-5.fileupload-progress {
    padding: 0;
    width: 100%;
    margin: 16px 0;
  }
  
  .row.fileupload-buttonbar .col-lg-5.fileupload-progress .progress.progress-striped {
    height: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--color-border);
  }
  
  .row.fileupload-buttonbar .col-lg-5.fileupload-progress .progress.progress-striped .progress-bar.progress-bar-success {
    background-color: var(--color-primary);
  }
  
  .template-upload {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - 20px);
    flex: 0 0 calc(100% / 3 - 20px);
    padding-top: 32px;
    border: 1px solid var(--color-border);
    padding: 16px;
    border-radius: 8px;
  }
  
  .template-upload .btn {
    font-size: 14px;
    padding: 8px 16px;
    background-color: #FFF;
    border-color: #eee;
    color: var(--color-body);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
  }
  
  .template-upload .btn + .btn {
    margin-left: 8px;
  }
  
  .template-upload .btn i {
    top: 0;
    margin-right: 0;
  }
  
  .template-upload .btn i + span {
    margin-left: 4px;
  }
  
  .template-upload .btn:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  .template-upload .preview canvas {
    border-radius: 5px;
  }
  
  .template-upload .progress {
    height: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--color-border);
  }
  
  .template-upload .progress .progress-bar.progress-bar-success {
    background-color: var(--color-primary);
  }
  
  a.wpee-create-button {
    font-size: 14px;
    padding: 8px 16px;
    background-color: #FFF;
    border: 1px solid #eee;
    color: var(--color-body);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
  }
  
  a.wpee-create-button:before {
    content: '\F0415';
    font-family: "mdi";
    display: inline-block;
    line-height: 1;
    font-size: inherit;
    margin-right: 4px;
  }
  
  a.wpee-create-button:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  .album-wrapper {
    border-radius: 8px;
    border-color: var(--color-border);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding: 0;
  }
  
  .album-wrapper .image-holder span.image-bg {
    height: 0;
    min-height: 0;
    padding-top: 56.25%;
    opacity: 0.1;
    background: var(--color-primary) no-repeat 50% 50%/50% 50% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(256,256,256)' d='M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3M15.96,10.29L13.21,13.83L11.25,11.47L8.5,15H19.5L15.96,10.29Z' /%3E%3C/svg%3E") !important;
  }
  
  .album-wrapper:hover span.image-bg {
    opacity: 0.2;
  }
  
  .album-wrapper .album-content-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px;
  }
  
  .video-wrapper {
    border-radius: 8px;
    border-color: var(--color-border);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding: 0;
  }
  
  .video-wrapper .video-content-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px;
  }
  
  .audio-wrapper {
    border-radius: 8px;
    border-color: var(--color-border);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding: 0;
    padding: 16px;
  }
  
  .audio-wrapper .audio-content-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px;
    padding: 16px 16px 0;
  }
  
  .album-main-wrapper {
    margin: 0 0 30px 0;
    gap: 30px;
  }
  
  .album-main-wrapper .wpee-edit-button {
    padding: 5px;
    line-height: 1;
  }
  
  .album-main-wrapper .wpee-edit-button:hover {
    color: var(--color-primary);
  }
  
  .album-main-wrapper .wpee-delete-button {
    padding: 5px;
    line-height: 1;
  }
  
  .album-main-wrapper .wpee-delete-button:hover {
    color: var(--color-primary);
  }
  
  .album-main-wrapper li {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - 20px);
    flex: 0 0 calc(100% / 3 - 20px);
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .album-main-wrapper .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .album-main-wrapper .title-wrapper > span {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  
  .album-main-wrapper .img-count {
    font-size: 14px;
    color: var(--color-body);
  }
  
  .audio-main-wrapper {
    margin: 0 0 30px 0;
    gap: 30px;
  }
  
  .audio-main-wrapper .wpee-edit-button {
    padding: 5px;
    line-height: 1;
  }
  
  .audio-main-wrapper .wpee-edit-button:hover {
    color: var(--color-primary);
  }
  
  .audio-main-wrapper .wpee-delete-button {
    padding: 5px;
    line-height: 1;
  }
  
  .audio-main-wrapper .wpee-delete-button:hover {
    color: var(--color-primary);
  }
  
  .audio-main-wrapper li {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - 20px);
    flex: 0 0 calc(100% / 3 - 20px);
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  
  .audio-main-wrapper .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .audio-main-wrapper .title-wrapper > span {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  
  .audio-main-wrapper .date-wrap {
    font-size: 14px;
    color: var(--color-body);
  }
  
  .video-main-wrapper {
    margin: 0 0 30px 0;
    gap: 30px;
  }
  
  .video-main-wrapper .wpee-edit-button {
    padding: 5px;
    line-height: 1;
  }
  
  .video-main-wrapper .wpee-edit-button:hover {
    color: var(--color-primary);
  }
  
  .video-main-wrapper .wpee-delete-button {
    padding: 5px;
    line-height: 1;
  }
  
  .video-main-wrapper .wpee-delete-button:hover {
    color: var(--color-primary);
  }
  
  .video-main-wrapper li {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - 20px);
    flex: 0 0 calc(100% / 3 - 20px);
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .video-main-wrapper .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .video-main-wrapper .title-wrapper > span {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  
  .video-main-wrapper .date-wrap {
    font-size: 14px;
    color: var(--color-body);
  }
  
  .video-main-wrapper figure.video-thumbnail {
    height: 0;
    position: relative;
    padding-top: 56.25%;
    background-color: #000;
  }
  
  .video-main-wrapper figure.video-thumbnail video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .wpee-empty-info {
    background-color: rgba(255, 0, 0, 0.05);
    padding: 16px;
    border-radius: 8px;
  }
  
  .popup.is-open button {
    background-color: var(--color-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .popup.is-open input[type="button"] {
    background-color: var(--color-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .popup.is-open input[type="submit"] {
    background-color: var(--color-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .popup.is-open .elementor-button {
    background-color: var(--color-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .popup-main-wrapper .popup-form button.save-button {
    background-color: var(--color-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
  }
  
  .popup-main-wrapper .popup-title {
    background-color: var(--color-border);
  }
  
  .message-block-compose {
    padding: 24px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  .message-block-compose input[type=submit].dspdp-btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .message-block-compose input[type=submit].dspdp-btn-default[name="save"] {
    background-color: #FFF;
    border: 1px solid #eee;
    color: var(--color-body);
  }
  
  .message-block-compose input[type=submit].dspdp-btn-default[name="save"]:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  .dspdp-text-success {
    color: #7DB210;
  }
  
  .dspdp-btn.dspdp-btn-info {
    padding: 8px 16px;
    font-size: 16px;
    background-color: #FFF;
    border: 1px solid #eee;
    color: var(--color-body);
  }
  
  .dspdp-btn.dspdp-btn-info:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  form.message-block-sent .sent-message-page {
    border: 1px solid var(--color-border);
    background-color: #FFF;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 0;
    padding: 24px;
    margin-bottom: 0;
  }
  
  form.message-block-sent .sent-message-page:hover {
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
    z-index: 9;
    position: relative;
    border-color: #e5e4e6;
  }
  
  form.message-block-sent .sent-message-page + .sent-message-page {
    margin-top: -1px;
  }
  
  form.message-block-sent .sent-message-page:first-of-type {
    border-radius: 8px 8px 0 0;
  }
  
  form.message-block-sent .sent-message-page:last-of-type {
    border-radius: 0 0 8px 8px;
  }
  
  form.message-block-sent .sent-message-page::before {
    display: none;
  }
  
  form.message-block-sent .sent-message-page::after {
    display: none;
  }
  
  form.message-block-sent .sent-message-page > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  
  form.message-block-sent .sent-message-page > li::before {
    display: none;
  }
  
  form.message-block-sent .sent-message-page > li::after {
    display: none;
  }
  
  form.message-block-sent .sent-message-page > li .dp-email-status {
    display: none;
  }
  
  form.message-block-sent .sent-message-page > li .read-message {
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  
  form.message-block-sent .sent-message-page > li .read-message img[alt="env_unread"] {
    -o-object-position: -100px -100px;
    object-position: -100px -100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20 8V18Z' /%3E%3C/svg%3E");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    opacity: 0.3;
  }
  
  form.message-block-sent .sent-message-page > li .read-message img[alt="env_read"] {
    -o-object-position: -100px -100px;
    object-position: -100px -100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M21.03 6.29L12 .64L2.97 6.29C2.39 6.64 2 7.27 2 8V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 7.27 21.61 6.64 21.03 6.29M20 18H4V10L12 15L20 10V18M12 13L4 8L12 3L20 8L12 13Z' /%3E%3C/svg%3E");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    opacity: 0.3;
  }
  
  form.message-block-sent .sent-message-page > li .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    padding: 0;
    margin: 0;
  }
  
  form.message-block-sent .sent-message-page > li .image img {
    border-radius: 45px;
  }
  
  form.message-block-sent .sent-message-page > li .dspdp-check {
    margin: 0 16px 0 0 !important;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  form.message-block-sent .sent-message-page > li .dspdp-check input {
    margin: 0;
  }
  
  form.message-block-sent .sent-message-page > li .msg-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
  }
  
  form.message-block-sent .sent-message-page > li .msg-info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  form.message-block-sent .sent-message-page > li .msg-info ul li.name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 16px;
    margin-bottom: 0;
  }
  
  form.message-block-sent .sent-message-page > li .msg-info ul li:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  
  form.message-block-sent .sent-message-page > li .msg-info ul li:nth-child(2) {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
  }
  
  form.message-block-sent .sent-message-page > li .msg-info ul li:nth-child(3) {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
  }
  
  form.message-block-sent .sent-message-page .show_more_text {
    padding: 2px 10px;
    margin: 0 2px;
    color: var(--color-primary);
    background: #ECFAD0;
    color: #5c8706 !important;
    border-radius: 20px;
    font-size: 14px;
  }
  
  form.message-block-sent .sent-message-page .show_more_text:hover {
    background-color: #7DB210;
    color: #FFF !important;
  }
  
  form.message-block-sent .sent-message-page .hide_more_text {
    padding: 2px 10px;
    color: var(--color-primary);
    background: #fee2e2;
    color: #d82c2c !important;
    border-radius: 20px;
    font-size: 14px;
  }
  
  form.message-block-sent .sent-message-page .hide_more_text:hover {
    background-color: #d82c2c;
    color: #FFF !important;
  }
  
  html.touch form.message-block-sent .sent-message-page > li .read-message img {
    display: none;
  }
  
  html.touch form.message-block-sent .sent-message-page > li .read-message .dp-email-status {
    display: block;
    font-size: 12px;
    background-color: var(--color-border);
    padding: 4px 8px;
    border-radius: 20px;
    line-height: 1;
  }
  
  html.touch form.message-block-sent .sent-message-page > li .read-message .dp-email-status.dp-email-status-read {
    background-color: #ECFAD0;
    color: #7DB210;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar {
    border: 1px solid var(--color-border);
    background-color: #FFF;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 0;
    padding: 24px;
    margin-bottom: 0;
    margin-top: -1px;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar:hover {
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
    z-index: 9;
    position: relative;
    border-color: #e5e4e6;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar:first-of-type {
    border-radius: 8px 8px 0 0;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar:last-of-type {
    border-radius: 0 0 8px 8px;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar > ul {
    margin: 0;
    padding: 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar > ul::before {
    display: none;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar > ul::after {
    display: none;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar li.wpee-received-checkbox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    margin: 0;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar li.wpee-received-checkbox input {
    margin: 0;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar li.wpee-received-details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.5);
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar li.wpee-received-details .name a {
    font-size: 16px;
    color: var(--color-heading);
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar li.wpee-received-details .dsp-email-photo img {
    border-radius: 45px;
  }
  
  form.message-block-inbox .dsp_vertical_scrollbar li:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  
  form.message-block-inbox .heading-top {
    padding: 16px 24px;
    font-size: 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px 8px 0 0;
  }
  
  form.message-block-inbox .heading-top strong {
    padding: 0;
  }
  
  form.message-block-inbox .btn-delete input[type="submit"] {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #FFF;
    border: 1px solid #eee;
    color: var(--color-body);
  }
  
  form.message-block-inbox .btn-delete input[type="submit"]:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  form.message-block-inbox .btn-delete input[type="submit"][disabled] {
    cursor: not-allowed;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar {
    border: 1px solid var(--color-border);
    background-color: #FFF;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 0;
    padding: 24px;
    margin-bottom: 0;
    margin-top: -1px;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar:hover {
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
    z-index: 9;
    position: relative;
    border-color: #e5e4e6;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar:first-of-type {
    border-radius: 8px 8px 0 0;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar:last-of-type {
    border-radius: 0 0 8px 8px;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar > ul {
    margin: 0;
    padding: 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar > ul::before {
    display: none;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar > ul::after {
    display: none;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar li.wpee-received-checkbox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    margin: 0;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar li.wpee-received-checkbox input {
    margin: 0;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar li.wpee-received-details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.5);
  }
  
  form.message-block-delete .dsp_vertical_scrollbar li.wpee-received-details .name a {
    font-size: 16px;
    color: var(--color-heading);
  }
  
  form.message-block-delete .dsp_vertical_scrollbar li.wpee-received-details .dsp-email-photo img {
    border-radius: 45px;
  }
  
  form.message-block-delete .dsp_vertical_scrollbar li:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  
  form.message-block-delete .heading-top {
    padding: 16px 24px;
    font-size: 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px 8px 0 0;
  }
  
  form.message-block-delete .heading-top strong {
    padding: 0;
  }
  
  form.message-block-delete .btn-delete input[type="submit"] {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #FFF;
    border: 1px solid #eee;
    color: var(--color-body);
  }
  
  form.message-block-delete .btn-delete input[type="submit"]:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  form.message-block-delete .btn-delete input[type="submit"][disabled] {
    cursor: not-allowed;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar {
    border: 1px solid var(--color-border);
    background-color: #FFF;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 0;
    padding: 24px;
    margin-bottom: 0;
    margin-top: -1px;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar:hover {
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
    z-index: 9;
    position: relative;
    border-color: #e5e4e6;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar:first-of-type {
    border-radius: 8px 8px 0 0;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar:last-of-type {
    border-radius: 0 0 8px 8px;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar > ul {
    margin: 0;
    padding: 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar > ul::before {
    display: none;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar > ul::after {
    display: none;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar li.wpee-received-checkbox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    margin: 0;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar li.wpee-received-checkbox input {
    margin: 0;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar li.wpee-received-details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.5);
  }
  
  form.message-block-draft .dsp_vertical_scrollbar li.wpee-received-details .name a {
    font-size: 16px;
    color: var(--color-heading);
  }
  
  form.message-block-draft .dsp_vertical_scrollbar li.wpee-received-details .dsp-email-photo img {
    border-radius: 45px;
  }
  
  form.message-block-draft .dsp_vertical_scrollbar li:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  
  form.message-block-draft .heading-top {
    padding: 16px 24px;
    font-size: 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px 8px 0 0;
  }
  
  form.message-block-draft .heading-top strong {
    padding: 0;
  }
  
  form.message-block-draft .btn-delete input[type="submit"] {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #FFF;
    border: 1px solid #eee;
    color: var(--color-body);
  }
  
  form.message-block-draft .btn-delete input[type="submit"]:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  form.message-block-draft .btn-delete input[type="submit"][disabled] {
    cursor: not-allowed;
  }
  
  form.message-block-draft .email-page {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  
  form.message-block-draft .email-page li:first-child {
    width: auto !important;
    text-align: left !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
  }
  
  form.message-block-draft .email-page li.draft-detail-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    color: rgba(0, 0, 0, 0.5);
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
  }
  
  form.message-block-draft .email-page li.draft-detail-wrap .name a {
    color: var(--color-heading);
    font-size: 16px;
  }
  
  form.message-block-draft .email-page li.draft-subject-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    line-height: 1.2;
  }
  
  form.message-block-draft .email-page li.edit-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  form.message-block-draft .email-page li.edit-wrap h6 {
    margin: 0;
  }
  
  form.message-block-draft .email-page li.edit-wrap h6 a {
    border-radius: 4px;
    font-size: 14px;
    padding: 8px 16px;
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #eee;
    color: var(--color-body);
  }
  
  form.message-block-draft .email-page li.edit-wrap h6 a:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  .receiver {
    border: none;
    padding: 0;
    margin: 0 0 16px;
  }
  
  .receiver .view-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 24px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
  }
  
  .receiver .view-message::before {
    display: none;
  }
  
  .receiver .view-message::after {
    display: none;
  }
  
  .receiver .view-message .dspdp-col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    width: 45px;
    padding: 0;
  }
  
  .receiver .view-message .dspdp-col-sm-2 img {
    border-radius: 45px;
  }
  
  .receiver .view-message .dspdp-col-sm-9 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    max-width: 100%;
    padding: 0 0 0 16px;
  }
  
  .receiver .view-message .dsp-msg-date {
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 16px;
    font-size: 14px;
  }
  
  .receiver .view-message .name {
    margin: 4px 0 0 0;
  }
  
  .sender {
    border: none;
    padding: 0;
    margin: 0 0 16px;
    background-color: rgba(0, 0, 0, 0.05);
  }
  
  .sender .view-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 24px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
  }
  
  .sender .view-message::before {
    display: none;
  }
  
  .sender .view-message::after {
    display: none;
  }
  
  .sender .view-message .dspdp-col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    width: 45px;
    padding: 0;
  }
  
  .sender .view-message .dspdp-col-sm-2 img {
    border-radius: 45px;
  }
  
  .sender .view-message .dspdp-col-sm-9 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    max-width: 100%;
    padding: 0 0 0 16px;
  }
  
  .sender .view-message .dsp-msg-date {
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 16px;
    font-size: 14px;
  }
  
  .sender .view-message .name {
    margin: 4px 0 0 0;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap {
    --color-border: #e3e1e4;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame {
    border-radius: 8px;
    border: 1px solid var(--color-border);
    background: #FFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    position: relative;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel {
    background: #FFF;
    border-radius: 8px 0 0 8px;
    border-right: 1px solid var(--color-border);
    overflow: visible;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search {
    border-top: none;
    border-bottom: 1px solid var(--color-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search input {
    border: none;
    background: #FFF;
    padding: 0 0 0 46px;
    border-radius: 8px 0 0 0;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search input::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search input:focus {
    outline: none;
    background: #FFF;
    color: var(--color-body);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search .fa {
    color: rgba(0, 0, 0, 0.3);
    font-size: 18px;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search label {
    margin: 0;
    line-height: 1;
    display: block;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts {
    overflow: auto;
    height: calc(100% - 51px);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts::-webkit-scrollbar {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.05);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap span.online {
    background: #95CD6A;
    border-color: #FFF;
    top: 0px;
    left: 0px;
    margin: 0;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap .meta {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    max-width: 100%;
    position: relative;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap .meta .meta_user_name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap .meta p {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap img + .meta {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    max-width: calc(100% - 50px);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap img + .meta span.online {
    top: 16px;
    left: 16px;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap p {
    padding: 0;
    line-height: 1.2;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap:hover {
    background: rgba(167, 101, 252, 0.2);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap.active {
    background: rgba(167, 101, 252, 0.1);
    border-right: none;
    position: relative;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #profile {
    padding: 16px;
    margin: 0;
    display: none;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #profile .wrap img {
    border: 2px solid var(--color-primary);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .contact-profile {
    height: 51px;
    line-height: 1;
    background: transparent;
    border-bottom: 1px solid var(--color-border);
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .contact-profile a {
    color: var(--color-heading);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .contact-profile img {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 16px;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input {
    padding: 10px;
    background: #FFF;
    border-radius: 0 0 8px 0;
    -webkit-box-shadow: 0 -1px var(--color-border);
    box-shadow: 0 -1px var(--color-border);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap button {
    background: #fff;
    color: var(--color-primary);
    opacity: .7;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap button:hover {
    background: #FFF;
    color: var(--color-primary);
    opacity: 1;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .left-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px !important;
    position: relative;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .left-image .attachment {
    top: 50%;
    left: 50%;
    bottom: auto;
    margin: 0 !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .center-chat {
    width: auto !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    max-width: 100%;
    margin: 0 10px;
    display: block !important;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .center-chat .emoji-picker-icon {
    color: var(--color-primary);
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .center-chat textarea {
    height: 100%;
    width: 100%;
    display: block;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .right-send {
    width: 60px !important;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .dsp-instant-chat-message-box {
    background-color: rgba(167, 101, 252, 0.05);
    border: 1px solid transparent !important;
    border-radius: 4px;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .attachment {
    color: var(--color-primary);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .send-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .send-button[disabled="disabled"] {
    font-size: 0;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .send-button[disabled="disabled"]:before {
    display: block;
    content: '\F0772';
    font-family: "mdi";
    font-size: 22px;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .messages {
    height: calc(100% - 60px);
    max-height: calc(100% - 60px);
    overflow: auto;
    min-height: 0;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .messages ul::after {
    clear: both;
    content: '';
    display: table;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .messages ul li + li {
    margin-top: 0;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .messages ul li + li .message-text {
    margin-top: 0;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .messages ul li.sent .message-text {
    background: var(--color-border) !important;
    color: #060606;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .messages ul li.replies .message-text {
    background: var(--color-primary) !important;
    color: #fff;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .dsp-chat-user-container {
    overflow: auto !important;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .dsp-chat-user-display-name {
    color: var(--color-heading);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .dsp-chat-user-display-name:visited {
    color: var(--color-heading);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .dsp-chat-user-display-name:hover {
    color: var(--color-heading);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .delete-chat-icon {
    margin: 0 0 0 auto !important;
    border-top: none;
    color: var(--color-body) !important;
    opacity: .7;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .delete-chat-icon:hover {
    opacity: 1;
    color: #FC6565 !important;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .emoji-menu-tab.icon-bell:before {
    content: '';
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap .delete-chat-icon {
    margin-right: 5px !important;
    color: #ffffff9c !important;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap .dsp-file-input {
    position: relative;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap .dsp-file-input img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    margin: 0 16px 16px;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap .dsp-file-input button.remove-image-button {
    padding: 8px;
    font-size: 16px;
    border-radius: 24px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0;
    position: absolute;
    left: auto;
    right: 16px;
    top: 0;
    background-color: #FFF;
    border: 1px solid #eee;
    color: var(--color-body);
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap .dsp-file-input button.remove-image-button:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap .dsp-file-input button.remove-image-button::before {
    font-size: 16px;
    font-family: "mdi";
    content: '\F0156';
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap .dsp-user-list ul label {
    color: var(--color-body);
    line-height: 1.2;
    margin: 0;
    font-size: 16px;
  }
  
  .profile-content-inner.instant-chat .dc_instant_chat_wrap .dsp-user-list ul p {
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.2;
    font-size: 14px;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 0 1px var(--color-border) inset;
    box-shadow: 0 0 0 1px var(--color-border) inset;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 4 - (30px * 3) / 4);
    flex: 0 0 calc(100% / 4 - (30px * 3) / 4);
    margin: 0;
    padding: 0;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment .gift-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 150px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment .gift-image img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment .gift-user-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    margin: 0 10px 0 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment .gift-user-image img {
    width: 32px;
    height: 32px;
    border-radius: 32px;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment h6.gift-user-name {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    font-size: 14px;
    margin: 0;
    max-width: calc(100% - 42px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: var(--font-body) !important;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment h6.gift-user-name > a {
    font-size: inherit;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment h6.gift-user-name > a:hover {
    color: var(--color-primary);
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment .gift-action {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment .gift-action .gift-action-trigger {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment .gift-action .dspdp-btn-danger {
    border-radius: 0 0 0 7px;
    color: #f63b3b;
    background-color: rgba(252, 101, 101, 0.2);
    margin: 0;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment .gift-action .dspdp-btn-danger:hover {
    background-color: rgba(252, 101, 101, 0.3);
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment .gift-action .dspdp-btn-success {
    border-radius: 0 0 7px 0;
    color: #7DB210;
    background-color: rgba(149, 205, 106, 0.2);
    margin: 0;
  }
  
  .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment .gift-action .dspdp-btn-success:hover {
    background-color: rgba(149, 205, 106, 0.3);
  }
  
  .profile-content-inner.gifts .profile-section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap {
    border-radius: 8px;
    border: 1px solid var(--color-border);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 4 - (30px * 3) / 4);
    flex: 0 0 calc(100% / 4 - (30px * 3) / 4);
    background-color: #FFF;
    margin: 0;
    padding: 0;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .dspdp-spacer.dspdp-member-col {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    background-color: transparent;
    position: relative;
    padding: 16px;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment .show-comment {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 150px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment .show-comment span {
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    color: #7DB210;
    background-color: rgba(149, 205, 106, 0.2);
    padding: 4px;
    font-size: 14px;
    border-radius: 8px 8px 0 0;
    font-weight: 700;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment .dsp-friend-image-holder {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    margin-right: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment .dsp-friend-image-holder img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 32px;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment h6.gift-user-name {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    font-size: 14px;
    margin: 0;
    max-width: calc(100% - 42px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: var(--font-body) !important;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment h6.gift-user-name > a {
    font-size: inherit;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment h6.gift-user-name > a:hover {
    color: var(--color-primary);
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment .gift-action {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment .gift-action .gift-action-trigger {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment .gift-action .dspdp-btn-danger {
    border-radius: 0 0 0 7px;
    color: #f63b3b;
    background-color: rgba(252, 101, 101, 0.2);
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment .gift-action .dspdp-btn-danger:hover {
    background-color: rgba(252, 101, 101, 0.3);
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment .gift-action .dspdp-btn-success {
    border-radius: 0 0 7px 0;
    color: #7DB210;
    background-color: rgba(149, 205, 106, 0.2);
  }
  
  .profile-content-inner.gifts .profile-section-content .gift-sent-wrap .row-comment .gift-action .dspdp-btn-success:hover {
    background-color: rgba(149, 205, 106, 0.3);
  }
  
  .profile-section-wrap.main-profile-mid-wrapper .main-member-list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0;
  }
  
  .profile-section-wrap.main-profile-mid-wrapper .main-member-list-wrap .member-detail-wrap {
    min-height: 0;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - (30px * 2 / 3));
    flex: 0 0 calc(100% / 3 - (30px * 2 / 3));
  }
  
  .profile-section-wrap.main-profile-mid-wrapper .main-member-list-wrap .member-detail-wrap > strong {
    display: block;
    padding: 16px;
  }
  
  .friends-favourites ul.friends-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0;
  }
  
  .friends-favourites ul.friends-section li {
    min-height: 0;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - (30px * 2 / 3));
    flex: 0 0 calc(100% / 3 - (30px * 2 / 3));
  }
  
  .friends-favourites ul.friends-section li > strong {
    display: block;
    padding: 16px;
  }
  
  .friends-favourites ul.friends-section li .fav-content {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .friends-favourites ul.friends-section li .fav-content .user-name-show a {
    font-size: 16px;
    color: var(--color-heading) !important;
  }
  
  .friends-favourites ul.friends-section li .fav-content .dsp-btn-default {
    padding: 4px 12px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #FFF;
    border: 1px solid #eee;
    color: var(--color-body);
  }
  
  .friends-favourites ul.friends-section li .fav-content .dsp-btn-default:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  .friends-favourites .error strong {
    background-color: rgba(255, 0, 0, 0.05);
    padding: 16px;
    border-radius: 8px;
    color: red;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-style: normal;
  }
  
  .friends-favourites [align="center"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  
  .row-paging {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .wpse_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .wpse_pagination::after {
    display: none;
  }
  
  .wpse_pagination::before {
    display: none;
  }
  
  .wpse_pagination .current {
    font-size: 16px;
    border: 1px solid var(--color-border);
    color: var(--color-body);
    padding: 10px;
    line-height: 1;
    height: auto;
    display: block;
    border-radius: 4px;
    margin: 3px;
    min-width: 38px;
    text-align: center;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    background-color: var(--color-primary);
    color: #FFF;
    border: 1px solid var(--color-primary);
  }
  
  .wpse_pagination .disabled {
    font-size: 16px;
    border: 1px solid var(--color-border);
    color: var(--color-body);
    padding: 10px;
    line-height: 1;
    height: auto;
    display: block;
    border-radius: 4px;
    margin: 3px;
    min-width: 38px;
    text-align: center;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
  }
  
  .wpse_pagination a {
    font-size: 16px;
    border: 1px solid var(--color-border);
    color: var(--color-body);
    padding: 10px;
    line-height: 1;
    height: auto;
    display: block;
    border-radius: 4px;
    margin: 3px;
    min-width: 38px;
    text-align: center;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    color: var(--color-body) !important;
  }
  
  .wpse_pagination a:hover {
    border-color: var(--color-primary);
    color: var(--color-primary) !important;
  }
  
  .wpse_pagination span.disabled {
    background-color: var(--color-border);
    color: rgba(0, 0, 0, 0.2) !important;
  }
  
  .empty-content {
    background-color: rgba(255, 0, 0, 0.05);
    padding: 16px;
    border-radius: 8px;
    color: red;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-style: normal;
  }
  
  .settings-list-wrapper .friends-section li:first-child:last-child {
    background-color: rgba(255, 0, 0, 0.05);
    padding: 16px;
    border-radius: 8px;
    color: red;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-style: normal;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  
  .settings-list-wrapper .friends-section li:first-child:last-child strong {
    padding: 0;
    font-weight: 400;
  }
  
  .settings-list-wrapper .heading-submenu + span.dsp-none {
    display: none;
  }
  
  .friend-request .profile-section-content > .box-page > strong {
    background-color: rgba(255, 0, 0, 0.05);
    padding: 16px;
    border-radius: 8px;
    color: red;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-style: normal;
  }
  
  .profile-content-inner.message .box-pedding > div > strong {
    background-color: rgba(255, 0, 0, 0.05);
    padding: 16px;
    border-radius: 8px;
    color: red;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-style: normal;
  }
  
  .profile-friends-list .friends-section .dsp_span_pointer {
    background-color: rgba(255, 0, 0, 0.05);
    padding: 16px;
    border-radius: 8px;
    color: red;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-style: normal;
  }
  
  .wpee-gifts-no-content {
    background-color: rgba(255, 0, 0, 0.05);
    padding: 16px;
    border-radius: 8px;
    color: red;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-style: normal;
  }
  
  form[name="frmuseraccount"] {
    padding: 24px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  form[name="frmprivacysettings"] {
    padding: 24px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  ul.friend-request-list.wpee-listing.no-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list {
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 4 - (30px * 3 / 4));
    flex: 0 0 calc(100% / 4 - (30px * 3 / 4));
    border: none;
    -webkit-box-shadow: 0 0 0 1px var(--color-border) inset;
    box-shadow: 0 0 0 1px var(--color-border) inset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 8px;
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-radius: 8px 8px 0 0;
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list .user-details {
    padding: 16px;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list .user-details h6.member-user-name {
    margin: 0;
    font-size: 16px;
    color: var(--font-heading);
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list .user-details h6.member-user-name a {
    color: var(--font-heading);
    display: block;
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list .wpee-friend-request-action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list .wpee-friend-request-action .wpee-friend-request-trigger {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 45px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list .wpee-friend-request-action [data-action="delete"] {
    border-radius: 0 0 0 7px;
    color: #f63b3b;
    background-color: rgba(252, 101, 101, 0.2);
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list .wpee-friend-request-action [data-action="delete"]:hover {
    background-color: rgba(252, 101, 101, 0.3);
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list .wpee-friend-request-action [data-action="approve"] {
    border-radius: 0 0 7px 0;
    color: #7DB210;
    background-color: rgba(149, 205, 106, 0.2);
  }
  
  ul.friend-request-list.wpee-listing.no-list > li.view-list .wpee-friend-request-action [data-action="approve"]:hover {
    background-color: rgba(149, 205, 106, 0.3);
  }
  
  .wpee-plan-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    gap: 30px;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item {
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - (30px * 2) / 3);
    flex: 0 0 calc(100% / 3 - (30px * 2) / 3);
    background-color: #FFF;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 32px;
    font-size: 14px;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item input[type="submit"] {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 16px !important;
    font-size: 14px;
    line-height: 1.5;
    width: auto;
    background-color: #FFF;
    border: 1px solid #eee;
    color: var(--color-body);
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item input[type="submit"]:hover {
    background-color: #eee;
    color: var(--color-heading);
    border-color: #eee;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item .wpee-plan-name {
    font-size: 24px;
    line-height: 1.1;
    margin: 32px 0 0;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item .wpee-plan-desc {
    margin: 0 0 32px;
    color: var(--color-primary);
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item form span {
    font-size: 32px !important;
    display: block;
    margin: 16px 0;
    font-family: var(--font-heading);
    font-weight: 400 !important;
    letter-spacing: -0.05em;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item .default-credit-value {
    font-size: 16px;
    color: var(--color-primary);
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item form[name="wpdating-payment-checkout"] {
    margin: 0;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item form[name="stripe-credit"] {
    margin: 0;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item .purchase-credit-heading {
    font-size: 16px;
    font-weight: 700;
    font-family: var(--font-heading);
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item .purchase-credit-image {
    margin: auto 0;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item .dspdp-input-group-addon {
    background-color: transparent;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item .wpee-plan-item-title {
    height: 115px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item .input-credits {
    max-width: 150px;
    margin: auto;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item .input-credits #no_of_credits {
    height: 39px;
    border-radius: 8px 0 0 8px;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item .input-credits .dspdp-input-group-addon.dsp-input-group-addon {
    min-width: 39px;
    border-radius: 0 8px 8px 0;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item #stripe-error {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item-inner li:last-child {
    margin-top: auto;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item-inner li:last-child div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item-inner li form ~ strong {
    color: var(--color-primary);
    margin: 4px 16px;
  }
  
  .wpee-plan-item-wrapper .wpee-plan-item-inner li form ~ .credit_price_change {
    color: var(--color-primary);
    margin: 4px 16px;
  }
  
  .form-inline.remember-me-group {
    margin: 0 0 25px;
  }
  
  .form-inline.remember-me-group .form-group {
    margin: 0;
  }
  
  .wpee-lr-tab .wpee-lr-tab-title {
    background-color: rgba(0, 0, 0, 0.05);
    letter-spacing: .05em;
  }
  
  .wpee-lr-tab .wpee-lr-tab-title:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: var(--color-primary);
  }
  
  .wpee-lr-tab .wpee-lr-tab-title.active {
    background-color: #FFF;
    color: var(--color-primary);
  }
  
  .dsp_reg_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 16px;
    padding: 0 16px;
  }
  
  .dsp_reg_main .form-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  
  .dsp_reg_main .form-group:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  
  .dsp_reg_main .form-group.register-username-group {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .dsp_reg_main .form-group.register-gender-group {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .dsp_reg_main .form-group.register-terms-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 16px 0 32px;
  }
  
  .dsp_reg_main .form-group.register-terms-group input[type=checkbox] {
    margin: 0 16px 0 0;
  }
  
  .dsp_reg_main .form-inline {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  
  .dsp_reg_main .g-recaptcha {
    padding: 0;
  }
  
  .wpee-register-form-wrap span.close-trigger {
    background-color: var(--color-primary);
  }
  
  .wpee-register-form-wrap #wpee-registration-form .form-inline.dob-wrap {
    gap: 8px;
  }
  
  .wpee-lr-tab-content-wrap .wpee-lr-content-tab.lr-register {
    overflow: auto;
    left: 34px;
    right: 34px;
  }
  
  .wpee-lr-tab-content-wrap .wpee-lr-content-tab.lr-register .form-group {
    margin-bottom: 16px;
  }
  
  .wpee-register-form {
    z-index: 999999;
  }
  
  .inner-page-wrap {
    background: var(--color-primary) url(images/inner-page-header@2x.png) no-repeat 0 50% scroll;
    background-size: cover;
    color: #FFF;
    height: 200px;
  }
  
  .inner-page-wrap h1 {
    color: #FFF;
    margin: 0;
  }
  
  .page-template-tpl-testimonials .testimonials-wrap {
    background: #FFF;
    border-radius: 8px;
  }
  
  .page-template-tpl-testimonials .testimonials-wrap h5.title {
    margin: 0;
    line-height: 1.2;
  }
  
  .page-template-tpl-testimonials .testimonials-wrap .name.heading-font {
    color: var(--color-primary);
    font-family: var(--font-body);
  }
  
  .page-template-tpl-testimonials .testimonials-wrap .user-detail-wrap {
    margin-bottom: 16px;
    line-height: 1.2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .page-template-tpl-testimonials .testimonials-wrap .desc-wrap {
    margin-bottom: 0;
  }
  
  .testimonials-listing-wrap .content-wrap.col-2 {
    margin: 0;
  }
  
  .testimonials-listing-wrap .content-wrap.col-2 > div.testimonials-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2 - (64px * 1 / 2));
    flex: 0 0 calc(100% / 2 - (64px * 1 / 2));
    margin-bottom: 64px;
  }
  
  .testimonials-listing-wrap .content-wrap.col-2 > div.testimonials-wrap figure {
    width: 60px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
  }
  
  .testimonials-listing-wrap .content-wrap.col-2 > div.testimonials-wrap figure img {
    width: 60px;
    height: 60px;
  }
  
  .page-template-tpl-user-story .user-stories-wrap {
    padding-bottom: 32px;
  }
  
  .page-template-tpl-user-story .user-stories-wrap .user-story-wrap {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .page-template-tpl-user-story .user-stories-wrap .user-story-wrap .post-title {
    font-size: 18px;
    margin: 0;
  }
  
  .page-template-tpl-user-story .user-stories-wrap .user-story-wrap .img-holder {
    border-radius: 8px;
    height: 0;
    padding-top: 66.66667%;
    position: relative;
  }
  
  .page-template-tpl-user-story .user-stories-wrap .user-story-wrap .img-holder img {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  
  .page-template-tpl-user-story .user-stories-wrap .content-wrap.col-2 {
    gap: 30px;
  }
  
  .page-template-tpl-user-story .user-stories-wrap .content-wrap.col-2 > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - (30px * 2 / 3));
    flex: 0 0 calc(100% / 3 - (30px * 2 / 3));
    margin: 0;
  }
  
  .page-template-tpl-user-story .user-stories-wrap .story-content-wrap {
    padding: 24px;
    margin: -30px 30px 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 10px 30px rgba(167, 101, 252, 0.1);
    box-shadow: 0px 10px 30px rgba(167, 101, 252, 0.1);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .page-template-tpl-user-story .user-stories-wrap .story-content-wrap .link-wrap {
    margin-top: auto;
    font-size: 14px;
  }
  
  .page-template-tpl-user-story .user-stories-wrap .meta-wrap {
    font-size: 14px;
    margin: 16px 0;
  }
  
  .page-template-tpl-user-story .user-stories-wrap .meta-wrap a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.5);
  }
  
  .page-template-tpl-user-story .user-stories-wrap .desc-wrap {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .contact-page-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
  }
  
  .contact-page-form .form-group.last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
  }
  
  .contact-form-wrap form .form-group textarea {
    height: 264px;
    padding: 15px;
    background: #f3f0f7;
    border-color: #f3f0f7;
  }
  
  .contact-form-wrap form .form-group textarea:focus {
    background-color: #FFF;
    border-color: rgba(0, 0, 0, 0.2);
  }
  
  .contact-form-wrap form .form-group input {
    background: #f3f0f7;
    border-color: #f3f0f7;
  }
  
  .contact-form-wrap form .form-group input:focus {
    background-color: #FFF;
    border-color: rgba(0, 0, 0, 0.2);
  }
  
  .contact-form-wrap form .form-group label {
    color: var(--color-primary);
    font-weight: 700;
    font-family: var(--font-heading);
  }
  
  .contact-form-wrap form .form-group label .required {
    color: #FC6565;
  }
  
  .contact-form-wrap form .form-group input[type="submit"]:focus {
    color: var(--color-primary);
  }
  
  .contact-page-form-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2 - (30px * 1 / 2));
    flex: 0 0 calc(100% / 2 - (30px * 1 / 2));
  }
  
  .elementor-accordion .elementor-accordion-item .elementor-tab-title {
    border-color: rgba(0, 0, 0, 0.08);
  }
  
  .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
    color: var(--color-info);
  }
  
  .elementor-accordion .elementor-tab-content p:last-child {
    margin-bottom: 0;
  }
  
  .elementor-widget-text-editor .elementor-widget-container h3 {
    margin-bottom: 0;
  }
  
  .elementor-widget-text-editor .elementor-widget-container h3:not(:first-child) {
    margin-top: 32px;
  }
  
  .elementor-widget-text-editor .elementor-widget-container h4 {
    margin-bottom: 0;
  }
  
  .elementor-widget-text-editor .elementor-widget-container h4:not(:first-child) {
    margin-top: 32px;
  }
  
  .elementor-widget-text-editor .elementor-widget-container h5 {
    margin-bottom: 0;
  }
  
  .elementor-widget-text-editor .elementor-widget-container h5:not(:first-child) {
    margin-top: 32px;
  }
  
  .elementor-widget-text-editor .elementor-widget-container h6 {
    margin-bottom: 0;
  }
  
  .elementor-widget-text-editor .elementor-widget-container h6:not(:first-child) {
    margin-top: 32px;
  }
  
  .dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  
  body.page-template-default .site-body {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 64px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 64px 16px;
  }
  
  body.page-template-default .site-body > main {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 684px;
    flex: 0 1 684px;
  }
  
  body.page-template-default .site-body > aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 320px;
    flex: 0 1 320px;
  }
  
  body.page-template-default .entry-meta {
    color: rgba(0, 0, 0, 0.45);
    border-radius: 5px;
  }
  
  body.page-template-default article.post {
    padding: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  body.page-template-default article.post .entry-header .entry-title {
    font-size: 32px;
  }
  
  body.page-template-default article.post .entry-footer span + span {
    margin-left: 16px;
  }
  
  body.page-template-default article.post .entry-footer a {
    color: var(--color-primary);
  }
  
  body.page-template-default article.post .entry-footer a.post-edit-link {
    background-color: var(--color-primary);
    padding: 0 12px;
    color: #FFF;
    border-radius: 10px;
  }
  
  body.page-template-default article.page {
    padding: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  body.page-template-default article.page .entry-header .entry-title {
    font-size: 32px;
  }
  
  body.page-template-default article.page .entry-footer span + span {
    margin-left: 16px;
  }
  
  body.page-template-default article.page .entry-footer a {
    color: var(--color-primary);
  }
  
  body.page-template-default article.page .entry-footer a.post-edit-link {
    background-color: var(--color-primary);
    padding: 0 12px;
    color: #FFF;
    border-radius: 10px;
  }
  
  body.page-template-default article + article {
    margin-top: 32px;
  }
  
  body.page-template-default .navigation.post-navigation {
    border: 1px solid var(--color-border);
    padding: 16px;
    margin: 64px 0;
    border-radius: 5px;
  }
  
  body.page-template-default .navigation.post-navigation a:hover {
    color: var(--color-primary);
  }
  
  body.page-template-default .author a {
    color: var(--color-primary);
  }
  
  body.page-template-default .comment-author-link a {
    color: var(--color-primary);
  }
  
  body.page-template-default header.page-header h1.page-title {
    font-size: 24px;
  }
  
  body.page-template-default header.page-header h1.page-title span {
    color: var(--color-primary);
  }
  
  body.page-template-default .comments-area {
    margin: 64px 0;
  }
  
  body.post-template-default .site-body {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 64px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 64px 16px;
  }
  
  body.post-template-default .site-body > main {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 684px;
    flex: 0 1 684px;
  }
  
  body.post-template-default .site-body > aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 320px;
    flex: 0 1 320px;
  }
  
  body.post-template-default .entry-meta {
    color: rgba(0, 0, 0, 0.45);
    border-radius: 5px;
  }
  
  body.post-template-default article.post {
    padding: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  body.post-template-default article.post .entry-header .entry-title {
    font-size: 32px;
  }
  
  body.post-template-default article.post .entry-footer span + span {
    margin-left: 16px;
  }
  
  body.post-template-default article.post .entry-footer a {
    color: var(--color-primary);
  }
  
  body.post-template-default article.post .entry-footer a.post-edit-link {
    background-color: var(--color-primary);
    padding: 0 12px;
    color: #FFF;
    border-radius: 10px;
  }
  
  body.post-template-default article.page {
    padding: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  body.post-template-default article.page .entry-header .entry-title {
    font-size: 32px;
  }
  
  body.post-template-default article.page .entry-footer span + span {
    margin-left: 16px;
  }
  
  body.post-template-default article.page .entry-footer a {
    color: var(--color-primary);
  }
  
  body.post-template-default article.page .entry-footer a.post-edit-link {
    background-color: var(--color-primary);
    padding: 0 12px;
    color: #FFF;
    border-radius: 10px;
  }
  
  body.post-template-default article + article {
    margin-top: 32px;
  }
  
  body.post-template-default .navigation.post-navigation {
    border: 1px solid var(--color-border);
    padding: 16px;
    margin: 64px 0;
    border-radius: 5px;
  }
  
  body.post-template-default .navigation.post-navigation a:hover {
    color: var(--color-primary);
  }
  
  body.post-template-default .author a {
    color: var(--color-primary);
  }
  
  body.post-template-default .comment-author-link a {
    color: var(--color-primary);
  }
  
  body.post-template-default header.page-header h1.page-title {
    font-size: 24px;
  }
  
  body.post-template-default header.page-header h1.page-title span {
    color: var(--color-primary);
  }
  
  body.post-template-default .comments-area {
    margin: 64px 0;
  }
  
  body.search-results .site-body {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 64px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 64px 16px;
  }
  
  body.search-results .site-body > main {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 684px;
    flex: 0 1 684px;
  }
  
  body.search-results .site-body > aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 320px;
    flex: 0 1 320px;
  }
  
  body.search-results .entry-meta {
    color: rgba(0, 0, 0, 0.45);
    border-radius: 5px;
  }
  
  body.search-results article.post {
    padding: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  body.search-results article.post .entry-header .entry-title {
    font-size: 32px;
  }
  
  body.search-results article.post .entry-footer span + span {
    margin-left: 16px;
  }
  
  body.search-results article.post .entry-footer a {
    color: var(--color-primary);
  }
  
  body.search-results article.post .entry-footer a.post-edit-link {
    background-color: var(--color-primary);
    padding: 0 12px;
    color: #FFF;
    border-radius: 10px;
  }
  
  body.search-results article.page {
    padding: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  body.search-results article.page .entry-header .entry-title {
    font-size: 32px;
  }
  
  body.search-results article.page .entry-footer span + span {
    margin-left: 16px;
  }
  
  body.search-results article.page .entry-footer a {
    color: var(--color-primary);
  }
  
  body.search-results article.page .entry-footer a.post-edit-link {
    background-color: var(--color-primary);
    padding: 0 12px;
    color: #FFF;
    border-radius: 10px;
  }
  
  body.search-results article + article {
    margin-top: 32px;
  }
  
  body.search-results .navigation.post-navigation {
    border: 1px solid var(--color-border);
    padding: 16px;
    margin: 64px 0;
    border-radius: 5px;
  }
  
  body.search-results .navigation.post-navigation a:hover {
    color: var(--color-primary);
  }
  
  body.search-results .author a {
    color: var(--color-primary);
  }
  
  body.search-results .comment-author-link a {
    color: var(--color-primary);
  }
  
  body.search-results header.page-header h1.page-title {
    font-size: 24px;
  }
  
  body.search-results header.page-header h1.page-title span {
    color: var(--color-primary);
  }
  
  body.search-results .comments-area {
    margin: 64px 0;
  }
  
  body.archive .site-body {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 64px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 64px 16px;
  }
  
  body.archive .site-body > main {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 684px;
    flex: 0 1 684px;
  }
  
  body.archive .site-body > aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 320px;
    flex: 0 1 320px;
  }
  
  body.archive .entry-meta {
    color: rgba(0, 0, 0, 0.45);
    border-radius: 5px;
  }
  
  body.archive article.post {
    padding: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  body.archive article.post .entry-header .entry-title {
    font-size: 32px;
  }
  
  body.archive article.post .entry-footer span + span {
    margin-left: 16px;
  }
  
  body.archive article.post .entry-footer a {
    color: var(--color-primary);
  }
  
  body.archive article.post .entry-footer a.post-edit-link {
    background-color: var(--color-primary);
    padding: 0 12px;
    color: #FFF;
    border-radius: 10px;
  }
  
  body.archive article.page {
    padding: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  body.archive article.page .entry-header .entry-title {
    font-size: 32px;
  }
  
  body.archive article.page .entry-footer span + span {
    margin-left: 16px;
  }
  
  body.archive article.page .entry-footer a {
    color: var(--color-primary);
  }
  
  body.archive article.page .entry-footer a.post-edit-link {
    background-color: var(--color-primary);
    padding: 0 12px;
    color: #FFF;
    border-radius: 10px;
  }
  
  body.archive article + article {
    margin-top: 32px;
  }
  
  body.archive .navigation.post-navigation {
    border: 1px solid var(--color-border);
    padding: 16px;
    margin: 64px 0;
    border-radius: 5px;
  }
  
  body.archive .navigation.post-navigation a:hover {
    color: var(--color-primary);
  }
  
  body.archive .author a {
    color: var(--color-primary);
  }
  
  body.archive .comment-author-link a {
    color: var(--color-primary);
  }
  
  body.archive header.page-header h1.page-title {
    font-size: 24px;
  }
  
  body.archive header.page-header h1.page-title span {
    color: var(--color-primary);
  }
  
  body.archive .comments-area {
    margin: 64px 0;
  }
  
  aside.widget-area .widget-title {
    background-color: #FFF;
    color: var(--color-body);
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid var(--color-border);
  }
  
  aside.widget-area section.widget {
    border: 1px solid var(--color-border);
    border-radius: 8px;
  }
  
  aside.widget-area section.widget.widget_search {
    padding: 0;
    border: none;
    background: transparent;
  }
  
  aside.widget-area .widget_search form .search-field {
    border-radius: 8px;
    border: 1px solid var(--color-border);
  }
  
  aside.widget-area .widget_search form input.search-submit {
    background-color: #FFF;
    color: var(--color-primary);
    border: 1px solid var(--color-border);
    border-radius: 0 8px 8px 0;
  }
  
  aside.widget-area .widget_search form input.search-submit:hover {
    background-color: rgba(167, 101, 252, 0.1);
  }
  
  .single-banner-wrap {
    margin-bottom: 160px;
  }
  
  .single-banner-wrap .img-holder {
    max-height: 30vh;
  }
  
  .single-banner-wrap .inner-banner-content {
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }
  
  .single-banner-wrap .inner-banner-content .content-wrap {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  
  .single-banner-wrap .inner-banner-content .content-wrap .meta-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
  }
  
  .single-banner-wrap .inner-banner-content .content-wrap .meta-wrap i {
    opacity: .7;
  }
  
  .single-banner-wrap .inner-banner-content .content-wrap .meta-wrap li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
  }
  
  .single-banner-wrap .inner-banner-content .content-wrap .meta-wrap li:not(:last-child) {
    margin: 0;
  }
  
  .single-banner-wrap .inner-banner-content .content-wrap .meta-wrap a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
  }
  
  body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {
    border-radius: 30px;
    padding: 3px;
  }
  
  .post-pagination {
    margin-top: 100px;
  }
  
  .post-pagination .wpse_pagination a {
    padding: 10px;
  }
  
  .post-pagination .wpse_pagination span {
    padding: 10px;
  }
  
  .post-pagination .wpse_pagination .current {
    padding: 10px;
  }
  
  .post-pagination .wpse_pagination .disabled {
    padding: 10px;
  }
  
  @media screen and (max-width: 1199px) {
    body {
      padding-top: 83px;
    }
    body.not-logged-in {
      padding-top: 74px;
    }
    .main-navigation > .menu-main-menu-container li {
      margin-left: 20px;
    }
    .main-navigation > .menu-main-menu-container li a {
      font-size: 14px;
    }
    .main-member-list-wrap .member-detail-wrap {
      min-height: 324px;
    }
    #toTop.slide-in {
      bottom: 16px;
    }
    .wpee-profile-header .age-location-wrap.text-white {
      font-size: 14px;
    }
    .wpee-profile-header .profile-header-menu .profile-menu-tab li.profile-menu-tab-list a {
      padding: 10px 18px;
      font-size: 14px;
    }
    .profile-content-inner .profile-activity-sidebar .profile-quick-search {
      padding: 18px;
    }
    .friends-member.wpee-block ul li figure {
      width: 50px;
      height: 50px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
      flex: 0 0 50px;
    }
    .friends-member.wpee-block ul li figure .profile-friend-cover-thumb {
      width: 50px;
      height: 50px;
    }
    .friends-member.wpee-block ul li .user-name-show {
      margin-left: 16px;
    }
    .template-upload .btn {
      padding: 8px 10px;
    }
    .template-upload .btn + .btn {
      margin-left: 4px;
    }
    form.message-block-inbox .dsp_vertical_scrollbar li.wpee-received-details {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(60% - 32px);
      flex: 0 0 calc(60% - 32px);
      padding-right: 16px;
    }
    form.message-block-inbox .dsp_vertical_scrollbar li:last-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      font-size: 14px;
    }
    form.message-block-inbox .heading-top strong:nth-child(1) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
    }
    form.message-block-inbox .heading-top strong:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
    }
    form.message-block-delete .dsp_vertical_scrollbar li.wpee-received-details {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(60% - 32px);
      flex: 0 0 calc(60% - 32px);
      padding-right: 16px;
    }
    form.message-block-delete .dsp_vertical_scrollbar li:last-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      font-size: 14px;
    }
    form.message-block-delete .heading-top strong:nth-child(1) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
    }
    form.message-block-delete .heading-top strong:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
    }
    form.message-block-draft .dsp_vertical_scrollbar li.wpee-received-details {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(60% - 32px);
      flex: 0 0 calc(60% - 32px);
      padding-right: 16px;
    }
    form.message-block-draft .dsp_vertical_scrollbar li:last-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      font-size: 14px;
    }
    form.message-block-draft .heading-top strong:nth-child(1) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
    }
    form.message-block-draft .heading-top strong:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
    }
    form.message-block-draft .email-page li.draft-detail-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(60% - 32px);
      flex: 0 0 calc(60% - 32px);
      margin: 0;
    }
    form.message-block-draft .email-page li.draft-subject-wrap {
      padding-right: 48px;
      font-size: 14px;
    }
    form.message-block-draft .email-page li.edit-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      padding: 16px 0 0 32px;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      right: 0;
    }
    form.message-block-draft .email-page li.edit-wrap h6 a {
      font-size: 0;
      padding: 8px 13px;
    }
    form.message-block-draft .email-page li.edit-wrap h6 a::before {
      font-family: "mdi";
      content: '\F03EB';
      font-size: 14px;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame {
      height: calc(100vh - 80px);
    }
    .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 - (30px * 2) / 3);
      flex: 0 0 calc(100% / 3 - (30px * 2) / 3);
    }
    .profile-content-inner.gifts .profile-section-content .gift-sent-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 - (30px * 2) / 3);
      flex: 0 0 calc(100% / 3 - (30px * 2) / 3);
    }
    ul.friend-request-list.wpee-listing.no-list > li.view-list {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 - (30px * 2) / 3);
      flex: 0 0 calc(100% / 3 - (30px * 2) / 3);
    }
    .wpee-plan-item-wrapper .wpee-plan-item {
      padding: 24px;
    }
    .page-template-tpl-testimonials .testimonials-wrap h5.title {
      font-size: 20px;
    }
    .testimonials-listing-wrap .content-wrap.col-2 > div.testimonials-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (32px * 1 / 2));
      flex: 0 0 calc(100% / 2 - (32px * 1 / 2));
      margin-bottom: 32px;
      padding: 32px;
    }
    .page-template-tpl-user-story .user-stories-wrap .meta-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    body.page-template-default .site-body > main {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 574px;
      flex: 0 1 574px;
    }
    body.post-template-default .site-body > main {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 574px;
      flex: 0 1 574px;
    }
    body.search-results .site-body > main {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 574px;
      flex: 0 1 574px;
    }
    body.archive .site-body > main {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 574px;
      flex: 0 1 574px;
    }
  }
  
  @media screen and (max-width: 991px) {
    body {
      padding-top: 72px;
    }
    body.not-logged-in {
      padding-top: 62px;
    }
    .menu-main-menu-container > ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    .main-navigation > .menu-main-menu-container li {
      margin: 0 0 20px;
    }
    .main-navigation > .menu-main-menu-container .current-menu-item > a::before {
      bottom: 50%;
      width: 10px;
      left: -16px;
      -webkit-transform: translateY(50%);
      transform: translateY(50%);
    }
    .main-navigation > .menu-main-menu-container .current-menu-item > a:hover::before {
      width: 10px;
    }
    .ham-icon.is-triggred::before {
      -webkit-transform: translateY(8px) rotate(45deg);
      transform: translateY(8px) rotate(45deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
    }
    .ham-icon.is-triggred::after {
      -webkit-transform: translateY(-8px) rotate(-45deg);
      transform: translateY(-8px) rotate(-45deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
    }
    .site-header .ham-icon.is-triggred::before {
      -webkit-transform: translateY(8px) rotate(45deg);
      transform: translateY(8px) rotate(45deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
    }
    .site-header .ham-icon.is-triggred::after {
      -webkit-transform: translateY(-8px) rotate(-45deg);
      transform: translateY(-8px) rotate(-45deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
    }
    .site-header .right-content .main-navigation {
      margin-top: 0;
      top: 0;
    }
    .wpee-small-quick-search-wrap form .form-inline .form-group {
      width: calc(50% - 8px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 8px);
      flex: 0 0 calc(50% - 8px);
      margin-bottom: 24px;
    }
    .main-member-list-wrap .member-detail-wrap {
      min-height: 342px;
    }
    .main-member-list-wrap .member-detail-wrap .user-details {
      padding: 16px;
    }
    .wpee-profile-header .profile-user-details .user-info-wrapper {
      margin: 24px 0 0;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      -ms-flex-line-pack: center;
      align-content: center;
    }
    .wpee-profile-header .age-location-wrap.text-white {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .wpee-profile-header .profile-header-right {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      padding-top: 16px;
    }
    .wpee-profile-header .profile-header-menu {
      margin-top: 0;
    }
    .wpee-profile-header .profile-header-menu .profile-menu-tab li.profile-menu-tab-list a {
      padding: 10px 12px;
    }
    .main-profile-mid-wrapper {
      width: 65%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
      flex: 0 0 65%;
      border-left: none;
    }
    .no-left-bar .main-profile-mid-wrapper {
      width: 65%;
      max-width: 65%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
      flex: 0 0 65%;
      border-left: none;
    }
    #news-feed .feeds-content > ul > li {
      padding: 24px 24px 24px 0;
    }
    .profle-status {
      padding: 24px 24px 24px 0;
    }
    .profile-content-inner.media table.table tbody.files {
      gap: 16px;
    }
    .profile-content-inner.media table.table .template-download {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
      flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    }
    .profile-content-inner.media .profile-photo-list .photos-list {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - 15px);
      flex: 0 0 calc(100% / 2 - 15px);
    }
    .row.fileupload-buttonbar .btn {
      padding: 8px;
      margin-right: 4px;
      margin-bottom: 4px;
    }
    .template-upload {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - 15px);
      flex: 0 0 calc(100% / 2 - 15px);
    }
    .template-upload .btn {
      padding: 8px;
    }
    a.wpee-create-button {
      padding: 8px;
    }
    .album-main-wrapper {
      gap: 16px;
    }
    .album-main-wrapper li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
      flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    }
    .audio-main-wrapper {
      gap: 16px;
    }
    .audio-main-wrapper li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
      flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    }
    .video-main-wrapper {
      gap: 16px;
    }
    .video-main-wrapper li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
      flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    }
    form.message-block-sent .sent-message-page {
      padding: 16px;
    }
    form.message-block-sent .sent-message-page > li .msg-info ul li:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
    form.message-block-sent .sent-message-page > li .msg-info ul li:nth-child(3) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
    form.message-block-inbox .dsp_vertical_scrollbar {
      padding: 16px;
    }
    form.message-block-inbox .dsp_vertical_scrollbar li.wpee-received-details {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 32px);
      flex: 0 0 calc(100% - 32px);
    }
    form.message-block-inbox .dsp_vertical_scrollbar li:last-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      padding-left: 92px;
    }
    form.message-block-inbox .heading-top {
      display: none;
    }
    form.message-block-delete .dsp_vertical_scrollbar {
      padding: 16px;
    }
    form.message-block-delete .dsp_vertical_scrollbar li.wpee-received-details {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 32px);
      flex: 0 0 calc(100% - 32px);
    }
    form.message-block-delete .dsp_vertical_scrollbar li:last-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      padding-left: 92px;
    }
    form.message-block-delete .heading-top {
      display: none;
    }
    form.message-block-draft .dsp_vertical_scrollbar {
      padding: 16px;
    }
    form.message-block-draft .dsp_vertical_scrollbar li.wpee-received-details {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 32px);
      flex: 0 0 calc(100% - 32px);
    }
    form.message-block-draft .dsp_vertical_scrollbar li:last-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      padding-left: 92px;
    }
    form.message-block-draft .heading-top {
      display: none;
    }
    form.message-block-draft .email-page li.draft-subject-wrap {
      margin: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      padding: 8px 0 0 32px;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame {
      padding-top: 51px;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel {
      width: 51px;
      position: static;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search input {
      border-radius: 8px 8px 0 0;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts {
      height: 100%;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap {
      padding: 9.5px 0 9.5px 8px;
      justify-items: center;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap img {
      margin: 0;
      width: 32px;
      height: 32px;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap img + .meta span.online {
      top: 8px;
      left: 8px;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap .meta .meta_user_name {
      display: none;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap .meta p {
      display: none;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #contacts ul li .wrap .meta label {
      display: none;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content {
      width: calc(100% - 51px);
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input {
      padding: 10px 0;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .left-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
      flex: 0 0 50px;
      width: 50px !important;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .left-image .attachment {
      font-size: 22px;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .center-chat {
      margin: 0;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .center-chat textarea {
      font-size: 14px;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content .message-input .wrap .right-send {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
      flex: 0 0 50px;
      width: 50px !important;
      height: 50px;
    }
    .profile-content-inner.gifts .wpee-gifts-received-wrapper {
      gap: 16px;
    }
    .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1) / 2);
      flex: 0 0 calc(100% / 2 - (16px * 1) / 2);
    }
    .profile-content-inner.gifts .wpee-gifts-received-wrapper .wpee-gifts-received-content .row-comment {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    .profile-content-inner.gifts .profile-section-content {
      gap: 16px;
    }
    .profile-content-inner.gifts .profile-section-content .gift-sent-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1) / 2);
      flex: 0 0 calc(100% / 2 - (16px * 1) / 2);
    }
    .profile-section-wrap.main-profile-mid-wrapper .main-member-list-wrap {
      gap: 16px;
    }
    .profile-section-wrap.main-profile-mid-wrapper .main-member-list-wrap .member-detail-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
      flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    }
    .friends-favourites ul.friends-section {
      gap: 16px;
    }
    .friends-favourites ul.friends-section li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
      flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    }
    .friends-favourites ul.friends-section li .fav-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      gap: 8px;
    }
    .wpse_pagination > *:first-child {
      font-size: 0;
    }
    .wpse_pagination > *:first-child * {
      font-size: 0;
    }
    .wpse_pagination > *:last-child {
      font-size: 0;
    }
    .wpse_pagination > *:last-child * {
      font-size: 0;
    }
    .wpse_pagination span:first-child::before {
      font-size: 16px;
      font-family: "mdi";
      content: '\F0141';
    }
    .wpse_pagination span:last-child {
      font-size: 0;
    }
    .wpse_pagination span:last-child::before {
      font-size: 16px;
      font-family: "mdi";
      content: '\F0142';
    }
    .wpse_pagination div:first-child > a::before {
      font-size: 16px;
      font-family: "mdi";
      content: '\F0141';
    }
    .wpse_pagination div:last-child > a {
      font-size: 0;
    }
    .wpse_pagination div:last-child > a::before {
      font-size: 16px;
      font-family: "mdi";
      content: '\F0142';
    }
    .post-pagination .wpse_pagination .prev {
      font-size: 0;
    }
    .post-pagination .wpse_pagination .prev::before {
      font-size: 16px;
      font-family: "mdi";
      content: '\F0141';
    }
    .post-pagination .wpse_pagination .next {
      font-size: 0;
    }
    .post-pagination .wpse_pagination .next::before {
      font-size: 16px;
      font-family: "mdi";
      content: '\F0142';
    }
    .post-pagination .wpse_pagination .current::before {
      content: '';
    }
    ul.friend-request-list.wpee-listing.no-list {
      gap: 16px;
    }
    ul.friend-request-list.wpee-listing.no-list > li.view-list {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1) / 2);
      flex: 0 0 calc(100% / 2 - (16px * 1) / 2);
    }
    ul.friend-request-list.wpee-listing.no-list > li.view-list .user-details h6.member-user-name {
      font-size: 14px;
    }
    .wpee-plan-item-wrapper {
      gap: 16px;
    }
    .wpee-plan-item-wrapper .wpee-plan-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1) / 2);
      flex: 0 0 calc(100% / 2 - (16px * 1) / 2);
      padding: 16px;
    }
    .page-template-tpl-user-story .user-stories-wrap .content-wrap.col-2 {
      gap: 30px 16px;
    }
    .page-template-tpl-user-story .user-stories-wrap .content-wrap.col-2 > div {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
      flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    }
    .contact-page-form-col {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    body.not-logged-in {
      padding-top: 71px;
    }
    .elementor-page .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: calc(100vw - 32px);
    }
    .profile-notification-blocks {
      line-height: 1;
      margin-left: auto;
    }
    .profile-header-menu .ham-icon span {
      background-color: #FFF;
      border-radius: 3px;
    }
    .profile-header-menu .ham-icon::before {
      background-color: #FFF;
      border-radius: 3px;
    }
    .profile-header-menu .ham-icon::after {
      background-color: #FFF;
      border-radius: 3px;
    }
    .profile-header-menu ul.wpee-notification-links li a i {
      color: #FFF;
      opacity: 1;
    }
    .profile-header-menu ul.wpee-notification-links li ul a i {
      color: var(--color-body);
    }
    .profile-header-menu ul.wpee-notification-links.different-user li a i {
      color: #FFF;
      opacity: 1;
    }
    .profile-header-menu ul.wpee-notification-links.different-user li ul a i {
      color: var(--color-body);
    }
    ul.wpee-notification-links.different-user li a {
      color: #FFF;
      opacity: 1;
      width: auto;
      height: auto;
    }
    .member-list-tab-wrap ul.filters-button-group {
      margin-bottom: 32px;
    }
    .member-list-tab-wrap ul.filters-button-group > li {
      font-size: 0;
      min-width: 25%;
      padding: 16px;
    }
    .testimonials_section .user-detail-wrap {
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
      margin-bottom: 16px;
    }
    .testimonials_section .testimonials-wrap {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .testimonials_section .desc-wrap {
      margin-top: 0;
    }
    .testimonials_section .slick-slide {
      margin: 0;
    }
    .testimonials_section h5.title {
      font-size: 16px;
      margin: 0;
    }
    .wpee-user-stories-wrap .user-stories-wrap .user-story-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
    .wpee-blog-post-wrap .blog-list-wrapper .blog-card-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
    .page-template-tpl-blog-post .blog-list-wrapper .blog-card-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
    .wpee-ajax-filter {
      margin-bottom: 32px;
    }
    .wpee-container {
      padding-left: 16px;
      padding-right: 16px;
    }
    .wpee-container-full {
      padding-left: 16px;
      padding-right: 16px;
    }
    .wpee-profile-header .profile-user-details {
      margin-bottom: 16px;
    }
    .wpee-profile-header .profile-user-details .user-info-wrapper .account-status {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      margin: 8px 0;
    }
    .wpee-profile-header h4.username.text-white {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      font-size: 24px;
      margin: 0;
    }
    .wpee-profile-header .age-location-wrap.text-white {
      font-size: 12px;
      gap: 8px;
    }
    .wpee-profile-header .age-location-wrap.text-white span {
      display: block;
    }
    .wpee-profile-header .age-location-wrap.text-white > * {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0;
      max-width: 100%;
    }
    .wpee-profile-header .profile-header-menu {
      background-color: var(--color-primary);
    }
    .wpee-profile-header .profile-header-menu .wpee-count-num {
      background-color: white !important;
      color: var(--color-primary) !important;
    }
    .wpee-profile-header .profile-header-menu .profile-menu-tab {
      padding: 8px 0;
      width: 100%;
    }
    .wpee-profile-header .profile-header-menu .profile-menu-tab li.profile-menu-tab-list a {
      padding: 8px 24px;
      display: block;
    }
    #news-feed .feeds-content > ul > li {
      padding: 16px 0;
    }
    .profle-status {
      padding: 16px 0;
    }
    .profle-status form.wpee-status-form .profile-status-text {
      margin-bottom: 0;
    }
    .profile-content-inner .profile-activity-sidebar {
      width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      padding: 16px 0;
    }
    .profile-content-inner .main-profile-mid-wrapper {
      max-width: 100%;
      width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      border: none;
      border-top: 1px solid var(--color-border);
      padding: 32px 0;
    }
    .profile-content-inner .profile-activity-right-sidebar {
      width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      padding: 16px 0;
    }
    .profile-content-inner.edit-profile .main-profile-mid-wrapper {
      border-top: none;
      padding-top: 0;
    }
    .profile-content-inner.search .main-profile-mid-wrapper {
      border-top: none;
      padding-top: 0;
    }
    ul.profile-section-tab {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow: auto;
      padding-bottom: 16px;
    }
    .profile-content-inner.media table.table tbody.files button.delete {
      padding: 8px 12px;
    }
    .template-upload .btn {
      padding: 8px 12px;
      height: 38px;
      margin-bottom: 0;
    }
    .template-upload .progress {
      margin-bottom: 12px;
    }
    .message-block-compose {
      padding: 16px;
    }
    form.message-block-sent .sent-message-page > li .msg-info {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      padding: 16px 0 0 32px;
    }
    form.message-block-sent .sent-message-page > li .msg-info ul li:last-child {
      margin-top: 16px;
    }
    form.message-block-inbox .dsp_vertical_scrollbar > ul {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    form.message-block-inbox .dsp_vertical_scrollbar li.wpee-received-details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    form.message-block-inbox .dsp_vertical_scrollbar li.wpee-received-details br {
      display: none;
    }
    form.message-block-inbox .dsp_vertical_scrollbar li.wpee-received-details .dsp-email-photo {
      margin-bottom: 16px;
      display: block;
    }
    form.message-block-inbox .dsp_vertical_scrollbar li:last-child {
      margin: 8px 0 0;
      padding-left: 32px;
    }
    form.message-block-delete .dsp_vertical_scrollbar > ul {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    form.message-block-delete .dsp_vertical_scrollbar li.wpee-received-details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    form.message-block-delete .dsp_vertical_scrollbar li.wpee-received-details br {
      display: none;
    }
    form.message-block-delete .dsp_vertical_scrollbar li.wpee-received-details .dsp-email-photo {
      margin-bottom: 16px;
      display: block;
    }
    form.message-block-delete .dsp_vertical_scrollbar li:last-child {
      margin: 8px 0 0;
      padding-left: 32px;
    }
    form.message-block-draft .dsp_vertical_scrollbar > ul {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    form.message-block-draft .dsp_vertical_scrollbar li.wpee-received-details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    form.message-block-draft .dsp_vertical_scrollbar li.wpee-received-details br {
      display: none;
    }
    form.message-block-draft .dsp_vertical_scrollbar li.wpee-received-details .dsp-email-photo {
      margin-bottom: 16px;
      display: block;
    }
    form.message-block-draft .dsp_vertical_scrollbar li:last-child {
      margin: 8px 0 0;
      padding-left: 32px;
    }
    form.message-block-draft .email-page li.draft-detail-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 32px);
      flex: 0 0 calc(100% - 32px);
      padding-right: 64px;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame #sidepanel #search {
      width: auto;
    }
    .profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .content {
      padding-top: 0;
    }
    form[name="frmuseraccount"] {
      padding: 16px;
    }
    form[name="frmprivacysettings"] {
      padding: 16px;
    }
    .wpee-plan-item-wrapper .wpee-plan-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
    .form-inline.remember-me-group {
      margin: 0 0 15px 0;
    }
    .form-inline.remember-me-group .form-group + .form-group {
      margin: 0 !important;
    }
    .wpee-register-form-wrap .wpee-lr-tab-content-wrap[data-tab="lr-register"] {
      height: calc(100vh - 250px);
    }
    .inner-page-wrap {
      height: auto !important;
      padding: 24px 0;
      margin-bottom: 24px;
    }
    .page-template-tpl-testimonials .testimonials-wrap h5.title {
      font-size: 16px;
    }
    .testimonials-listing-wrap .content-wrap.col-2 > div.testimonials-wrap {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      margin-bottom: 16px;
      padding: 24px;
    }
    body.page-template-default article.post {
      padding: 16px;
    }
    body.page-template-default article.page {
      padding: 16px;
    }
    body.post-template-default article.post {
      padding: 16px;
    }
    body.post-template-default article.page {
      padding: 16px;
    }
    body.search-results article.post {
      padding: 16px;
    }
    body.search-results article.page {
      padding: 16px;
    }
    body.archive article.post {
      padding: 16px;
    }
    body.archive article.page {
      padding: 16px;
    }
  }
  
  @media screen and (max-width: 1399px) and (min-width: 768px) {
    .elementor-page .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: calc(100vw - 60px);
    }
  }
  
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .logo-wrap a.navbar-brand {
      display: block;
    }
    .logo-wrap a.navbar-brand.high-res {
      display: none;
    }
  }
  
  @media only screen and (min--moz-device-pixel-ratio: 2) {
    .logo-wrap a.navbar-brand {
      display: block;
    }
    .logo-wrap a.navbar-brand.high-res {
      display: none;
    }
  }
  
  @media only screen and (min-device-pixel-ratio: 2) {
    .logo-wrap a.navbar-brand {
      display: block;
    }
    .logo-wrap a.navbar-brand.high-res {
      display: none;
    }
  }
  
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .logo-wrap a.navbar-brand {
      display: block;
    }
    .logo-wrap a.navbar-brand.high-res {
      display: none;
    }
  }
  
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    .logo-wrap a.navbar-brand {
      display: block;
    }
    .logo-wrap a.navbar-brand.high-res {
      display: none;
    }
  }
  
  @media screen and (min-width: 375px) and (max-width: 1399px) {
    body.page h1 {
      font-size: calc(35px + 37 * ((100vw - 375px) / 1025));
    }
    body.page h2 {
      font-size: calc(28px + 20 * ((100vw - 375px) / 1025));
    }
    body.page h3 {
      font-size: calc(24px + 8 * ((100vw - 375px) / 1025));
    }
    body.page h4 {
      font-size: calc(20px + 4 * ((100vw - 375px) / 1025));
    }
    body.page h5 {
      font-size: calc(18px + 2 * ((100vw - 375px) / 1025));
    }
    body.page h6 {
      font-size: calc(14px + 2 * ((100vw - 375px) / 1025));
    }
    footer.site-footer .footer-title {
      font-size: calc(16px + 5 * ((100vw - 375px) / 1025));
    }
    footer.site-footer .widgettitle {
      font-size: calc(16px + 5 * ((100vw - 375px) / 1025));
    }
  }
  
  @media screen and (max-width: 374px) {
    body.page h1 {
      font-size: 35px;
    }
    body.page h2 {
      font-size: 28px;
    }
    body.page h3 {
      font-size: 24px;
    }
    body.page h4 {
      font-size: 20px;
    }
    body.page h5 {
      font-size: 18px;
    }
    body.page h6 {
      font-size: 14px;
    }
    footer.site-footer .footer-title {
      font-size: 16px;
    }
    footer.site-footer .widgettitle {
      font-size: 16px;
    }
  }
  
  @media screen and (min-width: 768px) {
    ul.wpee-notification-links.different-user {
      margin-top: -9px;
    }
    .member-list-tab-wrap ul.filters-button-group > li > i {
      display: none;
    }
    .wpee-user-stories-wrap .user-stories-wrap .user-story-wrap:first-child {
      margin-left: calc(33.33% + 10px);
    }
    .wpee-profile-header .profile-header-menu .profile-menu-tab li.profile-menu-tab-list.active::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: -17px;
      height: 3px;
      background-color: var(--color-primary);
    }
  }
  
  @media screen and (max-width: 1399px) {
    .wpee-small-quick-search-wrap form .form-inline .form-group .form-control {
      font-size: 16px;
      padding: 12px 24px;
      height: 48px;
    }
    .wpee-small-quick-search-wrap form .form-inline .form-group.submit-wrap input[type="submit"] {
      font-size: 16px;
      padding: 12px 24px;
      height: 48px;
    }
    .testimonials_section {
      padding-right: 20px;
    }
    .testimonials_section .user-detail-wrap figure {
      width: 60px;
      height: 60px;
    }
    .testimonials_section .user-detail-wrap figure img {
      width: 60px;
      height: 60px;
    }
    .testimonials_section .user-detail-wrap .name {
      margin-top: 0;
    }
    .testimonials_section h5.title {
      margin-left: 84px;
      font-size: 18px;
      margin-top: -35px;
    }
    .wpee-user-stories-wrap .user-stories-wrap .story-content-wrap {
      padding: 16px;
      margin: -16px 16px 0;
    }
    .wpee-user-stories-wrap .user-stories-wrap .post-title {
      font-size: 16px;
      margin-bottom: 8px;
    }
    .wpee-user-stories-wrap .user-stories-wrap .post-title a {
      font-size: 16px;
      margin-bottom: 8px;
    }
    .wpee-blog-post-wrap .blog-list-wrapper .cat-wrap {
      margin-bottom: 8px;
    }
    .wpee-blog-post-wrap .blog-list-wrapper .blog-content-wrap {
      padding: 16px;
      margin: -16px 16px 0;
    }
    .wpee-blog-post-wrap .blog-list-wrapper .post-title {
      font-size: 16px;
      margin-bottom: 8px;
    }
    .wpee-blog-post-wrap .blog-list-wrapper .post-title a {
      font-size: 16px;
      margin-bottom: 8px;
    }
    .page-template-tpl-blog-post .blog-list-wrapper .cat-wrap {
      margin-bottom: 8px;
    }
    .page-template-tpl-blog-post .blog-list-wrapper .blog-content-wrap {
      padding: 16px;
      margin: -16px 16px 0;
    }
    .page-template-tpl-blog-post .blog-list-wrapper .post-title {
      font-size: 16px;
      margin-bottom: 8px;
    }
    .page-template-tpl-blog-post .blog-list-wrapper .post-title a {
      font-size: 16px;
      margin-bottom: 8px;
    }
    .page-template-tpl-user-story .user-stories-wrap .story-content-wrap {
      padding: 16px;
      margin: -16px 16px 0;
    }
  }
  
  @media screen and (max-width: 481px) {
    .wpee-small-quick-search-wrap form .form-inline .form-group .form-control {
      margin-bottom: 9px;
    }
    .wpee-register-form-wrap {
      width: calc(100% - 30px);
    }
    .wpee-register-form-wrap label {
      font-size: 14px;
    }
    .wpee-register-form-wrap span.close-trigger {
      right: 0;
      top: -48px;
    }
    .wpee-register-form-wrap #wpee-registration-form .form-inline.dob-wrap select {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
      flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
    }
    .wpee-lr-tab-content-wrap .wpee-lr-content-tab.lr-register {
      left: 16px;
      right: 16px;
    }
  }
  
  @media screen and (min-width: 992px) {
    .main-member-list-wrap .member-detail-wrap .user-detail-content br {
      display: none;
    }
    form.message-block-sent .sent-message-page > li .msg-info ul li:nth-child(3):before {
      content: '-';
      display: inline-block;
      margin: 0 8px;
      opacity: .5;
    }
  }
  
  @media screen and (min-width: 767px) {
    footer.site-footer {
      position: -webkit-sticky;
      position: sticky;
      z-index: 1;
      bottom: 0;
      left: 0;
    }
  }
  
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .wpee-profile-header .profile-user-details .change-cover-photo .trigger-cover-photo {
      position: absolute;
      top: 0;
      right: 0;
    }
  }
  
  @media (max-width: 960px) {
    .wpee-edit-profile-form .dspdp-form-control {
      margin: 0;
    }
    .wpee-edit-profile-form input[type="file"].dspdp-form-control {
      margin: 0;
    }
    .wpee-search-tab .dspdp-form-control {
      margin: 0;
    }
    .wpee-search-tab input[type="file"].dspdp-form-control {
      margin: 0;
    }
  }
  
  @media (max-width: 575px) {
    .wpee-edit-profile-form input[type="submit"] {
      width: 100%;
    }
    .wpee-search-tab input[type="submit"] {
      width: 100%;
    }
    form .form-inline.zip-search .form-group:last-child {
      margin-top: 8px;
    }
    form .form-inline.zip-search .form-group:last-child input {
      width: 100%;
    }
  }
  
  @media only screen and (max-width: 481px) {
    .wpee-edit-profile-form .wpee-question .form-group {
      padding: 0;
    }
  }
  
  @media (max-width: 1199px) {
    .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-header .wpee-block-title {
      font-size: 18px;
      letter-spacing: normal;
    }
    .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-content .profile-detail-list li {
      font-size: 14px;
    }
    .profile-activity-right-sidebar .wpee-block .wpee-block-header .wpee-block-title {
      font-size: 18px;
      letter-spacing: normal;
    }
    ul.profile-section-tab li a {
      font-size: 14px;
      padding: 12px 16px;
    }
    .main-tab-wrap .search-tab-title {
      font-size: 14px;
      padding: 12px 16px;
    }
    .wpee-search-block .wpee-search-tab .search-tab .search-tab-title {
      font-size: 14px;
      padding: 12px 16px;
    }
  }
  
  @media (max-width: 767px) {
    .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-content {
      margin-top: 16px;
    }
    .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-content .profile-detail-list {
      background-color: #F7F5F8;
      border-radius: 8px;
    }
    .profile-content-inner .profile-activity-sidebar .wpee-block .wpee-block-content .profile-detail-list li {
      margin-bottom: 0;
      background-color: transparent;
    }
    .wpee-edit-profile-inner.profile-section-content {
      margin-bottom: 0;
    }
    .wpee-edit-profile-inner.profile-section-content .edit_my_location_form {
      margin: 0;
      padding-top: 0;
    }
    .wpee-edit-profile-inner.profile-section-content .edit_my_location_form #edit_my_location {
      width: 100%;
    }
    #map_wrapper {
      margin: 16px 0 !important;
    }
    .wpee-search-tab .tab-content-wrapper {
      margin: 16px 0 !important;
    }
    .additional-search {
      margin: 16px 0;
    }
    .additional-search .option-btn-adv > * {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      max-width: 100%;
    }
    form .form-inline.zip-search .form-group {
      margin-right: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(100% / 2 - 10px);
      flex: 0 1 calc(100% / 2 - 10px);
    }
    form .form-inline.zip-search .form-group:first-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
    }
    form .form-inline.zip-search .form-group:last-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
    }
    form.message-block-sent .sent-message-page > li .read-message img {
      display: none;
    }
    form.message-block-sent .sent-message-page > li .read-message .dp-email-status {
      display: block;
      margin-right: 16px;
      font-size: 12px;
      background-color: var(--color-border);
      padding: 4px 8px;
      border-radius: 20px;
      line-height: 1;
    }
    form.message-block-sent .sent-message-page > li .read-message .dp-email-status.dp-email-status-read {
      background-color: #ECFAD0;
      color: #7DB210;
    }
  }
  
  @media (max-width: 991px) {
    .profile-activity-right-sidebar {
      width: 35%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
      flex: 0 0 35%;
      padding: 24px 0 24px 24px;
    }
    ul.profile-section-tab li:not(:last-child) {
      margin-right: 0;
    }
    .main-tab-wrap .search-tab-title:not(:last-child) {
      margin-right: 0;
    }
    .wpee-search-block .wpee-search-tab .search-tab .search-tab-title:not(:last-child) {
      margin-right: 0;
    }
    form .form-inline.zip-search {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    form .form-inline.zip-search .form-group {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(100% / 3 - 8px);
      flex: 0 1 calc(100% / 3 - 8px);
    }
  }
  
  @media (max-width: 1399px) {
    ul.profile-section-tab li:not(:last-child) {
      margin-right: 8px;
    }
    .main-tab-wrap .search-tab-title:not(:last-child) {
      margin-right: 8px;
    }
    .wpee-search-block .wpee-search-tab .search-tab .search-tab-title:not(:last-child) {
      margin-right: 8px;
    }
  }
  
  @media screen and (max-width: 575px) {
    .row.fileupload-buttonbar .btn {
      padding: 8px;
      margin-right: 0;
      margin-bottom: 8px;
      width: 100%;
      display: block;
      text-align: center;
    }
    .album-main-wrapper li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
    .audio-main-wrapper li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
    .video-main-wrapper li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
    .page-template-tpl-user-story .user-stories-wrap .content-wrap.col-2 > div {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
  }
  
  @media screen and (max-width: 451px) {
    .dsp_reg_main {
      padding: 0 8px;
    }
  }
  
  @media screen and (max-width: 1000px) {
    body.page-template-default .site-body > aside {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 574px;
      flex: 0 1 574px;
    }
    body.post-template-default .site-body > aside {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 574px;
      flex: 0 1 574px;
    }
    body.search-results .site-body > aside {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 574px;
      flex: 0 1 574px;
    }
    body.archive .site-body > aside {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 574px;
      flex: 0 1 574px;
    }
  }
  /*# sourceMappingURL=style.css.map */