.trans-3 {
  transition: all 0.3s ease;
}

:root {
  --white: #fff;
  --black: #373737;
  --gray2: #929292;
  --gray: #dddddd;
  --lightgray: #ededed;
  --lightgray2: #f5f5f5;
  --orange: #ff5a29;
  --yellow: #ffb500;
  --yellow2: #ffedc0;
  --brown: #3f2e03;
  --violet: #a100a0;
  --violet_over: #d30cd2;
  --violet_light: #cbadcb;
  --violet_light2: #ffe5ff;
  --danger: #ba1616;
  --dangerlight: #ffdcdc;
  --warnlight: #fff4e2;
  --warnlight2: #ffebca;
  --cyanlight3: #f8fffe;
  --cyanlight2: #e6fffd;
  --cyanlight: #bcfff9;
  --cyanbold: #00a495;
  --cyanbold2: #0f5d56;
  font-size: 10px;
}

[v-cloak] {
  display: none;
}

body .lg-backdrop {
  background-color: #000000ab;
}

body .lg-outer .lg-thumb-outer {
  background-color: #0000001f;
}

.ui-state-highlight {
  width: 2rem;
  background: var(--orange) !important;
  opacity: .3
}

.text-violet {
  color: var(--violet);
}

.text-orange {
  color: var(--orange);
}

.trans-3 {
  transition: all .3s ease;
}

.modal.show .modal-dialog {
  position: relative !important;
}

.spinner {
  width: 1.3rem;
  height: 1.3rem;
  border: 2px solid var(--gray);
  border-top-color: var(--violet);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  display: inline-block;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.btn-outlined {
  background: none;
  border: 2px solid var(--violet);
  display: inline-block;
  padding: 0.8rem 2rem;
  font-size: 1.3rem;
  font-weight: bold;
  border-radius: 0.7rem;
  color: var(--violet);
}

.btn-outlined:hover {
  text-decoration: none;
  background: var(--violet);
  color: var(--white);
}

a.btn-outlined.cyan {
  color: var(--cyanbold) !important;
  border-color: var(--cyanbold);
}

a.btn-outlined.cyan:hover {
  color: var(--white) !important;
  background: var(--cyanbold) !important;
}

.btn-single {
  color: var(--black);
  font-size: 1.4rem;
  font-weight: bold;
}

.btn-single:hover {
  text-decoration: underline;
}

.btn-one {
  background: var(--violet);
  color: var(--white);
  padding: 0.6rem 2rem;
  border-radius: 2rem;
  text-decoration: none !important;
}

.btn-one:hover {
  background: var(--violet_over);
  color: var(--white);
}

.btn-one.cyan {
  background: var(--cyanbold2);
}

.btn-one.cyan:hover {
  background: var(--cyanbold);
}

.btn-simple {
  color: var(--violet);
  font-weight: bold;
  display: inline-block;
  font-size: 1.3rem;
}

.post-editor a {
  color: var(--violet);
  font-weight: bold;
}

.post-editor a:hover {
  text-decoration: underline;
}

/* text underline styles */
.text-underlined:after {
  content: "";
  background: var(--black);
  height: 2px;
  display: block;
  width: 0%;
  transition: all 0.3s ease;
}

.text-underlined:hover:after {
  width: 100%;
}

.text-underlined.violet:after {
  background: var(--violet);
}

.category-main-title strong {
  color: var(--orange);
  text-decoration: underline;
}

/*
Memberships
**/
.wrap-memberships {
  display: flex;
  justify-content: center;
  gap: 3rem;
}

.wrap-memberships .card-membership {
  flex: 0 40rem;
  padding: 2rem;
  background: var(--gray0);
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.wrap-memberships .card-membership .title {
  font-size: 2rem;
}

.wrap-memberships .card-membership .desc {
  font-size: 1.6rem;
  margin-bottom: 2rem;
}

.wrap-memberships .card-membership .pricing {
  display: flex;
  margin: 2rem 0;
  align-items: center;
}

.wrap-memberships .card-membership .pricing .price {
  font-size: 2.2rem;
  font-weight: bold;
  margin-right: .5rem;
}

.wrap-memberships .card-membership .pricing .suffix {
  font-size: 90%;
  font-weight: 600;
  margin-left: 1rem;
}

.wrap-memberships .card-membership .features {
  margin-bottom: 2rem;
}

.wrap-memberships .card-membership .features ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 500;
}

.wrap-memberships .card-membership .features ul li:before {
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  color: var(--violet);
  font-size: 1.5rem;
  margin-right: 1rem;
}

.wrap-memberships .card-membership .features ul li {
  margin-bottom: 1rem;
}

.wrap-memberships .card-membership .actions {
  margin: auto 0 0;
  padding: 0;
  list-style: none;
}

.wrap-memberships .card-membership .actions a {
  text-align: center;
  background: none;
  text-align: center;
  border-radius: 5px;
  border: 2px solid var(--violet);
  display: block;
  padding: 1rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: var(--violet);
}

.wrap-memberships .card-membership:hover {
  background: var(--violet-dark);
  color: var(--white);
}

.wrap-memberships .card-membership:hover .features ul li:before {
  color: var(--yellow);
}

.wrap-memberships .card-membership:hover .actions a {
  color: var(--yellow);
  border-color: var(--yellow);
  background: none;
}

.wrap-memberships .card-membership:hover .actions a:hover {
  background: var(--yellow);
  color: var(--dark);
}

/*Listing Loading*/

.ray-loading {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  font-weight: 600;
  font-size: 1.4rem;
  z-index: 2;
}

.modal .ray-loading {
  align-items: center;
}

.loading-comp .icon {
  width: 4rem;
  height: 4rem;
  background: url("../img/loading-netdu.svg");
  background-position: 0 0;
  background-size: contain;
  margin: 0 auto;
  background-repeat: no-repeat;
}

.load-more-wrap {
  margin: 4rem 0 0;
  border-top: 1px solid var(--lightgray);
  padding: 2rem 0;
}

.listing-home {
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
}

/**Quick Search **/
.listing-wrap-quick-search {
  margin: 1rem 0;
}

.listing-wrap-quick-search .wrap-search {
  max-width: 40rem;
}

body div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image {
  margin-right: 2rem;
}

body div.asl_r .results .item .asl_content .asl_desc {
  opacity: .7
}

body div.asl_r .results .item:hover {
  background: var(--cyanlight2) !important
}

body div.asl_r .results .item .asl_content h3 a {
  font-weight: bold !important;
  color: var(--black) !important;
}

body div.asl_r .results .item .asl_content {
  padding: 1rem;
}

.listing-wrap-quick-search .wrap-search form input[type="search"].orig {
  background: var(--white) !important;
  border-radius: 2rem;
  height: 5rem !important;
}

.listing-wrap-quick-search .wrap-search div.asl_w .probox {
  height: 5rem !important;
}

.listing-wrap-quick-search .wrap-search div.asl_w .probox .promagnifier {
  height: 5rem !important;
  width: 5rem;
  !;
}

.listing-wrap-quick-search h4 {
  margin: 2rem 0;
}

.listing-wrap-quick-search .wrap-btns {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}

.listing-wrap-quick-search .wrap-btns .wrap-btn {

  flex: 0 0 15rem;
}

.listing-wrap-quick-search .wrap-btns .btn-tab {
  display: block;
  padding: 2rem 1rem;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  background: var(--white);
  color: var(--dark);
  transition: all 0.3s ease;
  text-align: center;
  font-size: 1.2rem;
}

.listing-wrap-quick-search .wrap-btns .btn-tab:hover,
.listing-wrap-quick-search .wrap-btns .btn-tab.active {
  box-shadow: none;
  background: var(--yellowl) !important;
}

.listing-wrap-quick-search .wrap-btns .btn-tab .wrap-title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 1rem;
}

.listing-wrap-quick-search .wrap-btns .wrap-btn img {
  height: 5rem;
}

.listing-wrap-quick-search .wrap-filter-content {
  position: relative;
}

.listing-wrap-quick-search .wrap-filter-content .wrap-filter {
  display: none;
  margin-top: 2rem;
}

.listing-wrap-quick-search .wrap-filter-content .wrap-filter.active {
  display: block;
}

/** User top Bar **/
.wrap-user-top-bar {
  display: flex;
  justify-content: end;
  align-items: center;
}

.wrap-user-top-bar .join {
  margin-left: 2rem;
}

.wrap-user-top-bar {
  display: flex;
  justify-content: end;
  align-items: center;
}

.wrap-user-top-bar:hover {
  display: flex;
  justify-content: end;
  align-items: center;
}

/*
Dashbaord Styles
*/
body {
  font-weight: 500;
}

body.woocommerce-account.logged-in .woocommerce {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 2rem;
}

body.woocommerce-account .woocommerce:before,
body.woocommerce-account .woocommerce:after {
  display: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
  width: inherit;
  padding-right: 0;
  float: none;
}

.woocommerce-account .widget-help {
  margin-top: 2rem;
  padding: 2rem 1rem;
  border-top: 1px solid #e9e9e9;
}

.woocommerce-account .widget-help .title {
  font-weight: 600;
  font-size: 1.4rem;
}

.woocommerce-account .widget-help .actions {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  ;
}

.woocommerce-account .widget-help a {
  display: inline-flex;
  background: var(--gray2);
  color: var(--dark);
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;

}

.woocommerce-account .widget-help a:hover {
  background: var(--violet);
  color: var(--white);
}


body.woocommerce-account .woocommerce-MyAccount-content {
  width: inherit;
  float: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
  font-weight: bold;
  padding: 5px 20px;
  display: block;
  color: var(--black);
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
  background: var(--cyanlight);
  border-radius: 2rem;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 2rem;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--danger);
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background-color: var(--dangerlight);
}

body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
  font-weight: bold;
  color: var(--violet);
}

body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button {
  font-weight: bold;
  color: var(--violet);
  border: 2px solid var(--violet);
  background: none;
  padding: 1rem 1.5rem;
  text-decoration: none;
}

body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button:hover {
  color: var(--white);
  text-decoration: none;
  background: var(--violet);
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button {
  margin: 0 5px;
}

body.woocommerce-account .woocommerce-MyAccount-content a:hover {
  text-decoration: underline;
}

body.woocommerce-account .woocommerce-form-row span em {
  display: block;
  padding: 5px;
  background: var(--warnlight);
}

body.woocommerce-account fieldset {
  border: 1px solid var(--violet);
}

body.woocommerce-account fieldset legend {
  font-size: 1.6rem;
}

/*
Account Posts
**/
.account-posts .last-posts .card-user-post {
  border-radius: 1rem;
  box-shadow: 0 5px 0.5rem rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  padding: 2rem;
  background: #fcfcfc;
}

.account-posts .last-posts .card-user-post .content {
  flex: 1;
  padding-right: 1rem;
}

.account-posts .last-posts .card-user-post .content .status {
  border-radius: 2rem;
  background: var(--warnlight2);
  display: inline-block;
  padding: 5px 15px;
  font-size: 12px;
}

body.woocommerce-account .woocommerce-MyAccount-content .dash-quick-actions {
  margin: 1rem 0;
}

body.woocommerce-account .woocommerce-MyAccount-content .dash-quick-actions a {
  display: inline-block;
  width: 10rem;
  font-size: 1.2rem;
  align-items: center;
  padding: 1rem;
  text-align: center;
  line-height: 1.3;
  color: var(--black) !important;
  text-decoration: none !important;
  border-radius: 1rem;
  transition: all 0.3s ease;
  box-shadow: 5px 5px 1rem rgba(0, 0, 0, 0.1);
  margin-right: 1rem;
}

body.woocommerce-account .woocommerce-MyAccount-content .dash-quick-actions a:hover {
  background: var(--cyanlight);
  border-color: var(--cyanlight);
  box-shadow: 0 0 1rem inset #9afff6;
}

.account-posts .dash-head {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--gray);
}

.account-posts .dash-head h2 {
  margin: 0;
}

.dash-quick-actions a .wrap-icon {
  width: 4rem;
  height: 2rem;
  margin: 0 auto 0.5rem auto;
  font-size: 1.5rem;
  color: var(--violet);
}

.account-posts .last-posts .card-user-post .title {
  font-weight: bold;
  font-size: 1.6rem;
  display: block;
  margin: 1rem 0 0;
  color: var(--black);
}

.account-posts .last-posts .card-user-post .title:hover {
  color: var(--violet);
}

.account-posts .last-posts .card-user-post .actions a {
  display: block;
  font-size: 1.3rem;
  color: var(--black);
  padding: 0.5rem 1rem;
}

.account-posts .last-posts .card-user-post .actions a.view {
  color: var(--cyanbold);
}

.account-posts .last-posts .card-user-post .actions a i {
  font-size: 120%;
  display: inline-block;
  margin-right: 1rem;
}

.account-posts .last-posts .card-user-post .actions a.delete {
  color: var(--danger);
}

.listing .alert {
  font-size: 1.4rem;
}

.membership-widget {
  max-width: 50rem;
  padding: 2rem;
  border-radius: 1rem;
  border: 2px solid var(--cyanlight);
  background: var(--cyanlight2);
  margin: 3rem 0;
}

.membership-widget .content {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}

.membership-widget .content .title-wrap h3 {
  font-weight: bold;
  color: var(--cyanbold);
}

.membership-widget .content .date-due {
  text-align: right;
}

.membership-widget .content .date-due strong {
  display: block;
}

.membership-widget .below {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 2rem;
}

.membership-widget .btn {
  padding: 1rem 3rem;
  border-radius: 3rem;
  background: var(--violet);
  color: var(--white) !important;
  font-weight: bold;
  font-size: 1.4rem;
  text-decoration: none !important;
}

.membership-widget .btn:hover {
  background: var(--violet_over) !important;
}

/** My account **/
.woocommerce-account {
  font-weight: 500;
}

.woocommerce-account .profile-pic {
  position: relative;
  display: inline-block;
}

.woocommerce-account .profile-pic a.pic:hover {
  transform: scale(0.9);
}

.woocommerce-account .profile-pic a {
  display: block;
}

.woocommerce-account .profile-pic i {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--secondl);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.woocommerce-account .profile-pic i:hover {
  background: var(--violet);
}

.woocommerce-account .btn-outlined {
  border: 2px solid var(--dark);
  color: var(--dark) !important;
  font-size: 1.4rem;
  text-decoration: none !important;
  padding: 0.5rem 2rem;
  font-weight: 600;
}

.form-listing .btn-outlined:hover {
  color: var(--white) !important;
  background: var(--dark) !important;
}

.form-listing .btn-outlined.violet {
  border-color: var(--violet);
  color: var(--violet) !important;
}

.form-listing .btn-outlined.violet:hover {
  background: var(--violet) !important;
  color: var(--white) !important;
}

.form-listing .form-group label {
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
}

.form-listing .form-group .thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.form-listing .form-group .thumbs div {
  float: left;
  position: relative;
}

.form-listing .form-group .thumbs div .img {
  display: block;
  width: 12rem;
  height: 12rem;
  background-size: cover;
  background-position: center;
  border-radius: 1rem;
  transition: opacity .3s ease;
}

.form-listing .form-group .thumbs div .img:hover {
  opacity: .7;
}

.form-listing .form-group .thumbs div i {
  cursor: pointer;
  background: var(--white);
  color: var(--danger);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 2;
  border: 2px solid var(--danger);
}

.form-listing .form-group .thumbs div i:hover {
  background: var(--danger);
  color: var(--white);
}

.form-listing .form-repeater .group-repeaters {
  border: 0;
  padding: 0;
  margin-top: 2rem;
  margin-bottom: 3rem;
  padding: 2rem;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  background: var(--white);
  box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .2);
  border-radius: 1rem;
  transition: all .3s ease;
  position: relative;
}

.form-listing .form-repeater .group-repeaters .remove-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: inline-block;
  padding: .2rem .5rem;
}

.form-listing .form-repeater .group-repeaters:hover {
  box-shadow: none;
  background: var(--lightgray2);
}

.form-listing .form-repeater .group-repeaters label {
  font-size: 1.4rem;
  font-weight: 600;
}

.form-listing .form-repeater .group-repeaters label .required {
  color: var(--danger);
}

.form-listing .form-group .map {
  height: 32rem;
}

.form-listing .form-group .form-control,
.form-listing .form-group .form-select {
  border: 2px solid var(--gray2);
  height: 4rem;
  font-size: 1.4rem;
  box-shadow: none;
  font-weight: 500;
  padding: 0 1rem;
}

.form-listing .form-group textarea.form-control {
  height: 12rem;
  padding: 1rem;
}

.form-listing .form-group .tox-tinymce {
  border: 2px solid var(--gray2);
}

.wp-admin .form-listing .form-group .form-control {
  font-size: 14px;
}

.form-listing .form-group .form-control:focus,
.form-listing .form-group .form-select:focus {
  border-color: var(--violet);
}

.form-listing .form-group .below-text {
  color: #454545;
  margin-top: 0.5rem;
  font-size: 1.2rem;
  background: #f7f7f7;
  padding: 1rem;
}

.form-listing .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
}

.form-listing .bottom {
  margin-top: 2rem;
  border-top: 2px dashed var(--gray2);
  padding-top: 2rem;
}

.form-listing button {
  font-size: 1.4rem;
  padding: 0.8rem 3rem;
  background: var(--violet);
  border: 0;
  font-weight: 600;
}

.form-listing button.btn-secondary {
  background: var(--lightgray2);
  color: var(--black);
}

.form-listing button.btn-secondary:hover {
  background: var(--lightgray) !important;
  color: var(--black);
}

.form-listing button.reset {
  all: inherit;
}

.form-listing button.btn-primary:disabled {
  background: var(--violet);
  opacity: 0.3;
  cursor: not-allowed;
}

.form-listing button:hover,
.form-listing button:active {
  background: var(--violet-dark) !important;
}

.woocommerce-account .form-heading h3 {
  border-bottom: 2px solid var(--violet);
  color: var(--dark);
  font-weight: 600;
  font-size: 2rem;
  padding: 1rem 0;
  color: var(--violet);
  font-weight: bold;
}

.woocommerce-account .btn-help-text {
  display: inline-block;
}

.woocommerce-account .btn-help-text:hover {
  cursor: pointer;
  color: var(--violet);
}

/* Listing Wrapper*/
.single-ray_listing .listing-wrapper h2 {
  font-weight: bold;
  margin-bottom: 2rem;
  font-size: 2rem;
}

/* Listing Map */
.listing-widget {
  padding: 3rem;
  border: 2px solid #ececec;
  border-radius: 2rem;
  margin-bottom: 2rem;
  background: var(--white);
  transition: all .3s ease;
}

.listing-widget:hover {
  border-color: var(--violet_light);
}

.listing-widget .info-content {
  text-align: justify;
}

.listing-widget .info-content h2 {
  font-size: 1.8rem;
  margin: 2rem 0;
  border-bottom: 1px solid var(--gray);
  padding-bottom: 1.7rem;
}

.listing-widget .info-content a {
  color: var(--violet);
  font-weight: bold;
}

.listing-cat a {
  font-weight: bold;
  font-size: 1.6rem;
  color: var(--violet);
}

.listing-cat a:hover {
  color: var(--cyanbold);
}

.listing-address {
  max-width: 40rem;
  text-align: right;
}

.listing-address a {
  color: var(--black);
  display: inline-block;
}

.listing-address a i,
.listing-cat i {
  margin-right: 1rem;
  font-size: 120%;
}

.listing-address a:hover {
  color: var(--violet);
  text-decoration: underline;
}

.listing-pensum .list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.listing-pensum .list li {
  font-weight: 500;
}

.listing-pensum .list li:hover {
  color: var(--violet);
}

.listing-pensum .list li i {
  color: var(--violet);
  margin-right: 0.5rem;
}

/* Listing Experience */
.listing-job-experience .grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
}

.listing-job-experience .job-exp {
  padding: 1.5rem 2rem;
  border-radius: 2rem;
  background: var(--cyanlight2);
  position: relative;
}

.listing-job-experience .job-exp:hover {
  background: var(--cyanlight);
}

.listing-job-experience .job-exp .actions {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: flex;
  gap: 1rem;
}

.listing-job-experience .job-exp .actions .btn {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--gray4);
  color: var(--gray4);
  cursor: pointer;
  transition: all .3s ease;
}

.listing-job-experience .job-exp .actions .btn:hover {
  background: var(--cyanbold) !important;
  border-color: var(--cyanbold) !important;
  color: var(--white);
}

.listing-job-experience .job-exp .title {
  font-weight: bold;
  margin: 1rem 0;
}

.listing-job-experience .job-exp .job-func span {
  display: inline-block;
  border-radius: 2rem;
  padding: .5rem 1.5rem;
  background: var(--warnlight2);
}

/*Newsletter Form */
#mc_embed_shell {
  color: var(--white);
  text-align: center;
}

#mc_embed_shell input.email {
  width: 100%;
  border-radius: 3rem;
  height: 5rem;
  border: 0;
  padding: 0 2rem;
  font-weight: 600;
  text-align: center;
  font-size: 1.6rem;
}

#mc_embed_shell .mce_inline_error {
  margin: 1rem 0;
}

#mc_embed_shell #mc-embedded-subscribe {
  height: 5rem;
  border-radius: 4rem;
  padding: 0 3rem;
  font-weight: bold;
  font-size: 1.6rem;
  background: var(--yellow);
  border: 0;
  transition: all 0.3s ease;
  text-align: center;
  margin: 1rem auto;
  width: 100%;
}

#mc_embed_shell #mc-embedded-subscribe:hover {
  background: var(--cyanbold);
  color: var(--white);
}

#mc_embed_shell #mce-success-response {
  background: var(--cyanlight2);
  border-radius: 2rem;
  padding: 1rem;
  color: var(--cyanbold2);
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 1.6rem;
}

/* Top Button */

.cs-btn-woo-account {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  position: relative;
  z-index: 3;
  align-items: center;
  gap: 2rem;
}

.cs-btn-woo-account .wrap-btn a {
  border: 2px solid var(--violet);
  color: var(--violet);
  font-size: 1.4rem;
  font-weight: bold;
  padding: .5rem 2rem;
}

.cs-btn-woo-account .wrap-btn a:hover {
  color: var(--white);
  background: var(--violet);
}

.cs-btn-woo-account a {
  transition: all 0.3s ease;
}

.cs-btn-woo-account .dropdown-content {
  position: absolute;
  background: #fff;
  top: 100%;
  width: 100%;
  box-shadow: 0 5px 1rem rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  display: none;
  z-index: 1;
  padding-bottom: 1rem;
  max-width: 193px;
  right: 0;
}

.cs-btn-woo-account .dropdown-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cs-btn-woo-account .dropdown-content ul li a {
  padding: 0.5rem 1rem;
  display: block;
  font-size: 1.4rem;
  transition: all 0.3s ease;
  text-decoration: none;
  color: var(--black);
}

.cs-btn-woo-account .dropdown-content ul li.logout {
  margin-top: 1rem;
}

.cs-btn-woo-account .dropdown-content ul li.logout a {
  color: var(--danger);
}

.cs-btn-woo-account .dropdown-content ul li a:hover {
  background: var(--secondl);
  color: var(--white);
}

.cs-btn-woo-account .btn-myaccount {
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  border: 1px solid var(--primary);
  padding: 0.3rem 1rem;
  border-radius: 0.5rem;
  color: var(--primary);
}

.cs-btn-woo-account .btn-myaccount:hover {
  background: var(--gray2);
  color: var(--dark);
  text-decoration: none;
  box-shadow: 0 5px 1rem rgba(0, 0, 0, 0.1);
}

.cs-btn-woo-account .wrap-cta:hover .dropdown-content {
  display: block;
  padding: 0;
}

.cs-btn-woo-account .btn-myaccount .wrap-icon {
  font-size: 2rem;
  margin-right: 1rem;
}

.cs-btn-woo-account .btn-myaccount .wrap-info {
  font-size: 1.3rem;
}

.cs-btn-woo-account .btn-myaccount .wrap-info small {
  display: block;
}

/* Listing Gallery */
.listing-gallery {
  position: absolute;
  z-index: 2;
  bottom: 5rem;
  left: 2rem;
}

.listing-gallery a {
  display: inline-block;
  background: var(--white);
  font-weight: bold;
  padding: .8rem 2rem;
  border-radius: 1rem;
  font-size: 1.5rem;
  transition: all .3s ease;
}

.listing-gallery a .amount {
  color: var(--violet);
  display: inline-block;
  margin-right: 5px;
  transition: all .3s ease;
}

.listing-gallery a:hover,
.listing-gallery a:active {
  background: var(--violet);
  color: var(--white);
}

.listing-gallery a:hover .amount,
.listing-gallery a:active .amount {
  color: var(--white);
}

/* Listing Profile */

.listing-profile {
  box-shadow: 0 6px 2rem rgba(0, 0, 0, 0.1);
  position: relative;
  margin-top: -10rem;
  background: var(--white);
  padding: 3rem;
  border-radius: 2rem;
}

.listing-profile a {
  color: var(--violet);
  display: inline-block;
  text-decoration: none;
}

.listing-profile a:hover {
  text-decoration: underline;
}

.listing-profile .listing-status {
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.listing-profile .listing-status.draft {

  color: #972f2f;
  background: #fae1e1;
}

.listing-profile .listing-status.publish {

  color: #2e7c21;
  background: #e1fae7;
}

.listing-profile .listing-status.pending {

  color: #8d6220;
  background: #f3e5c7;
}

.listing-profile .listing-status.private {
  color: #3a4999;
  background: #d9deff;
}

.listing-profile address {
  padding: 1rem;
  background: var(--lightgray2);
  margin: 2rem -3rem;
  padding: 1rem 3rem;
  font-weight: 600;
}

.listing-profile address i {
  margin-right: 1rem;
  font-size: 1.6rem;
}

.listing-profile .mini-about a {
  font-weight: 600;
  color: var(--violet);
}

.listing-profile .head {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.listing-profile .head .wrap-title h2 {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.3;
  margin: 0;
}

.listing-profile .head .wrap-img .profile-img {
  display: block;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: #e5e5e5;
  background-size: cover;
  background-position: center;
  box-shadow: 0 3px 1rem rgba(0, 0, 0, 0.2);
}

.listing-profile .head .wrap-img .profile-img:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.listing-profile .metas {
  margin: 2rem 0;
}

.listing-profile .metas ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.listing-profile .metas ul li {
  margin-bottom: 1rem;
  display: flex;
  gap: 1rem;
}

.listing-profile .metas ul li .label {
  font-weight: bold;
}

.listing-profile .cta-event {
  text-align: center;
}

.listing-profile .cta-event a {
  display: block;
  color: var(--white);
  padding: 1rem;
  font-weight: 700;
}

.listing-profile .cta-event a:hover {
  background: var(--violet_over);
}


.bottom-actions .saving-data {
  display: inline-block;
}

.bottom-actions .saving-data.saved {
  color: var(--quartb);
}

/*Tooltip*/
.custom-tooltip .tooltip-inner {
  font-size: 1.4rem;
  padding: 1rem;
  line-height: 1.2;
  background: var(--white);
  color: var(--primary) !important;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);
}

.tooltip .tooltip-arrow::before {
  border-top-color: var(--white) !important;
  border-width: 0.5rem !important;
}

/* Dashboard user */

.dashboard-main {
  position: relative;
}

.dashboard-main .dash-actions {
  margin-top: 3rem;
}

.dashboard-main .dash-actions a {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  width: 10rem;
  height: 9rem;
  background: var(--white);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  text-align: center;
  color: var(--dark) !important;
  text-decoration: none !important;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
}

.dashboard-main .dash-actions a i {
  font-size: 2.5rem;
  display: block;
  flex: 0 0 100%;
}

.dashboard-main .dash-actions a:hover {
  background: var(--quartlight);
  box-shadow: none;
}

.dashboard-main .dash-actions a .text {
  display: inline-block;
}

/* User Listings */
.profile-dash {
  position: relative;
}

.profile-dash .dash-heading {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  background: #f2fcff;
  border-radius: 1rem;
}

.profile-dash .dash-heading+form {
  margin-top: 3rem;
}

.profile-dash .dash-heading .info {
  flex: 0 0 59%;
}

.profile-dash .dash-heading .info a {
  font-weight: bold;
  color: var(--cyanbold);
}

.profile-dash .create-listings {
  margin: 3rem 0;
}

.profile-dash .create-listings .user-create-listing {
  text-align: center;
  max-width: 60rem;
  margin: 0 auto;
}

.profile-dash .create-listings .user-create-listing .img {
  height: 20rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: 0 auto 1rem;
  max-width: 30rem;
}

.profile-dash .create-listings .user-create-listing .title {
  font-weight: bold;
  font-size: 2rem;
}

.profile-dash .create-listings .user-create-listing .desc {
  margin: 1rem 0;
}

.profile-dash .create-listings .user-create-listing .form-group {
  flex: 1;
}

.profile-dash .create-listings .user-create-listing .fields button {
  color: var(--white) !important;
  border: 0;
  height: 4rem;
}

.profile-dash .create-listings .user-create-listing .fields button:hover {
  background: var(--violet_over) !important;
}

.profile-dash .create-listings .user-create-listing .form-group .form-control {
  height: 4rem;
  font-size: 1.4rem;
  width: 100%;
}

.profile-dash .subscription-card {
  padding: 2rem;
  background: var(--cyanlight);
  border-radius: 1rem;
}

.profile-dash .subscription-card {
  padding: 2rem;
  background: #cbf2ef;
  border-radius: 1rem;
  display: inline-block;
}

.profile-dash .subscription-card.expired {
  background: var(--warnlight);
}

.profile-dash .subscription-card .status {
  background: var(--dangerlight);
  color: var(--danger);
  display: inline-block;
  padding: 2px 10px;
  border-radius: 5rem;
  font-weight: 600;
}

.profile-dash .subscription-card.active .status {
  background: var(--cyanlight);
  color: var(--cyanbold2);
}

.profile-dash .subscription-card.active .status {
  background: var(--yellow2);
  color: var(--brown);
}

.profile-dash .subscription h3 {
  font-weight: bold;
}

.profile-dash .subscription h3 div {
  display: inline-block;
  font-size: 80%;
  font-weight: 500;
}

.profile-dash .subscription h3 div strong {
  color: var(--violet);
}

.profile-dash .modal-header .btn-close {
  padding: .2rem .7rem;
  width: inherit;
  height: inherit;
  color: var(--white);
  background: var(--danger);
}

.profile-dash .modal-header .btn-close:hover {
  background: var(--danger) !important;
}

.profile-dash .modal-job {
  position: fixed;
  background: var(--white);
  margin: auto;
  left: 0;
  right: 0;
  z-index: 100;
  top: 19rem;
  width: 30rem;
  height: 20rem;
  overflow: auto;
  visibility: visible;
  opacity: 1;
  border-radius: 1rem;
}

.profile-dash .listing-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #00000045;
  left: 0;
  top: 0;
  z-index: 9
}

.profile-dash .user-listings {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
  gap: 2rem;
  margin: 2rem 0;
}

.profile-dash .user-listings .user-card-listing {
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 5px 1rem rgba(0, 0, 0, .1);
  background: var(--white);
  position: relative;
  overflow: none;
}

.profile-dash .user-listings .user-card-listing:hover {
  background: var(--cyanlight2);
  box-shadow: none;
}

.profile-dash .user-listings .user-card-listing .title {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: .8rem;
}

.profile-dash .user-listings .user-card-listing .status {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--lightgray);
  padding: 4px 10px;
  font-weight: 600;
  text-transform: capitalize;
}

.profile-dash .user-listings .user-card-listing .status.pending {

  background: var(--yellow2);
  color: var(--brown);
}

.profile-dash .user-listings .user-card-listing .status.publish {

  background: var(--cyanlight);
  color: var(--cyanbold);
}

.profile-dash .user-listings .user-card-listing .date {
  font-size: 87%;
  opacity: .8;
}

.profile-dash .user-listings .user-card-listing .actions {
  margin-top: 1rem;
  display: flex;
  gap: 2rem;
}

.profile-dash .user-listings .user-card-listing .actions a {
  font-size: 1.3rem;
}

.profile-dash .content .nav-pills a.nav-link {
  background: var(--lightgray2);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--black);
  text-decoration: none;
  border-top: 2px solid transparent;
  transition: all .3s ease;
}

.profile-dash .content .nav-pills a.nav-link i {
  margin-right: 0.7rem;
}

.profile-dash .content .nav-pills a.nav-link.active,
.profile-dash .content .nav-pills a.nav-link:hover {
  background: var(--violet);
  border-top-color: var(--violet);
  color: var(--white);
}

.profile-dash .header {
  padding: 1.2rem 2rem;
  background: #fff1ea;
  border-radius: 1rem;

}

.profile-dash .fields-wrapper {
  display: grid;
  gap: 2rem;
  grid-template-columns: 2fr 2fr;
}

.profile-dash .fields-wrapper .full {
  grid-column: span 2;
  width: 100%;
}

/*Listing */
.listing {
  display: grid;
  grid-template-columns: 27rem 1fr;
  gap: 4rem;
  font-weight: 500;
  font-size: 1.4rem;
}

.listing .main-content .results {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}

.listing .main-content .results-head {
  margin: 1rem 0 2rem;
}

.listing .main-content .results-head .clear-filter {
  margin-bottom: 2rem;
}

.listing .main-content .results-head h2 {
  font-weight: 600;
}

.listing .main-content .results-head .found {
  font-weight: bold;
}

/*Pagination */
.listing .pagination {
  margin-top: 4rem;
}

.listing .pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  align-items: center;
}

.pagination ul li a {
  color: var(--black);
  font-weight: 600;
  font-size: 1.4rem;
  border-bottom: 2px solid transparent;
}

.pagination ul li a:hover {
  color: var(--violet);
}

.pagination ul li a.active {
  color: var(--violet);
  border-bottom-color: var(--violet);
}

.pagination ul li a.btn {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 2px solid var(--gray2);
}

.pagination ul li a.btn:hover {
  color: var(--white);
  border-color: var(--violet);
  background: var(--violet);
}

/* Filtering Sidebar */
.listing .wrap-btn-filter a.active {
  background: var(--violet);
  color: var(--white);
}

.filter-sidebar {
  font-weight: 500;
}

.filter-sidebar .filter-group {
  border-bottom: 2px solid var(--black);
}

.filter-sidebar .filter-group.search {
  padding-bottom: 2rem;
  position: relative;
}

.filter-sidebar .filter-group.search input {
  border-radius: 2rem;
  width: 100%;
  padding: 0 5rem 0 2rem;
  font-size: 1.4rem;
  height: 4rem;
  border: 2px solid var(--gray);
  font-weight: 500;
}

.filter-sidebar .filter-group.search .btn-search {
  border-radius: 5rem;
  background: var(--violet);
  color: var(--white);
  border: 0;
  position: absolute;
  top: 5px;
  right: 6px;
  font-size: 1.2rem;
  width: 3rem;
  height: 3rem;
}

.filter-sidebar .filter-group.search .btn-search:disabled {

  background: var(--gray);
}

.filter-sidebar .filter-group.search .btn-search:hover {
  background: var(--cyanbold);
}

.filter-sidebar .filter-group .tab-head {
  display: flex;
  cursor: pointer;
  align-items: center;
  line-height: 1.3;
  padding: 1.5rem 1rem;
}

.filter-sidebar .filter-group .tab-head:hover {
  background: var(--lightgray2);
}

.filter-sidebar .filter-group .tab-head .txt {
  font-size: 1.6rem;
  font-weight: 700;
  flex: 1;
}

.filter-sidebar .filter-group .tab-head .txt .btn-help-text {
  font-size: 1.3rem;
  display: inline-block;
}

.filter-sidebar .filter-group .tab-head .txt .btn-help-text i {
  margin-left: 0 !important;
}

.filter-sidebar .filter-group .tab-head .icon {
  flex: 0 0 3rem;
  text-align: right;
}

.filter-sidebar .filter-group.active .tab-head .icon i {
  transform: rotate(180deg);
}

.filter-sidebar .filter-group ul {
  margin: 0 0 2rem;
  list-style: none;
  padding: 0;
}

.filter-sidebar .filter-group ul li label {
  display: flex;
  cursor: pointer;
  padding: 0.2rem 1rem;
}

.filter-sidebar .filter-group ul li label:hover {
  color: var(--cyanbold);
  background: var(--cyanlight2);
}

.filter-sidebar .filter-group ul li label:has(input:checked) {
  color: var(--cyanbold);
}

.filter-sidebar .filter-group ul li input {
  margin-right: 1rem;
}

/*Card Listing*/
.card-listing {
  background: var(--white);
  font-size: 1.4rem;
  font-weight: 500;
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
}

.card-listing:hover {
  background: var(--cyanlight2);
  box-shadow: none;
}

.card-listing:hover .content .location {
  background: var(--yellow2);
}

.card-listing .picture {
  display: block;
  height: 16rem;
  background-color: var(--lightgray);
  background-size: cover;
  background-position: center;
  position: relative;
}

.card-listing .picture:hover {
  opacity: 0.7;
}

.card-listing .picture .logo {
  width: 6rem;
  height: 6rem;
  background-color: var(--lightgray);
  background-size: cover;
  background-position: center;
  display: block;
  border-radius: 50%;
  right: 2rem;
  bottom: -2rem;
  position: absolute;
  box-shadow: 0 5px 9px rgba(0, 0, 0, .2);
}

.card-listing .bottom {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
}

.card-listing .content {
  padding: 2rem 1.5rem;
}

.card-listing .content .category {
  color: var(--violet);
  font-weight: 600;
}

.card-listing .content .category i {
  margin-right: 0.5rem;
}

.card-listing .content .title {
  font-size: 1.7rem;
  display: block;
  color: var(--black);
  font-weight: bold;
  margin: 1rem 0;
  line-height: 1.2;
  min-height: 4rem;
}

.card-listing .content .location {
  padding: 1rem 1.5rem;
  background: var(--lightgray);
  margin: 0 -1.5rem;
  font-size: 1.2rem;
  min-height: 8rem;
}

.card-listing .content .location i {
  margin-right: 0.5rem;
}

.card-listing .btn-arrow {
  color: var(--violet);
  font-weight: bold;
}

.card-listing .btn-arrow i {
  margin-left: 1rem;
}

@media (max-width: 1000px) {
  .listing {
    grid-template-columns: 20rem 1fr;
  }

  .listing .main-content .results {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 800px) {
  .listing {
    grid-template-columns: 15rem 1fr;
  }

  .listing .main-content .results {
    grid-template-columns: 1fr 1fr;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
  }
}

@media (max-width: 600px) {
  body.woocommerce-account.logged-in .woocommerce {
    display: block;
  }

  .profile-dash .dash-heading {
    display: block;
  }

  .profile-dash .dash-heading .info .subtitle {
    margin: 1.5rem 0
  }

  .profile-dash .subscription-card {
    margin-top: 2rem;
  }

  .listing {
    grid-template-columns: 1fr;
  }

  .listing-profile {
    margin-top: 0rem;
  }

  .single-ray_listing .listing-wrapper h2 {
    font-size: 1.7rem;
  }

  .listing-pensum .list {
    gap: 2rem 1rem;
  }

  .listing .main-content .results {
    grid-template-columns: 1fr;
  }
}