/*!
Theme Name: Augment AI
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: augment-ai
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Augment AI is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

  
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --dark-background-color: #131315;
  background-color: #1f1f1f;
}
::selection {
  color: black;
  background: #cdf7ff;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
body {
  padding: 0;
  max-width: 3500px;
  overflow-x: hidden;
  margin: 0 auto;
  width: 100%;
}
body.home {
  max-width: 2560px;
}
p {
  margin: 0;
  padding: 0;
  color: #ffffff;
}
#primary {
  padding: 60px 0 80px 0;
  width: calc(100% - 300px);
  min-height: min(100vh, 1080px);
  background-image: url(img/bg.png);
  color: white;
  transition: all 400ms ease-in-out;
}
/* .home #primary {
  min-height: 1080px;
} */
#page.site {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  background-color: var(--dark-background-color);
  min-height: min(100vh, 1080px);
  transition: all 400ms ease-in-out;
  overflow: hidden;
}
.entry-header {
  display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: white;
  -webkit-background-color: transparent;
  transition: background-color 5000s ease-in-out 0s;
}

/* hidden-menu css  */
.hidden-menu #primary,
.hidden-menu #masthead,
.hidden-menu .website-header {
  width: 100%;
  transition: all 400ms ease-in-out;
}

.hidden-menu #masthead .sidebar-menu-bg {
  transform: translateX(-100%);
  transition: all 400ms ease-in-out;
}

.hidden-menu .owl_wrapper .owl_content {
  padding-left: 18%;
  transition: all 400ms ease-in-out;
}
/* Tour guide */
div#dpit-tooltip-text {
  font-size: 15px;
  line-height: 20px;
}
#dpit-tooltip-text p {
  color: white !important;
}
div#dpit-tooltip-text strong {
  font-size: 20px;
  line-height: 30px;
  color: white;
}
.dpit-tooltip.dpit-tooltip--bottom.dpit-tooltip--center-aligned {
  background-color: #131315;
}
.dpit-checkbox-label {
  margin-top: calc(var(--dpit-unit) * 15);
  display: flex;
  align-items: center;
  color: rgb(255 255 255);
  font-size: calc(var(--dpit-unit) * 32);
  line-height: 1.2;
}
.dpit-tooltip.dpit-tooltip--left.dpit-tooltip--middle-aligned {
  background-color: #131315;
}
.dpit-button {
  background-color: rgb(232 233 233);
}
.dpit-tooltip.dpit-tooltip--top.dpit-tooltip--center-aligned {
  background-color: #131315;
}
div#dpit-tooltip-text h3 {
  color: white!important;
}
ul.dpit-scrollbar.dpit-scrollbar--x {
  display: none;
}
/* big screens  */
@media screen and (min-width: 2200px) {
  #primary,
  .home #primary,
  #page.site {
    min-height: max(100vh, 1080px);
    background-position: center center;
  }
}

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

/* ======================= custom code starts from here =========================== */

/* import fonts  */

@font-face {
  font-family: "Avenir Next Bold";
  src: url(fonts/AvenirNextLTPro-Bold.otf);
}

@font-face {
  font-family: "Avenir Next Regular";
  src: url(fonts/AvenirNextLTPro-Regular.otf);
}

@font-face {
  font-family: "Avenir Next Light";
  src: url(fonts/AvenirNextCyr-Light.ttf);
}

@font-face {
  font-family: "Avenir Next Ultra light";
  src: url(fonts/AvenirNext-UltraLight.ttf);
}

@font-face {
  font-family: "MazzardM Thin";
  src: url(fonts/MazzardM-Thin.otf);
}

@font-face {
  font-family: "MazzardM Light";
  src: url(fonts/MazzardM-Light.otf);
}

@font-face {
  font-family: "MazzardM Medium";
  src: url(fonts/MazzardM-Medium.otf);
}

@font-face {
  font-family: "MazzardM Regular";
  src: url(fonts/MazzardM-Regular.otf);
}

@font-face {
  font-family: "MazzardM Bold";
  src: url(fonts/MazzardM-Bold.otf);
}

@font-face {
  font-family: "MazzardM Extra Bold";
  src: url(fonts/MazzardM-ExtraBold.otf);
}

@font-face {
  font-family: "Eras IT C";
  src: url(fonts/Eras-Bold-ITC.ttf);
}

/* =======================  header css =========================== */

#masthead {
  width: calc(100vw - 350px);
}

#masthead .catalog-bg {
  opacity: 0;
  transition: 400ms ease-in-out;
}
#masthead .sidebar-menu-bg {
  position: fixed;
  left: 0;
  height: calc(100% - 80px);
  width: 300px;
  z-index: 2;
  padding: 0px 5px;
  background-size: auto;
  background-repeat: repeat;
  background-image: url(img/right-border.png);
  transform: translateX(0);
  transition: all 400ms ease-in-out;
}
body:has(.expanded-chat) #masthead .sidebar-menu-bg {
  height: 100%;
}
#masthead .sidebar-menu {
  background-color: var(--dark-background-color);
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 28px;
  height: 100%;
  position: relative;
}
#masthead .sidebar-menu::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 5px;
  background-size: auto;
  background-repeat: repeat;
  background-image: url(img/border-bottom.png);
  left: -5px;
  right: -5px;
}
#masthead .sidebar-menu h2 {
  margin: 0;
}
#masthead .sidebar-menu h2 a {
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  font-family: "Eras IT C";
  font-weight: bold;
  margin: 0 auto;
  display: block;
  text-align: center;
  text-decoration: none;
}
#masthead .sidebar-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#masthead .sidebar-logo img {
  width: 103px;
  height: auto;
}
#masthead .create-avtars,
.home-avatar-info .create-avtars {
  display: flex;
  justify-content: center;
  gap: 20px;
  background-color: black;
  padding: 12px 20px;
  align-items: center;
}
#masthead .create-avtars a,
.home-avatar-info .create-avtars a {
  display: block;
  margin: 0;
  text-decoration: none;
}

#masthead .create-avtars span,
.home-avatar-info .create-avtars span {
  border-radius: 50%;
  border: 3px dashed #ffffff;
  font-size: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 8px;
  color: #cdf7ff;
  height: 100%;
  line-height: 31px;
}
#masthead .create-avtars p,
.home-avatar-info .create-avtars p {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Avenir Next Light";
}
.home-avatar-info .create-avatar a {
  text-decoration: none;
  display: flex;
  margin: 0;
}
.website-header {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 300px);
  padding-top: 30px;
  padding-right: 30px;
  transition: all 400ms ease-in-out;
}
.page-scroll .website-header {
  position: fixed;
  top: 0;
  z-index: 9;
  padding: 30px 30px 20px 0px;
  background-color: #000000d4;
}
.page-scroll.chat-page-scroll .website-header {
  padding: 30px 30px 20px 0px;
}
.site-header .ctas {
  display: flex;
  gap: 42px;
  align-items: center;
}

.site-header .ctas .home {
  background: url(img/home-icon.png);
  width: 33px;
  height: 33px;
}

.site-header .ctas .support {
  background: url(img/customer-support.png);
  width: 35px;
  height: 30px;
}

.site-header .ctas .account {
  background: url(img/enter.png);
  width: 35px;
  height: 35px;
}
.site-header .ctas .my-profile {
  background: url(img/blank-profile.webp);
  height: 45px;
  width: 45px;
  display: none;
  border-radius: 50%;
  margin: 0;
}
.site-header .ctas.nopic .my-profile img {
  display: none;
}
.logged-in .site-header .ctas .my-profile {
  display: block;
}

.logged-in .site-header .ctas .account {
  display: none;
}
.logged-in .about-avatar .login {
  display: none;
}
.logged-in .home-custom-code #confirmation_box {
  display: none !important;
}

.site-header .ctas .home,
.site-header .ctas .support,
.site-header .ctas .account,
.site-header .ctas .my-profile {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: transparent;
  font-size: 0;
}
#site-navigation {
  overflow-y: auto;
  position: relative;
}
#site-navigation #primary-menu {
  margin: 0;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  height: max-content;
}
.logged-in .create-account-menu {
  display: none;
}
#site-navigation .menu-item {
  position: relative;
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 28px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Avenir Next Light";
  list-style-type: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 12px 0;
}
#site-navigation #primary-menu > .menu-item:nth-child(2) {
  padding-bottom: 0;
}
#site-navigation .menu-item:nth-child(4) .sub-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden !important;
  margin-bottom: 10px;
}
#site-navigation .menu-item:nth-child(4) li {
  font-size: 12px;
  padding: 12px 0;
  line-height: 12px;
  border: 0;
  padding-bottom: 0;
  text-transform: capitalize;
}
#site-navigation .menu-item:nth-child(4) li a {
  position: relative;
}
#site-navigation .menu-item:nth-child(4) li a::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 2px;
  right: -6px;
  border-radius: 50%;
  background-color: white;
  top: 0;
  bottom: -3px;
  margin: auto;
}
#site-navigation .menu-item:nth-child(4) li:nth-child(3) a::after,
#site-navigation .menu-item:nth-child(4) li:nth-child(5) a::after {
  display: none;
}
#site-navigation .menu-item:last-child {
  border: none;
}
#site-navigation .menu-item a {
  color: #ffffff;
  text-decoration: none;
}
#site-navigation li.menu-item:has(.sub-menu) > a {
  color: gray;
  font-size: 15px;
  pointer-events: none;
  margin-top: 10px;
  display: block;
  font-family: "Avenir Next Bold";
}
.logged-in #site-navigation .menu-item:first-child ul {
  margin-top: 75px;
}
#site-navigation .menu-item ul {
  padding-left: 0;
}
.website-header .toggle-button {
  position: relative;
  margin-left: 50px;
  display: flex;
  gap: 45px;
  align-items: center;
}

.website-header .toggle-button .menu-toggle {
  font-size: 0;
  padding: 12px 15px;
  background-color: transparent;
  border: none;
  position: relative;
}

.website-header .toggle-button > button::after {
  content: "";
  background: url(img/menu.png);
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}

.search-module .search-input {
  position: relative;
}
.site-header .ctas .my-profile img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
/* css by naman sir  */
.home-avatar-info {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: column;
  margin: 30px 0 10px 0;
}
.home-avatar-info .create-avtars span {
  border-radius: 50%;
  border: 2px dashed #ffffff;
  font-size: 27px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 1px 8px;
  color: #cdf7ff;
  height: 30px;
  width: 30px;
  line-height: 30px;
}

#masthead .create-avtars p,
.home-avatar-info .create-avtars p {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Avenir Next Light";
}

.home-avatar-info .login {
  font-size: 14px;
}
.logged-in .home-avatar-info .login {
  display: none;
}

.home-avatar-info .login a {
  padding: 0px;
  margin-right: 5px;
  font-size: 16px;
  color: #1e71c3;
  text-decoration: none;
}
/* search module  */
.search-module {
  padding: 0px 20px 0 20px;
  position: absolute;
  width: 100%;
  top: 70px;
  z-index: 1;
  display: none;
}
.logged-in .search-module {
  display: block;
}
.search-module input {
  width: 100%;
}
.search-module .search-result,
.logged-in .search-module .search-result {
  position: absolute;
  top: 50px;
  max-height: 400px;
  background-color: black;
  width: 100%;
  overflow-y: auto;
  color: white;
  z-index: 9;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  display: none;
  width: 77.6%;
}
.logged-in .search-module .search-result ul {
  padding-left: 20px;
}

.logged-in .search-module .search-result li {
  list-style: none;
  margin-bottom: 5px;
}

.logged-in .search-module .search-result li a {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "MazzardM Medium", Sans-serif;
  text-decoration: none;
}
#site-navigation .menu-item:first-child:has(ul) {
  display: none;
}
.logged-in #site-navigation .menu-item:first-child,
.logged-in #site-navigation .menu-item.my-membership-page {
  display: block;
}
#site-navigation .menu-item.my-membership-page,
.logged-in #site-navigation .menu-item.membership-level-page {
  display: none;
}
/* ======================= homepage =========================== */
#homepage-header-logo-cont h1 {
  font-family: "Avenir Next Regular";
}
.augmentai-logo img {
  width: 105px;
}

.home {
  height: max-content;
  position: relative;
}
.home #primary {
  background-image: url(img/Homepage-bg.png);
  background-size: cover;
  padding-top: 45px;
}

.home-heading {
  padding-left: 55px;
}

.home-custom-code .widget-title {
  display: none;
}

.home-custom-code .textwidget p {
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
  text-align: center;
}

.home .home-custom-code {
  flex-direction: column;
  position: relative;
}
#pg-3968-0 #homepage-header-logo-cont,
.homepage-header-logo-cont {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
#homepage-header-logo-cont > div {
  width: auto;
}
#homepage-header-logo-cont div {
  display: flex;
}
.homepage-header-logo-cont {
  margin-bottom: 10px;
}
.homepage-header-logo-cont img {
  width: 40px;
}
.my-recent-avatars .homepage-header-logo-cont img {
  display: none;
}
/* ======================= homepage slider  =========================== */

.owl_wrapper {
  overflow: hidden;
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}

.owl_wrapper .owl-controls.clickable {
  display: none !important;
}

.owl_wrapper .carousel-arrows {
  display: flex;
  gap: 35px;
  margin-left: 5%;
}

.owl_wrapper .owl-item {
  opacity: 0;
  transform: scale(0.6);
  -ms-transform: scale(0.6);
  transition: all 0.2s;
  -webkit-transform: all 0.2s;
  z-index: 1;
}

.owl_wrapper .active {
  opacity: 0.5;
}

.owl_wrapper .active.middle_beside {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  opacity: 0.8;
  margin: 0 -0.5%;
  z-index: 2;
}

.owl_wrapper .active.middle {
  transform: scale(1);
  -ms-transform: scale(1);
  opacity: 1;
  z-index: 3;
}

.owl_wrapper .active.next_to_mid {
  margin-left: -1%;
}

.owl_wrapper .active.prev_to_mid {
  margin-right: -1%;
}

/*===== Navigation =====*/
.owl_wrapper .prev,
.owl_wrapper .next {
  border-radius: 100%;
  text-align: center;
  line-height: 30px;
  color: #cdf7ff;
  cursor: pointer;
  z-index: 5;
  font-size: 50px;
}

.owl_wrapper .next {
  left: calc(100% - 100px);
}

.no_select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl_wrapper .owl_content {
  padding-left: 12%;
  transition: all 400ms ease-in-out;
}

/* swiper coverflow  */
.homepage-carousel {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.homepage-carousel .carousel-header p {
  font-family: "MazzardM Light";
  margin-bottom: 30px;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  padding-top: 15px;
}
.homepage-carousel .carousel-header {
  /* max-width: 61%; */
  height: 100%;
  width: 100%;
  padding: 0 20px;
}
.swiper-container {
  padding-top: 10px;
  max-width: 52%;
  height: 100%;
  overflow: hidden !important;
}
.swiper-container .swiper-wrapper {
  display: flex;
  padding: 150px 0;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: transform 0.5s;
}
.swiper-slide .avatar-cont {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.swiper-slide p:not(:first-of-type) {
  opacity: 0;
}
.swiper-slide.swiper-slide-active p:not(:first-of-type) {
  opacity: 1;
}
.swiper-slide img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}
.swiper-slide.swiper-slide-active {
  transform: scale(2.15);
  z-index: 1;
}
.swiper-slide.swiper-slide-active img {
  cursor: pointer;
}
.swiper-slide.swiper-slide-prev,
.swiper-slide.swiper-slide-next {
  transform: scale(1.5);
  z-index: 0;
}
.navigation-buttons {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 0px;
}
.navigation-buttons div {
  width: 35px;
  height: 20px;
  background-image: url(img/home-left-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.navigation-buttons div.swiper-button-next {
  transform: rotate(180deg);
}
/* testing */
/* 
.home-custom-code .our-container img {
  height: 360px;
  width: 360px;
  border-radius: 50%;
  cursor: pointer;
} */

.home-custom-code p.avtar-name,
.report_summary div {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 1px;
  color: white;
  font-weight: bold;
  font-family: "MazzardM Medium";
  text-align: center;
  width: 360px;
  margin-top: 10px;
}
.report_summary div {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 1px;
  color: white;
  font-family: "MazzardM Medium";
  text-align: left;
  margin-top: 5px;
  font-weight: 400;
}
.home-custom-code p.avtar-name {
  font-size: 13px;
  line-height: 13px;
}
.home-custom-code .panel-last-child {
  width: 100%;
}

.home-custom-code p.avtar-category {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
  text-align: center;
  width: 360px;
}
/* ======================= homepage chat popup =========================== */

#notfixed-img {
  transform: scale(0);
  opacity: 0;
  transition: opacity 1s ease, transform 0.3s ease;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1043;
  display: none;
}

#notfixed-img.fixed-img {
  transform: scale(1);
  opacity: 1;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  z-index: 1043;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  margin: 0 auto;
  transition: opacity 1s ease, transform 0.3s ease;
}

#notfixed-img.fixed-img .size-bg,
#confirmation_box .size-bg,
#confirmation_box_g .size-bg {
  display: block;
  z-index: 0;
  overflow: hidden;
  background: #000000;
  opacity: 0.702;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  cursor: pointer;
}

.catalog-content {
  z-index: 1;
  background-color: var(--dark-background-color);
  padding: 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  max-width: 90%;
  max-height: 90%;
  min-width: 1000px;
  min-height: 80vh;
  position: relative;
  display: flex;
  gap: 20px;
}

body::-webkit-scrollbar,
.catalog-content::-webkit-scrollbar,
#confirmation_box .confirm-popup::-webkit-scrollbar,
#confirmation_box_g .confirm-popup::-webkit-scrollbar,
.avatar-interaction-page .chat .messages-content::-webkit-scrollbar,
.avatar-interaction-page
  .chat
  .messages-content
  .mCSB_container::-webkit-scrollbar,
.logged-in .search-module .search-result::-webkit-scrollbar,
.checkout-page #pmpro_license::-webkit-scrollbar,
#site-navigation .sub-menu::-webkit-scrollbar,
#site-navigation::-webkit-scrollbar,
.catalog-content .about-avatar::-webkit-scrollbar,
.catalog-content .message-container::-webkit-scrollbar,
.custom-popup::-webkit-scrollbar,
.manage-profile-page .profile_main_form::-webkit-scrollbar,
.entry-content:has(.edit-avatar-page) .profile_main_form::-webkit-scrollbar,
.avatar-interaction-page .single_avatar_setting::-webkit-scrollbar,
.avatar-interaction-page .message-box textarea::-webkit-scrollbar {
  width: 5px;
  background-color: white;
  /* border: 1px solid white; */
}
body::-webkit-scrollbar{
  width: 10px;
}

body::-webkit-scrollbar-thumb,
.catalog-content::-webkit-scrollbar-thumb,
#confirmation_box .confirm-popup::-webkit-scrollbar-thumb,
#confirmation_box_g .confirm-popup::-webkit-scrollbar-thumb,
.avatar-interaction-page .chat .messages-content::-webkit-scrollbar-thumb,
.avatar-interaction-page
  .chat
  .messages-content
  .mCSB_container::-webkit-scrollbar-thumb,
.logged-in .search-module .search-result::-webkit-scrollbar-thumb,
.checkout-page #pmpro_license::-webkit-scrollbar-thumb,
#site-navigation .sub-menu::-webkit-scrollbar-thumb,
#site-navigation::-webkit-scrollbar-thumb,
.catalog-content .about-avatar::-webkit-scrollbar-thumb,
.catalog-content .message-container::-webkit-scrollbar-thumb,
.custom-popup::-webkit-scrollbar-thumb,
.manage-profile-page .profile_main_form::-webkit-scrollbar-thumb,
.entry-content:has(.edit-avatar-page)
  .profile_main_form::-webkit-scrollbar-thumb,
.avatar-interaction-page .single_avatar_setting::-webkit-scrollbar-thumb,
.avatar-interaction-page .message-box textarea::-webkit-scrollbar-thumb {
  background-color: black;
  /* border: 1px solid white; */
}
.catalog-content .about-avatar {
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  overflow: auto;
}
.catalog-content .avatar-info img,
.catalog-content .avatar-info video {
  object-fit: unset;
  padding: 20px;
  background-color: #0a0a0b;
  max-height: 280px;
  width: 280px;
}
.catalog-content .avatar-data {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}
.catalog-content .avatar-data span {
  font-size: 22px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "MazzardM Thin";
}

.catalog-content .avatar-data span:first-child {
  font-family: "MazzardM Medium";
}

.catalog-content .message-container {
  width: 65%;
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  justify-content: space-between;
  max-width: 645px;
}
.age-affirmation-error {
  position: absolute;
  bottom: 8px;
  left: calc(35% + 30px);
  color: red;
  font-weight: 700;
  opacity: 1;
  transition: all 400ms linear;
}
.checked-affirmation .age-affirmation-error {
  opacity: 0;
  transition: all 400ms linear;
}
.catalog-content .message-container .checkbox-container {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  gap: 5px;
  cursor: auto;
}
#age-affirmation-checkbox {
  margin-top: 5px;
}
.catalog-content .message-container .messages-content_demo,
.avatar-interaction-page .chat .messages-content,
.avatar-interaction-page .chat .messages-content .mCSB_container,
.avatar-interaction-page .chat .message {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.catalog-content .message-container .message-box {
  background: transparent;
  padding: 0 !important;
  margin-top: 30px;
  position: relative;
  cursor: no-drop;
}
.checked-affirmation .catalog-content .message-container .message-box {
  cursor: auto;
}

.catalog-content .message-container .message-box textarea,
.avatar-interaction-page .message-box textarea {
  background-color: transparent;
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: 100%;
  outline: none;
  color: white;
  resize: none;
  white-space: pre-wrap;
  font-size: 18px;
  line-height: 28px;
  padding: 15px 62px 15px 25px;
  height: 65px;
  font-family: "MazzardM Light";
}
.catalog-content .message-container .message-box textarea {
  position: relative;
  z-index: -1;
}
.catalog-content .message-container #recordButton,
.catalog-content .message-container #talk-button-demo {
  z-index: -1;
}
.checked-affirmation .catalog-content .message-container .message-box textarea,
.checked-affirmation .catalog-content .message-container #recordButton,
.checked-affirmation .catalog-content .message-container #talk-button-demo {
  z-index: 1;
}
.catalog-content .message-container #recordButton,
.catalog-content .message-container #talk-button-demo,
.avatar-interaction-page .message-box button[type="submit"],
.avatar-interaction-page #repeat_button {
  position: absolute;
  right: 35px;
  bottom: 0;
  top: 0;
  margin: auto;
}
.catalog-content .message-container #talk-button-demo,
.avatar-interaction-page #talk-button,
.avatar-interaction-page #repeat_button {
  display: block;
  background: transparent;
  font-size: 0;
  padding: 0;
  background-image: url(img/send-message.png);
  height: 30px;
  width: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 35px;
  border: none;
  background-repeat: no-repeat;
  cursor: pointer;
}
.catalog-content .message-container #recordButton,
.catalog-content .message-container #talk-button-demo {
  bottom: 25px;
  top: auto;
}
.avatar-interaction-page .expanded-chat #talk-button,
.avatar-interaction-page .expanded-chat #recordButton {
  bottom: 50px;
  top: auto;
}
.avatar-interaction-page #repeat_button {
  background-image: url(img/repeat-button.png);
  filter: invert(1);
  background-size: cover;
  height: 20px;
  width: 20px;
  right: 5px;
  cursor: pointer;
}
.catalog-content .message-container #recordButton,
.avatar-interaction-page #recordButton {
  background: transparent;
  font-size: 20px;
  height: auto;
  width: auto;
  padding: 0;
  right: 35px;
  transition: none;
}
.avatar-interaction-page #recordButton.button-animate {
  animation: 350ms infinite alternate blinkbutton;
}
@keyframes blinkbutton {
  from {
    opacity: 0;
    transition: all 200ms ease-in-out;
  }

  to {
    opacity: 1;
    transition: all 200ms ease-in-out;
  }
}
.catalog-content .message-container #recordButton i,
.avatar-interaction-page #recordButton i {
  color: #cdf7ff;
}

.catalog-content .messages-content_demo .message-personal,
.catalog-content .messages-content_demo .message_demo {
  display: flex;
  align-items: flex-end;
  gap: 30px;
}

.catalog-content .messages-content_demo .message-personal,
.avatar-interaction-page .message.message-personal.new {
  justify-content: end;
  align-items: flex-end;
}

.catalog-content .messages-content_demo .message p,
.avatar-interaction-page .message p,
.avatar-interaction-page .message audio,
.saved-chat-container #message-data .msg_text_data p,
.saved-chat-container #message-data .msg_text_data audio {
  font-size: 18px;
  line-height: 28px;
  color: #020f28;
  background-color: #ffffff;
  border-radius: 10px 0 10px 0;
  font-family: "MazzardM Medium";
  width: max-content;
  word-wrap: break-word;
  padding: 10px 20px;
}

.avatar-interaction-page .selected p,
.avatar-interaction-page .selected audio {
  background-color: #cdf7ff;
}

.catalog-content .messages-content_demo .message_demo figure {
  margin: 0;
}

.catalog-content .messages-content_demo .message_demo img,
.avatar-interaction-page .message img {
  border-radius: 50%;
  height: 35px;
  width: 35px;
}

.catalog-content .messages-content_demo .message-personal:hover,
.catalog-content .messages-content_demo .message_demo:hover {
  background: transparent;
  color: white;
}

.catalog-content .fa-xmark,
#confirmation_box .fa-xmark,
#confirmation_box_c .fa-xmark,
#confirmation_box_g .fa-xmark {
  position: absolute;
  right: -10px;
  top: -15px;
  width: 42px;
  height: 42px;
  background-color: white;
  color: #020f28;
  border-radius: 50%;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.catalog-content .create-avatar span {
  border-radius: 50%;
  border: 3px dashed #ffffff;
  font-size: 50px;
  padding: 13px 16px;
  color: white;
  line-height: 35px;
  display: inline-block;
}
.features-you-get ul {
  padding: 0;
}
.about-avatar a,
.about-avatar p,
.features-you-get li {
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
  text-align: left;
  text-decoration: none;
  list-style: none;
  line-height: 25px;
}
.features-you-get li {
  font-size: 16px;
  line-height: 20px;
  position: relative;
}
.features-you-get li::before {
  content: "";
  margin: auto;
  position: absolute;
  background-image: url(img/left-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -22px;
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(180deg);
  filter: brightness(5);
}
.about-avatar p {
  margin-top: 15px;
}
.about-avatar .login {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.about-avatar .login i {
  color: #1e71c3;
  border: 3px solid #1e71c3;
  border-radius: 50%;
  font-size: 54px;
  padding: 20px 12px 0 12px;
  overflow: hidden;
}
.features-you-get {
  width: 80%;
}

/* ======================= faq page =========================== */

.faq-head .textwidget p {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

.faq-head .faq-heading p {
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Avenir Next Light";
}

.faq-acc .sow-accordion .sow-accordion-panel {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.faq-acc .sow-accordion .sow-accordion-panel:last-child {
  border-bottom: 1px solid none;
}

.faq-acc .sow-accordion .sow-accordion-panel .sow-accordion-panel-header,
.faq-acc .sow-accordion .sow-accordion-panel:hover .sow-accordion-panel-header,
.faq-acc .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:active,
.faq-acc
  .sow-accordion
  .sow-accordion-panel
  .sow-accordion-panel-content
  .sow-accordion-panel-border {
  background-color: transparent;
  padding: 30px 0;
}

.faq-acc
  .sow-accordion
  .sow-accordion-panel
  .sow-accordion-panel-content
  .sow-accordion-panel-border {
  padding-top: 0;
  padding-right: 150px;
}

.faq-acc .sow-accordion .sow-accordion-panel .sow-accordion-panel-header,
.edit-profile-page #member-profile-edit .pmpro_member_profile_edit-fields label,
.my-profile-page .data-div,
.my-profile-page .edit-password,
#member-profile-edit .pmpro_card .pmpro_form_field label {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Avenir Next Light";
  background-color: transparent !important;
}

.faq-acc .sow-accordion .sow-accordion-panel .sow-accordion-panel-content {
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

.faq-acc {
  margin-top: 20px;
}

/* ======================= Login/Registration page =========================== */
.pmpro-login #primary .pmpro_login_wrap #loginform .login-password svg {
  fill: white;
}

.pmpro-login #primary .pmpro_login_wrap #loginform .login-password span {
  color: white;
 
}

.pmpro-login #primary .pmpro_login_wrap #loginform .login-password button {
  outline: none;
}

#pmpro-login-container {
  max-width: 450px;
}
#pmpro-login-container .pmpro_message {
  border-radius: 0;
}
#pmpro_login {
  margin: 0;
  display: flex;
  justify-content: center;
}
#pmpro_login:has(.pmpro_login_wrap) {
  align-items: center;
  flex-direction: column;
}
#pmpro_login:has(.pmpro_login_wrap) .pmpro_message {
  border-radius: 0;
  background: black;
  border-color: white;
  color: white;
}
#pmpro_login .pmpro_actions_nav {
  display: flex;
  color: white;
  gap: 20px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.pmpro_login_wrap .pmpro_actions_nav {
  display: flex;
  color: white;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.pmpro_login_wrap .pmpro_actions_nav a {
  margin: 0;
}
.pmpro-login .panel-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pmpro_actions_nav:not(.pmpro_login_wrap .pmpro_actions_nav) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.pmpro-login .pmpro_login_wrap hr {
  display: none;
}
.pmpro-login #primary,
body:has(#pmpro-two-step-login) #primary {
  display: flex;
  justify-content: center;
  padding: 90px 0 120px 0;
}

.pmpro-login #primary .pmpro_login_wrap,
#email-check-form {
  min-width: 400px;
  margin-top: 30px;
}

.pmpro-login #primary .pmpro_login_wrap p,
.pmpro-login #primary .pmpro_login_wrap p input {
  width: 100%;
  max-width: 100%;
}

.pmpro-login .pmpro_actions_nav a,
.edit-profile-page .profile-change a,
.login-coc-link a,
.register-link a,
.login-confirmation a,
.terms-page a,
.privacy-page a,
.disclaimer-page a,
.login-cont .textwidget a {
  font-size: 16px;
  line-height: 21px;
  color: #1e71c3;
  font-family: "Avenir Next Regular";
  text-decoration: none;
  cursor: pointer;
  margin: 0;
}
.pmpro-login .pmpro_actions_nav a,
.login-coc-link a,
.register-link a,
.login-confirmation a,
.login-cont .textwidget a {
  color: white;
  font-weight: bold;
}
.pmpro-login .pmpro_actions_nav a:hover,
.login-coc-link a:hover,
.register-link a:hover,
.login-confirmation a:hover,
.login-cont .textwidget a:hover {
  color: #1e71c3;
}
.login-coc-link a {
  margin: 0;
}

.pmpro-login .login-username input,
.pmpro-login .login-password input,
.register-container input,
.edit-profile-page #member-profile-edit .pmpro_member_profile_edit-fields input,
.search-module input,
.pmpro-login #primary .pmpro_login_wrap #loginform .login-username input,
.pmpro-login #primary .pmpro_login_wrap #loginform .login-password input,
#set-identities .identity--popup-body input[type="text"],
#set-identities .identity--popup-body textarea,
#pmpro_form .pmpro_checkout-fields input[type="text"],
#pmpro_form .pmpro_checkout-fields select,
#pmpro_form .pmpro_checkout-field input[type="email"],
.entry-content:has(.pmpro_change_password_wrap) input,
.single-download form.edd_download_purchase_form .edd-input,
#edd_checkout_form_wrap #edd_purchase_form input[type="text"],
#edd_checkout_form_wrap #edd_purchase_form input[type="email"],
#edd_checkout_form_wrap #edd_purchase_form input[type="password"],
#edd_checkout_form_wrap .edd-item-quantity,
.pmpro-login #lostpasswordform input[type="text"],
.edd-checkout .wp-block-edd-checkout #edd_purchase_form .edd-blocks-form select,
#member-profile-edit .pmpro_card .pmpro_form_field input,
.manage-profile-page .add-new-user input[type="text"],
.entry-content:has(.edit-avatar-page)
  .add-new-user
  .new-profile-field
  input[type="text"],
#set-identities .user-profile select,
.filter-section .date_section-data input,
#email-check-form .form-group input {
  font-size: 16px;
  line-height: 26px;
  background-color: transparent;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 50px;
  color: white;
  padding: 0 0 0 14px;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  font-family: "Avenir Next Regular";
}
#edd_checkout_form_wrap .edd-item-quantity {
  width: max-content !important;
}
#set-identities .identity--popup-body textarea {
  overflow: hidden;
  resize: none;
  line-height: 50px;
}
#set-identities .identity--popup-body textarea::placeholder {
  color: white;
  opacity: 0.8;
}
#set-identities .identity--popup-body input[type="text"].disabled {
  opacity: 0.6;
  cursor: no-drop;
}
#set-identities .user-profile select option {
  background-color: black;
}
.search-module input::placeholder {
  font-family: "Avenir Next Regular";
}
.pmpro-login .login-username input::placeholder,
.pmpro-login .login-password input::placeholder,
.register-container input::placeholder,
.edit-profile-page
  #member-profile-edit
  .pmpro_member_profile_edit-fields
  input::placeholder,
.search-module input::placeholder,
.pmpro-login
  #primary
  .pmpro_login_wrap
  #loginform
  .login-username
  input::placeholder,
.pmpro-login
  #primary
  .pmpro_login_wrap
  #loginform
  .login-password
  input::placeholder,
#set-identities .identity--popup-body input[type="text"]::placeholder,
#pmpro_form .pmpro_checkout-fields input[type="text"]::placeholder,
#pmpro_form .pmpro_checkout-field input[type="email"]::placeholder,
.entry-content:has(.pmpro_change_password_wrap) input::placeholder,
.single-download form.edd_download_purchase_form .edd-input::placeholder,
#edd_checkout_form_wrap #edd_purchase_form input[type="text"]::placeholder,
#edd_checkout_form_wrap #edd_purchase_form input[type="email"]::placeholder,
#edd_checkout_form_wrap #edd_purchase_form input[type="password"]::placeholder,
#edd_checkout_form_wrap .edd-item-quantity::placeholder,
.pmpro-login #lostpasswordform input[type="text"]::placeholder {
  font-size: 16px;
  line-height: 26px;
}
.pmpro-login #loginform .login-username label,
.pmpro-login #loginform .login-password label {
  margin-bottom: 5px;
}

.pmpro-login #primary .pmpro_login_wrap #loginform .login-submit {
  border: 0;
}

.edd-checkout #edd_checkout_form_wrap #edd_purchase_form input[type="text"],
.edd-checkout #edd_checkout_form_wrap #edd_purchase_form input[type="email"],
.edd-checkout #edd_checkout_form_wrap #edd_purchase_form input[type="password"],
.edd-checkout #edd_checkout_form_wrap .edd-item-quantity {
  color: black;
  /* background-color: white; */
}
/* .edd-checkout #edd_checkout_form_wrap .edd-item-quantity{
  color: white;
}
.edd-checkout #edd_checkout_form_wrap #edd_purchase_form input#card_address,
.edd-checkout #edd_checkout_form_wrap #edd_purchase_form input#card_address_2,
.edd-checkout #edd_checkout_form_wrap #edd_purchase_form input#card_city,
.edd-checkout #edd_checkout_form_wrap #edd_purchase_form input#card_state,
.edd-checkout #edd_checkout_form_wrap #edd_purchase_form input#card_zip {
  color: white;
}
.edd-checkout #card-tab span {
  color: white;
} */
.edd-blocks-form__group-address input,
.edd-blocks-form__group-address2 input,
.edd-blocks-form__group-city input,
.edd-blocks-form__group-zip input,
.edd-checkout #edd_checkout_form_wrap .edd_cart_actions .edd-item-quantity,
.edd-blocks-form__group-state input {
  background: transparent !important;
  color: #fff !important;
}
.pmpro-login .login-submit .button,
.pmpro-login #primary .pmpro_login_wrap #loginform .login-submit .button,
.pmpro-login #lostpasswordform .pmpro_submit input[type="submit"],
.pmpro-login .pmpro_lost_password_wrap .pmpro_btn-submit,
#email-check-form input[type="submit"] {
  background-color: white;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 50px;
  font-size: 18px;
  line-height: 21px;
  color: #1e71c3;
  font-weight: bold;
  font-family: "Avenir Next Regular";
  cursor: pointer;
  transition: all 400ms ease-in-out;
  border-radius: 0;
}

.pmpro-login .login-submit .button:hover,
.pmpro-login #primary .pmpro_login_wrap #loginform .login-submit .button:hover,
.pmpro-login #lostpasswordform .pmpro_submit input[type="submit"]:hover,
.pmpro-login .pmpro_lost_password_wrap .pmpro_btn-submit:hover,
#email-check-form input[type="submit"]:hover {
  background-color: transparent;
  color: white;
  transition: all 400ms ease-in-out;
}

.login-heading .login-p p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  font-family: "MazzardM Thin";
  text-align: center;
}

.login-heading .login-h p {
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  font-family: "Avenir Next Regular";
  text-align: center;
}

.pmpro-login .mo-openid-app-icons {
  display: flex !important
;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.pmpro-login #loginform .login-remember label {
  display: none;
}

.pmpro-login #loginform .login-remember label input {
  width: max-content;
}

.login-cont .textwidget p,
.social-login .textwidget p,
.pmpro-login #primary .pmpro_login_wrap #loginform p,
.pmpro_lost_password_wrap .pmpro_lost_password-field label,
.pmpro-login .pmpro_lost_password_wrap label,
#email-check-form .form-group,
#email-error {
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  font-family: "Avenir Next Regular";
  text-align: center;
}
.login-cont .textwidget p{
  font-size: 21px;
  line-height: 31px;
  font-weight: 300;
  font-family: "Avenir Next Regular";
  text-align: center;
  padding-top: 30px;
}
#email-check-form .form-group {
  font-size: 21px;
  line-height: 28px;
  font-weight: 300;
  font-family: "Avenir Next Regular";
  text-align: center;
}
.wpcf7-response-output {
  display: none;
}
.pmpro-login #primary .pmpro_login_wrap #loginform .itsec-recaptcha-opt-in {
  background: transparent;
  border: 0;
  text-align: left;
  padding: 0;
}
.pmpro-login #primary .pmpro_login_wrap #loginform .itsec-recaptcha-opt-in p {
  text-align: left;
}
.pmpro-login
  #primary
  .pmpro_login_wrap
  #loginform
  .itsec-recaptcha-opt-in
  .itsec-recaptcha-opt-in__agree,
.pmpro-login
  .pmpro_section
  #loginform
  label:not(.pmpro_section #loginform .login-remember label) {
  justify-content: flex-start;
  gap: 10px;
}
.pmpro-login
  #primary
  .pmpro_login_wrap
  #loginform
  .itsec-recaptcha-opt-in
  input {
  width: max-content;
}
.pmpro-login .pmpro_lost_password_wrap label {
  color: white;
}

.register-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 35px 0;
}

#form_chatid_register {
  margin-top: 60px;
}

.register-container .registration-content {
  width: 55%;
}

.register-container h2 {
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  font-weight: 500;
  margin: 0;
  text-align: center;
}

.register-container .build-with-ai {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  font-family: "MazzardM Thin";
  text-align: center;
}

.register-container .login-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;

}

.register-container .login-content p {
  text-align: center;
}

.register-container .login-here {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  font-family: "Avenir Next Regular";
}

.register-container .continue-with,
.register-container .policy-acceptance p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  font-family: "Avenir Next Regular";
}
.register-container .continue-with {
  font-size: 21px;
  line-height: 31px;
  font-weight: 300;
  font-family: "Avenir Next Regular";
  padding-top: 25px;
  padding-bottom: 25px;
}

.register-container .other-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.register-container .other-fields .email,
.register-container .other-fields .confirm-email,
.register-container .other-fields .password,
.register-container .other-fields .confirm-password {
  width: 48%;
}

.register-container input {
  width: 100%;
}

.register-container .submit-button {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 60px;
  width: 100%;
}

.register-container .submit-button .btn,
.edit-profile-page #member-profile-edit .pmpro_submit input[type="submit"],
.edit-profile-page #member-profile-edit .pmpro_submit input[type="button"] {
  width: 50%;
  font-size: 20px;
  line-height: 30px;
  color: #1e71c3;
  background-color: white;
  font-weight: bold;
  font-family: "Avenir Next Regular";
  padding: 8px 0;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 500ms ease-in-out;
}

.register-container .submit-button .btn:hover,
.edit-profile-page
  #member-profile-edit
  .pmpro_submit
  input[type="submit"]:hover,
.edit-profile-page
  #member-profile-edit
  .pmpro_submit
  input[type="button"]:hover {
  border-color: white;
  background-color: transparent;
  color: white;
  transition: all 500ms ease-in-out;
}

.register-container .controls1 {
  margin: 6px 0 15px 0;
  display: flex;
  flex-direction: column;
}

.register-container .controls1 label.error {
  margin-top: 10px;
}

.register-container .username .controls1 {
  width: 48%;
  margin: 0;
}

.register-container .username .inputn-error {
  display: flex;
  margin: 6px 0 15px 0;
  justify-content: space-between;
}

.register-container #register_error {
  width: 48%;
  font-size: 17px;
  line-height: 27px;
  color: #ff9494;
  padding-top: 23px;
  font-family: "Avenir Next Regular";
}

.pmpro-login #primary .pmpro_login_wrap,
body:has(#pmpro-two-step-login) #primary .pmpro_login_wrap,
.pmpro-login #primary .pmpro_login_wrap .pmpro_card_content,
body:has(#pmpro-two-step-login) #primary .pmpro_login_wrap .pmpro_card_content,
#pmpro_order_list .pmpro_card,
body:has(#pmpro-two-step-login) .pmpro_card {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.pmpro-login #primary .pmpro_login_wrap,
body:has(#pmpro-two-step-login) #primary .pmpro_login_wrap {
  width: min(50%, 500px);
}
.register-container .mo-openid-app-icons a i {
  pointer-events: none;
}
/* lost password page  */
.pmpro-login .pmpro_lost_password_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pmpro-login #lostpasswordform {
  min-width: 400px;
}
.pmpro-login .pmpro_lost_password_wrap hr {
  display: none;
}
.pmpro-login #lostpasswordform input[type="text"],
.pmpro-login #lostpasswordform .pmpro_submit input[type="submit"],
.pmpro-login .pmpro_lost_password_wrap .pmpro_btn-submit {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 100%;
}
#pmpro_login .pmpro_lost_password_wrap {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  max-width: 450px;
}
#pmpro_login .pmpro_lost_password_wrap .pmpro_form_submit {
  margin: 0;
}
#pmpro_login .pmpro_card_actions {
  border: 0;
}

#pmpro_login .pmpro_lost_password_wrap .pmpro_card_content {
  padding: 0;
}
#pmpro_login .pmpro_lost_password_wrap .pmpro_spacer {
  display: none;
}
/* ======================= Membership plans page =========================== */
.page-heading p,
.pmpro_confirmation_wrap .pmpro_invoice_wrap h2,
.pmpro_invoice_wrap h2 {
  font-size: 26px;
  line-height: 50px;
  text-transform: uppercase;
  font-family: "Avenir Next Regular";
}

.page-para p,
.page-header p,
.search-heading label,
.terms-page p,
.privacy-page p,
.disclaimer-page p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  font-family: "MazzardM Thin";
}
.terms-page p,
.privacy-page p,
.disclaimer-page p {
  margin-bottom: 20px;
}

.pmpro-levels .membership-levels-container,
.my-membership-page .membership-level-main_c,
.my-membership-page .membership-level-main_c .membership-levels-container_c {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4%;
  font-family: "montserrat", sans-serif;
  flex-wrap: wrap;
  row-gap: 40px;
}

.pmpro-levels .membership-levels-container .membership-level,
.other-cart-info #pmpro_pricing_fields,
.my-membership-page .membership-level-main_c .membership-level-start_c {
  background: var(--dark-background-color);
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 40px;
  text-align: center;
  width: 22%;
  height: auto;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pmpro-levels .membership-levels-container .membership-level:last-child {
  width: 48%;
  gap: 10px;
  display: none;
}
.pmpro-levels.logged-in .membership-levels-container .membership-level:last-child {
  display: flex;
}
.pmpro-levels .membership-price p,
.pmpro-levels .membership-levels-container .membership-level .level-heading h3,
.other-cart-info #pmpro_pricing_fields h2,
.my-membership-page .membership-level-main_c h3,
.my-membership-page .membership-level-main_c .membership-price_c p,
.edd_purchase_submit_wrapper .edd_go_to_checkout {
  font-size: 20px;
  line-height: 30px;
  color: white;
  text-transform: uppercase;
  font-family: "Avenir Next Regular";
  margin: 0;
  text-decoration: none;
}

.pmpro-levels .membership-price p,
.my-membership-page .membership-level-main_c .membership-price_c p,
.my-membership-page .avatar-head-content span a {
  font-weight: 600;
  color: #1e71c3;
  padding-top: 0;
  text-decoration: none;
}

.pmpro-levels .membershp-feature ul > li,
.other-cart-info #pmpro_pricing_fields .pmpro_level_description_text li:has(ol),
.my-membership-page .membership-level-main_c li:has(ol) {
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  text-align: center;
}

.pmpro-levels .membershp-feature li,
.other-cart-info #pmpro_pricing_fields .pmpro_level_description_text li,
.my-membership-page .membership-level-main_c ol li,
.pmpro_confirmation_wrap .pmpro_invoice_wrap ul li,
.pmpro_confirmation_wrap ul li,
.pmpro_invoice_wrap ul li,
.pmpro_confirmation_wrap .pmpro_invoice_wrap .pmpro_invoice_details div p span,
.pmpro_invoice_wrap .pmpro_invoice_details div p span {
  list-style: none;
  font-size: 14px;
  line-height: 24px;
  color: white;
  margin-bottom: 15px;
}

.pmpro-levels .membershp-feature ol,
.other-cart-info #pmpro_pricing_fields .pmpro_level_description_text li ol,
.my-membership-page .membership-level-main_c ol {
  margin-top: 40px;
}
.pmpro-levels
  .membership-levels-container
  .membership-level
  .membership-level-page
  a.pmpro_btn,
#confirmation_box .add_to_avatar,
#confirmation_box_c .add_to_avatar_c,
#confirmation_box_g .add_to_avatar_g,
.history-container .clear-chat-result,
.saved-chat-container #message-data .move_data button,
#customPopup .modal-footer button,
#custom-popup #delete-button,
.add-category-container button,
.manage-avatar-page .edit-category button,
.catalog-content .categ_main_form form button,
.category-change-popup #category-change-form button,
.edit-avatar-page .save-avatar button,
.edit-avatar-page .save-avatar a,
#set-voice .set-voice-tab button,
.edit-video-container .avtar_video_preview a,
#set-voice .voice_selection .select-button button,
#set-behaviour .save-toggle .save,
.create-avatar-page .upload-img--inner-container .show_buttons button,
#set-behaviour .Save,
#set-identities button,
#set-traits .save-toggle button,
.other-cart-info #pmpro_pricing_fields h2 span a,
.checkout-page .pmpro_submit .pmpro_btn.pmpro_btn-submit-checkout,
.checkout-page .pmpro_submit input[type="submit"],
.membership-level-page .pmpro_btn,
.my-membership-page .purchase-content > a,
.entry-content:has(.pmpro_change_password_wrap) .pmpro_submit input,
.single-download form.edd_download_purchase_form button.edd-add-to-cart,
#edd_checkout_form_wrap fieldset input[type="submit"],
.edit-avatar-body .edit-avatar-content button,
.avtar-lab-listing .categories_div button,
.show_buttons .create_avatar_via_prompt,
.confirm_box .add_edit_to_avatar,
.button-select-cont .view_all_btn,
.button-select-cont .reset_all_btn,
.avatar-del-buttons button,
.about-avatar a,
#member-profile-edit .pmpro_form_submit button,
#pmpro_cancel
  .pmpro_card
  .pmpro_card_content:has(.pmpro_form_submit)
  input[type="submit"],
#pmpro_cancel .pmpro_card .pmpro_card_content:has(.pmpro_form_submit) a,
.manage-profile-page .add-profile-inner-container button,
.manage-profile-page .profile_body td.edit-profile button,
.manage-profile-page #save_profile,
#set-identities .manage_details a,
.prev_avatar_lab a,
.saved-chat-container .filter-section .date_section-data button,
.recent-avatars-head .categories_div .button-select {
  background: white;
  padding: 12px 20px;
  display: block;
  border: 1px solid white;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 21px;
  color: #1e71c3;
  font-weight: bold;
  font-family: "Avenir Next Regular";
  width: 100%;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
  margin: 0;
}

.avtar-lab-listing .categories_div button,
.button-select-cont .view_all_btn,
.button-select-cont .reset_all_btn {
  width: auto;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 18px;
  text-wrap: nowrap;
}
.avtar-lab-listing .categories_div .selectnbutton button,
.saved-chat-container .filter-section .date_section-data button {
  width: max-content;
}
.pmpro-levels
  .membership-levels-container
  .membership-level
  .membership-level-page
  a.pmpro_btn:hover,
#confirmation_box .add_to_avatar:hover,
#confirmation_box_c .add_to_avatar_c:hover,
#confirmation_box_g .add_to_avatar_g:hover,
.history-container .clear-chat-result:hover,
.saved-chat-container #message-data .move_data button:hover,
#customPopup .modal-footer button:hover,
#custom-popup #delete-button:hover,
.add-category-container button:hover,
.manage-avatar-page .edit-category button:hover,
.catalog-content .categ_main_form form button:hover,
.category-change-popup #category-change-form button:hover,
.edit-avatar-page .save-avatar button:hover,
#set-voice .set-voice-tab button:hover,
#set-voice .voice_selection .select-button button:hover,
.create-avatar-page .upload-img--inner-container .show_buttons button:hover,
#set-behaviour .Save:hover,
#set-identities .save-toggle button:hover,
.other-cart-info #pmpro_pricing_fields h2 span a:hover,
.checkout-page .pmpro_submit .pmpro_btn.pmpro_btn-submit-checkout:hover,
.checkout-page .pmpro_submit input[type="submit"]:hover,
.membership-level-page .pmpro_btn:hover,
.my-membership-page .purchase-content > a:hover,
.entry-content:has(.pmpro_change_password_wrap) .pmpro_submit input:hover,
.single-download form.edd_download_purchase_form button.edd-add-to-cart:hover,
#edd_checkout_form_wrap fieldset input[type="submit"]:hover,
.edit-avatar-body .edit-avatar-content button:hover,
.avtar-lab-listing .categories_div button:hover,
.show_buttons .create_avatar_via_prompt:hover,
.confirm_box .add_edit_to_avatar:hover,
.button-select-cont .view_all_btn:hover,
.button-select-cont .reset_all_btn:hover,
.avatar-del-buttons button:hover,
.about-avatar a:hover,
#member-profile-edit .pmpro_form_submit button:hover,
#pmpro_cancel
  .pmpro_card
  .pmpro_card_content:has(.pmpro_form_submit)
  input[type="submit"]:hover,
#pmpro_cancel .pmpro_card .pmpro_card_content:has(.pmpro_form_submit) a:hover,
.manage-profile-page .add-profile-inner-container button:hover,
.manage-profile-page .profile_body td.edit-profile button:hover,
.manage-profile-page #save_profile:hover,
#set-identities .manage_details a:hover,
.prev_avatar_lab a:hover,
.saved-chat-container .filter-section .date_section-data button:hover,
.recent-avatars-head .categories_div .button-select:hover {
  background-color: transparent;
  color: white;
  opacity: 1;
}
.avtar-lab-listing .categories_div .selectnbutton button,
.saved-chat-container .filter-section .date_section-data button {
  width: max-content;
}
.my-membership-page .avatar-head-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.my-membership-page .avatar-head-content h2,
#pmpro_cancel .pmpro_card_title {
  text-transform: uppercase;
  padding: 0;
}
.my-membership-page .avatar-head-content h2,
.checkout-page .page-heading p {
  display: flex;
  gap: 4px;
}
/* .my-membership-page .avatar-head-content h2 img,
.checkout-page .page-heading p img {
  height: 20px;
}

.membership-level-page .pmpro_btn {
  text-align: left;
  position: relative;
  display: flex;
  gap: 5px;
}
.membership-level-page .pmpro_btn::after {
  content: "";
  background-image: url("img/Stripe_Logo.webp");
  background-size: cover;
  width: 48px;
  height: 20px;
} */

/* ======================= Contact Us page =========================== */

.contact-cont #pgc-4054-0-1 {
  width: 30%;
}
#contact-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3%;
  row-gap: 20px;
  margin-bottom: 65px;
}
#contact-form .wpcf7-form-control-wrap {
  display: inline-block;
  width: 100%;
}

#contact-form .wpcf7-form-control-wrap input,
#contact-form .wpcf7-form-control-wrap textarea {
  display: inline-block;
  width: 100%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 20px 0 20px 17px;
  font-size: 13px;
  line-height: 21px;
  color: #ffffff;
  font-weight: 300;
  font-family: "Avenir Next Light";
  resize: none;
  outline: none;
}

#contact-form .wpcf7-form-control-wrap input::placeholder,
#contact-form .wpcf7-form-control-wrap textarea::placeholder {
  font-size: 13px;
  line-height: 21px;
  color: #ffffff;
  font-weight: 300;
  font-family: "Avenir Next Light";
}

#contact-form .wpcf7-form-control-wrap input:active,
#contact-form .wpcf7-form-control-wrap textarea:active {
  outline: none;
}

#contact-form .half {
  width: 48.5%;
}

#contact-form .full {
  width: 100%;
}

#contact-form .submit-button {
  margin-top: 40px;
  position: relative;
}
#contact-form .submit-button .wpcf7-submit {
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Avenir Next Regular";
  width: 100%;
  background-color: transparent;
  border: 1px solid white;
  text-align: left;
  padding: 15px;
  position: relative;
  cursor: pointer;
  transition: all 400ms ease-in-out;
}

#contact-form .submit-button::after {
  content: "";
  background: url(img/button-arrow.png);
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  left: auto;
  margin: auto;
  height: 22px;
  width: 25px;
  right: 15px;
  transition: all 400ms ease-in-out;
}
#contact-form .submit-button:hover .wpcf7-submit {
  color: black;
  background-color: white;
  transition: all 400ms ease-in-out;
}
#contact-form .submit-button:hover::after {
  filter: invert(1);
  transition: all 400ms ease-in-out;
}

#contact-form .submit-button .wpcf7-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -40px;
}

.contact-cont .info-heading p,
.checkout-page-container .current-cart-summary span.cat-total {
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 25px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Avenir Next Regular";
}

.contact-cont .info-data p {
  opacity: 0.8;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

/* ======================= How to use page =========================== */
.video-text p {
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

.pre-heading p {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

.how-to-heading p {
  font-size: 30px;
  line-height: 50px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Avenir Next Regular";
}

.agument-steps .how-to-content p {
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

/* ======================= What is Augment AI =========================== */
.multiple-avatars-cont {
  width: 70%;
  margin: 0 auto;
  padding: 0;
}

.multiple-avatars-cont img {
  width: 100%;
}

#pg-4102-4.panel-has-style > .panel-row-style.loop-video,
.feature-cont .panel-grid-cell {
  align-items: center;
}

.feature-cont .panel-grid-cell {
  display: flex;
  gap: 30px;
}

.feature-cont .panel-grid-cell .panel-first-child {
  width: 25%;
}

.feature-cont .panel-grid-cell .panel-last-child {
  width: 70%;
}

.feature-cont .panel-grid-cell .panel-first-child img,
#pg-4102-4.panel-has-style > .panel-row-style.loop-video img {
  width: 100%;
}

.feature-cont .feature-info p {
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

.loop-content p {
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}
.siteorigin-panels button:not(:hover):not(:active):not(.has-background) {
  background-color: transparent;
}
/* ======================= My recent avatar page =========================== */
.recent-avatars-head,
.edit-avatar-page .page-header,
.iconic-avatars .Iconic-avatars-header {
  display: flex;
  justify-content: space-between;
  padding: 0 50px 0 50px;
  align-items: center;
  margin-top: 20px;
}
.create-avatar-page .iconic-avatars .Iconic-avatars-header {
  padding: 0;
}

.recent-avatars-head h2,
.Iconic-avatars-header h2,
.your-lab .lab-heading,
.page-header h2,
.augmentai-history h2,
.profile-header h2,
.entry-content:has(.pmpro_change_password_wrap) h2,
.terms-page h2,
.privacy-page h2,
.disclaimer-page h2,
.manage-profile-page .categ_popup_heading,
.entry-content:has(.edit-avatar-page) .categ_popup_heading,
#primary:has(.span_minutes) .minutes-heading {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "MazzardM Thin";
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.recent-avatars-head .goto-lab,
.recent-avatars-head .category_lab,
.recent-avatars-head #myavatar_sort,
.recent-avatars-head #category,
.my-recent-avatars-page .iconic-avatars select,
.my-recent-avatars-page .recent-avatars-head select {
  background-color: transparent;
  padding: 14px 63px;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 34px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  font-family: "Avenir Next Regular";
  outline: none;
}
.recent-avatars-head .category_lab,
.recent-avatars-head #myavatar_sort,
.my-recent-avatars-page .recent-avatars-head select,
.recent-avatars-head #category {
  padding: 8px 15px;
  font-size: 16px;
  line-height: 16px;
  width: 100%;
}
.my-recent-avatars-page .iconic-avatars select option,
.edd-checkout
  .wp-block-edd-checkout
  #edd_purchase_form
  .edd-blocks-form
  select
  option,
.my-recent-avatars-page .recent-avatars-head select option {
  background-color: black;
}

.recent-avatars-head .goto-lab {
  border: 1px solid #ffffff;
  text-decoration: none;
  padding: 14px 90px 14px 28px;
  margin: 0;
  position: relative;
}

.recent-avatars-head .goto-lab::after,
.code-of-conduct-page .coc-requirements .terms::before {
  content: "";
  position: absolute;
  background-image: url(img/right-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 18px;
  display: block;
  width: 25px;
  height: 22px;
}

.recent-avatars-head .goto-lab:hover {
  background-color: white;
  color: black;
  opacity: 1;
}

.recent-avatars-head .goto-lab:hover:after {
  filter: invert(1);
}

.recent-avatars-head #category option,
.recent-avatars-head #myavatar_sort option,
.recent-avatars-head .category_lab option {
  background-color: var(--dark-background-color);
}
.my-avatar-listing.my-avatar-listing-slider {
  position: relative;
}
.my-avatar-listing.my-avatar-listing-slider::before,
.my-avatar-listing.my-avatar-listing-slider::after {
  content: "";
  background: linear-gradient(to right, #000000 0%, rgba(255, 255, 255, 0) 50%);
  position: absolute;
  width: 20%;
  height: 100%;
  z-index: 9;
}
.my-avatar-listing.my-avatar-listing-slider::after {
  transform: rotateZ(180deg);
  right: 0;
  top: 0;
}
.my-recent-avatars .my-avatar-listing.grid-view {
  padding: 0 60px;
  display: grid;
  gap: 10px;
  margin-top: 80px;
  grid-template-columns: repeat(auto-fit, 240px);
}
.my-recent-avatars .my-avatar-listing.grid-view {
  display: none;
}
.my-recent-avatars .iconic-avatar-page-carousel {
  margin-top: 100px;
}

.my-recent-avatars .my-avatar-listing a {
  text-decoration: none;
  margin: 0;
}
.my-recent-avatars .create-new,
.my-recent-avatars .my-avatar-cont,
.my-recent-avatars .view-all {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 240px;
  gap: 0;
  justify-content: flex-start;
}
.my-recent-avatars .create-new {
  justify-content: flex-start;
}
.my-recent-avatars .view-all {
  padding-top: 32px;
  justify-content: flex-start;
}
.my-recent-avatars .view-all P {
  margin-top: 40px;
}
.my-recent-avatars .my-avatar-cont {
  cursor: pointer;
  padding: 30px 0;
  border: 1px solid transparent;
  transition: all 400ms ease-in-out;
  display: flex;
  justify-content: space-between;
}

.my-recent-avatars .my-avatar-cont:hover,.splide__slide.is-visible.is-active .my-avatar-cont {
  background-color: var(--dark-background-color);
  border: 1px solid rgba(255, 255, 255, 0.4);
  transform: scale(1.05);
  transition: all 400ms ease-in-out;
  padding: 10px 0;
}

.splide__slide{
 padding-top: 10px;
 
}

.my-recent-avatars .my-avatar-cont:hover .avatar-redirection {
  opacity: 1;
}

.my-recent-avatars .my-avatar-cont.hide {
  display: none;
}

.my-recent-avatars .create-new span,
.upload-img-container .upload-img input {
  border-radius: 50%;
  font-size: 151px;
  padding: 35px 25px;
  color: #cdf7ff;
  line-height: 65px;
  font-weight: 200;
  position: relative;
  background-color: transparent;
  border: none;
  font-family: "MazzardM Thin";
  cursor: pointer;
  z-index: 1;
}
.recent-avatars-head .avatar-with-create a span {
  font-size: 60px;
  padding: 4px 14px 4px 13px;
  line-height: 65px;
}

.my-recent-avatars .create-new span::after,
.upload-img-container .upload-img span::after {
  content: "";
  inset: 0;
  margin: auto;
  position: absolute;
  background-image: url(img/create-new.png);
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(1);
  top: -6px;
}
.recent-avatars-head .avatar-with-create a span::after {
  top: 4px;
}
.my-recent-avatars .create-new p {
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
  text-align: center;
  position: relative;
}

.my-recent-avatars .my-avatar-cont img,
.iconic-avatar-carousel img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

.my-recent-avatars-page .avtar-name,
.collection_list .avtar-name,
.my-recent-avatars-page .avtar-category,
.collection_list .avtar-category,
.my-recent-avatars .view-all p,
.avatar-container span,
.avtar-lab-listing .avtar-name,
.avtar-title,
.avtar-lab-listing .avtar-category,
.avatar-interaction-page .post_title_data,
.avatar-interaction-page .avatar_desc,
.my-avatar-cont span,
.manage-profile-page .add-new-user label {
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "MazzardM Bold";
  text-align: center;
  line-height: 24px;
}
.my-recent-avatars-page .avtar-name,
.collection_list .avtar-name,
.my-recent-avatars-page .avtar-category,
.collection_list .avtar-category,
.avtar-lab-listing .avtar-name,
.avtar-title,
.avatar-redirection {
  margin-top: 10px;
}
.my-recent-avatars-page .avtar-category,
.avtar-lab-listing .avtar-category {
  font-size: 16px;
  line-height: 16px;
  margin-top: 0;
}
.collection_list .avtar-title {
  margin: 0;
}
.avtar-title {
  font-size: 18px;
  line-height: 28px;
}
.my-recent-avatars-page .avtar-category,
.collection_list .avtar-category,
.avtar-lab-listing .avtar-category,
.avatar-container span,
.avtar-title,
.avatar-interaction-page .avatar_desc,
.my-avatar-cont span {
  font-family: "MazzardM Thin";
}

.avatar-container span,
.my-avatar-cont span {
  width: 80%;
}

.my-recent-avatars .view-all span {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.82));
  background-color: #cdf7ff;
  color: #1e71c3;
  font-size: 60px;
  cursor: pointer;
}
.iconic-avatar-page {
  margin-bottom: 100px;
}
.my-recent-avatars-page .iconic-avatars .Iconic-avatars-header {
  padding: 0 30px 0 0;
}
/* styling create avatar div  */
.my-avatar-listing a:has(.create-new),
.recent-avatars-head .avatar-with-create a {
  display: flex;
  padding-top: 49px;
  text-decoration: none;
}
.recent-avatars-head .avatar-with-create a {
  padding-top: 20px;
}
.recent-avatars-head .avatar-with-create a .create-new {
  width: max-content;
  gap: 20px;
  flex-direction: row;
}
.my-membership-page + .stripe-logo,
.checkout-page .stripe-logo {
  padding: 0 30px 30px;
}
.my-membership-page + .stripe-logo img,
.checkout-page .stripe-logo img {
  height: 50px;
}
/* iconic avatars */
.iconic-avatars {
  margin-top: 130px;
  padding: 0 0 0 45px;
}
.avatar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  height: 100%;
  justify-content: space-between;
}
.collection_list {
  margin-top: 65px;
}

.add_to_collection {
  margin: 0;
  border: 0;
  font-size: 30px;
  line-height: 17px;
  padding: 15px;
  border-radius: 50%;
  background-color: #cdf7ff;
  color: #020f28;
  cursor: pointer;
}
.my-recent-avatars .my-avatar-cont .add_to_collection {
  margin-top: 10px;
  margin-bottom: 10px;
}
.splide__arrows {
  position: absolute;
  top: -103px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 35px;
  padding-right: 60px;
}

.splide__arrow {
  position: static;
  transform: none;
  background-color: transparent;
  background-image: url(img/iconic-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
  width: 45px;
  height: 31px;
}

.splide__arrow.splide__arrow--prev {
  transform: rotate(180deg);
}

.splide .splide__arrow:focus {
  outline: none;
}

.your-lab {
  display: flex;
  margin: 200px 50px 180px 25px;
  background-color: var(--dark-background-color);
}

.your-lab .lab-img {
  width: 25%;
}

.your-lab .lab-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.your-lab .lab-content {
  width: 75%;
  padding: 0px 67px 0px 60px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
}

.your-lab .lab-para {
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

.your-lab .lab-cta {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 25px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  font-family: "Avenir Next Regular";
  text-align: center;
  width: max-content;
  margin: 0;
  text-decoration: none;
  border: 1px solid white;
  padding: 15px 35px;
  transition: all 400ms ease-in-out;
}

.your-lab .lab-cta:hover {
  background-color: white;
  color: #1e71c3;
  opacity: 1;
  transition: all 400ms ease-in-out;
}

.avatar-redirection {
  opacity: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: relative;
  transition: all 400ms ease-in-out;
  padding: 0 15px;
}

.avatar-redirection div:first-child {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 3px;
  cursor: pointer;
  justify-content: space-between;
}

.avatar-redirection div span {
  display: block;
  width: 7px;
  height: 7px;
  background-color: #cdf7ff;
  border-radius: 50%;
  cursor: pointer;
}

.avatar-redirection .redirection-links {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.avatar-redirection .redirection-links a {
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "MazzardM Light";
  line-height: 24px;
  background-color: white;
  color: black;
  padding: 10px;
  width: 50%;
  text-align: center;
  border: 1px solid white;
}
.avatar-redirection .redirection-links a:nth-child(2) {
  color: white;
  background-color: transparent;
}
.iconic-avatar-page .button-select-cont {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* avtar lab listing page  */
.avtar-lab-listing {
  margin-bottom: 65px;
}

.avatar-head-content p {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #cdf7ff;
  font-family: "MazzardM Thin";
  font-weight: 600;
}
.avtar-lab-listing .avatar-head-content {
  width: 70%;
}
.avtar-lab-listing .categories_div,
.recent-avatars-head .categories_div {
  display: flex;
  gap: 10px;
  /* min-width: 480px; */
  align-items: flex-start;
  width: max-content;
  justify-content: flex-end;
  flex-direction: column;
}
.avtar-lab-listing .categories_div .selectnbutton button,
.avtar-lab-listing .categories_div button {
  width: 100%;
}
.avtar-lab-listing .selectnbutton,
.iconic-avatar-page .button-select-cont,
.my-recent-avatars .list-reset-div {
  display: flex;
  gap: 10px;
  width: max-content;
  justify-content: flex-end;
}
.my-recent-avatars .list-reset-div {
  width: 100%;
  justify-content: space-between;
}
.avtar-lab-listing .categories_div .list-reset-div button,
.recent-avatars-head .categories_div .button-select {
  padding: 8px 15px;
}
.avtar-lab-listing .selectnbutton {
  flex-direction: column;
}
/* ======================= Create Avatar page =========================== */
.recent-avatar-header .generate-avatar-data {
  padding: 0 50px;
  margin-top: 50px;
  margin-bottom: 130px;
}

.recent-avatar-header .generate-avatar-data .generate-avatar-status,
.profile-header p {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

.recent-avatar-header .generate-avatar-data .generate-avatar-ins,
.pmpro_confirmation_wrap > p,
.pmpro_invoice_wrap > p {
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  font-family: "Avenir Next Regular";
}

.create-avatar-section {
  padding: 0 50px 0 40px;
}

.create-avatar-section .step1-text,
.create-avatar-section .step2-text {
  display: flex;
  margin-bottom: 40px;
  gap: 35px;
}

.create-avatar-section .select2-container .selection .select2-selection,
.create-avatar-section input[type="text"],
.upload-img--inner-container .create-img-textarea textarea {
  width: 318px;
  height: 51px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: white;
  position: relative;
  padding-left: 15px;
  resize: none;
  outline: none;
}

.create-avatar-section
  .select2-container
  .selection
  .select2-selection
  .select2-selection__rendered,
.create-avatar-section
  .select2-container
  .selection
  .select2-selection
  .select2-selection__placeholder,
.create-avatar-section input[type="text"]::placeholder,
.upload-img--inner-container .create-img-textarea textarea::placeholder {
  color: white;
}

.create-avatar-section .select2-container .selection .select2-selection {
  display: flex;
  align-items: center;
  border-radius: 0;
}

.create-avatar-section
  .select2-container
  .selection
  .select2-selection
  .select2-selection__arrow {
  top: 0;
  bottom: 0;
  margin: auto;
}
.create-avatar-outer {
  display: flex;
  gap: 40px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.create-avatar-section .avatar-info,
.create-avatar-section .create-avatar-category {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 50px;
  flex-direction: column;
  justify-content: space-between;
}
.create-avatar-section .step1-text,
.create-avatar-section .step2-text,
.create-avatar-section .create-avatar-category span.or,
.upload-img--inner-container span.or,
.create-avatar-section .upload-img p {
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: bold;
  font-family: "MazzardM Thin";
  text-align: center;
}
.create-avatar-section .upload-img p {
  position: relative;
}
.create-avatar-section .step1-text span,
.create-avatar-section .step2-text span {
  text-wrap: nowrap;
  min-width: 80px;
}
.create-avatar-section .step1-text p,
.create-avatar-section .step2-text p {
  text-align: left;
}

.create-avatar-section .step1-text span,
.create-avatar-section .step2-text span,
.create-avatar-section .create-avatar-category span.or,
.upload-img--inner-container span.or {
  font-family: "MazzardM Medium";
}
.create-avatar-section .create-avatar-category span.or {
  width: 100%;
}
.select2-container .select2-dropdown {
  background-color: black;
  color: white;
}

.select2-container .select2-dropdown .select2-search {
  background-color: transparent;
}

.select2-container .select2-dropdown .select2-search__field {
  outline: none;
  background-color: transparent;
  color: white;
}

.upload-img--inner-container {
  display: flex;
  gap: 70px;
  align-items: stretch;
  margin-bottom: 100px;
}
.show_buttons .create_avatar_via_prompt {
  width: auto;
}
.upload-img--inner-container .upload-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 230px;
  margin-left: 50px;
  gap: 30px;
}
.upload-img-container .view_thumbnail img {
  height: 230px;
}
.upload-img-container .upload-img span {
  position: relative;
}
.upload-img--inner-container .prompt-div {
  width: 42%;
  position: relative;
}
.upload-img--inner-container .prompt-div .view_prompt_div {
  display: flex;
  align-items: flex-start;
  gap: 7px;
}
.upload-img--inner-container .prompt-div .view_prompt_div input {
  margin-top: 8px;
}

.upload-img--inner-container .prompt-div .view_prompt {
  font-size: 16px;
  line-height: 25px;
  color: #ffffff;
  font-weight: bold;
  font-family: "MazzardM Thin";
  margin-bottom: 5px;
  display: inline-block;
}
.upload-img--inner-container .prompt-div .textarea-div {
  height: 100%;
}
.upload-img--inner-container .prompt-div .conduct_line {
  display: flex;
  margin-top: 10px;
  gap: 10px;
  align-items: center;
}
.upload-img--inner-container .prompt-div .conduct_line input[type="checkbox"],
#edd_checkout_form_wrap #edd_purchase_form input[type="checkbox"] {
  accent-color: var(--dark-background-color);
  -webkit-appearance: none;
  border: 1px solid white;
  width: 15px;
  height: 15px;
  margin: 0;
}
.upload-img--inner-container
  .prompt-div
  .conduct_line
  input[type="checkbox"]:checked,
#edd_checkout_form_wrap #edd_purchase_form input[type="checkbox"]:checked {
  accent-color: white;
  -webkit-appearance: auto;
  border: 1px solid white;
  padding: 16px;
  margin: 0;
}
.upload-img--inner-container .create-img-textarea {
  position: relative;
  height: 100%;
}

.upload-img--inner-container .create-img-textarea .next_step {
  position: absolute;
  right: 30px;
  bottom: 30px;
  border: 0;
  font-size: 0;
  cursor: pointer;
  background: url(img/sendmessage.png);
  width: 37px;
  height: 37px;
}
.upload-img--inner-container .create-img-textarea .next_step:has(i) {
  padding-right: 40px;
  background-repeat: no-repeat;
}
.upload-img--inner-container .create-img-textarea .next_step:has(i) i {
  margin-left: 35px;
}

.upload-img--inner-container .create-img-textarea textarea {
  height: 100%;
  width: 100%;
  padding: 10px;
}

.upload-img--inner-container span.or {
  display: flex;
  align-items: center;
}

.step1 {
  overflow: hidden;
}

.step2 {
  margin-top: 65px;
}
.create-avatar-page .upload-img--inner-container .show_buttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: absolute;
  top: 13%;
}
.create-avatar-page .avatar-container .avtar-category {
  margin-top: -15px;
}

/* confirmation pupup for above page  */
#confirmation_box,
#confirmation_box_g,
#confirmation_box_c {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  z-index: 1043;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  margin: 0 auto;
  transition: opacity 1s ease, transform 0.3s ease;
}

#confirmation_box .confirm-popup,
#confirmation_box_c .confirm-popup,
#confirmation_box_g .confirm-popup {
  z-index: 1;
  width: 55vw;
  height: 55vh;
  background-color: var(--dark-background-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  gap: 45px;
  position: relative;
}
#confirmation_box.register-confirmation-box .confirm-popup,
#confirmation_box_c.register-confirmation-box .confirm-popup {
  justify-content: center;
}
#confirmation_box .confirm-popup p,
#confirmation_box_c .confirm-popup p,
#confirmation_box_g .confirm-popup p {
  font-size: 22px;
  letter-spacing: 0px;
  color: #ffffff;
  font-weight: bold;
  font-family: "MazzardM Regular";
  text-align: center;
}

#confirmation_box .confirm-popup img,
#confirmation_box_c .confirm-popup img,
#confirmation_box_g .confirm-popup img {
  width: 153px;
  height: 153px;
  border-radius: 50%;
  filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.82));
  object-fit: cover;
}

#confirmation_box .checkbox-container,
#confirmation_box_c .checkbox-container,
#confirmation_box_g .checkbox-container {
  display: flex;
  align-items: center;
  gap: 25px;
}

#confirmation_box .checkbox-container p,
#confirmation_box_c .checkbox-container p,
#confirmation_box_g .checkbox-container p {
  line-height: 32px;
  font-family: "Avenir Next Ultra light";
  text-align: left;
}
#confirmation_box_g .checkbox-container p a {
  text-decoration: none;
  color: #1e71c3;
}

#confirmation_box .checkbox-container input,
#confirmation_box_c .checkbox-container input,
#confirmation_box_g .checkbox-container input {
  width: 22px;
  height: 22px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin: 0;
  background: transparent;
}

#confirmation_box .add_to_avatar:hover,
#confirmation_box_c .add_to_avatar:hover,
#confirmation_box_g .add_to_avatar_g:hover {
  color: white;
  background-color: transparent;
  border-color: white;
  cursor: pointer;
  transition: all 500ms ease-in-out;
}

/* ======================= My history page =========================== */
.saved-chat-container {
  padding: 45px 50px 0 70px;
}

.saved-chat-container .filter-section .chat-dropdown-sec {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  margin-top: 50px;
  padding: 50px;
  background-color: var(--dark-background-color);
}
.saved-chat-container .my-library-page .filter-section .chat-dropdown-sec {
  align-items: flex-end;
}

.saved-chat-container #custom-search {
  display: flex;
  justify-content: center;
  color: #ffffff;
  align-items: flex-start;
  margin-bottom: 0;
  flex-direction: column;
  width: 47%;
}
.saved-chat-container .select-section-div {
  width: -webkit-fill-available;
  display: flex;
  gap: 50px;
}
.saved-chat-container .select_avatar_section-data,
.saved-chat-container .avatar_section-data {
  width: 48%;
}
.saved-chat-container .filter-section .date-selection,
.saved-chat-container .filter-section .date_section-data-button-wrap {
  display: flex;
  gap: 10px;
}

.saved-chat-container #custom-search {
  display: flex;
  justify-content: center;
  color: #ffffff;
  align-items: flex-start;
  margin-bottom: 0;
  flex-direction: column;
  width: 47%;
}
/* 
.saved-chat-container .select_avatar_section-data,
.saved-chat-container .avatar_section-data {
  width: 23%;
} */

.saved-chat-container .chat-dropdown-sec .filter-title,
.saved-chat-container .chat-dropdown-sec select,
.saved-chat-container .filter-section .chat-dropdown-sec input,
.saved-chat-container .filter-section .date_section-data span {
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  margin-bottom: 30px;
  margin-bottom: 10px;
  display: block;
}

.saved-chat-container .chat-dropdown-sec .filter-title,
.saved-chat-container .filter-section .date_section-data span {
  font-weight: 600;
  margin-bottom: 30px;
}
div#custom-search input#search-input {
  margin-left: 0px;
  border-radius: 0px;
  color: white;
  height: auto;
  padding: 0 10px;
}

.saved-chat-container .chat-dropdown-sec select,
.saved-chat-container .filter-section .chat-dropdown-sec #custom-search input,
.saved-chat-container .my-library-header .search-box input,
.saved-chat-container .my-library-header .advance-search a,
.saved-chat-container .my-library-page .avatar_section-data .select2-selection,
.saved-chat-container .my-library-page .cat_sec .select2-selection,
.saved-chat-container .my-library-page .sub-section .select2-selection,
#avatar_category_list_wrapper .dt-layout-row select,
#avatar_category_list_wrapper .dt-search input[type="search"],
.catalog-content .categ_main_form form input[type="text"],
.category-change-popup .select2-selection,
.edit-avatar-page .avatar-details input,
#set-voice .set-voice-tab select {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-height: 50px;
  color: white;
  padding: 0 14px;
  outline: none;
  display: flex;
  align-items: center;
  border-radius: 0px;
}

.saved-chat-container .chat-dropdown-sec option {
  background-color: var(--dark-background-color);
}

#user_details_container_social {
  margin-top: 50px;
}

.saved-chat-container .table.table-bordered thead tr th,
.manage-profile-page .saved-chat-container .table.table-bordered thead tr th {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  text-transform: capitalize;
  width: 14.2%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 40px 30px;
  text-align: center;
}

.saved-chat-container #social_media_history td {
  width: 14.2%;
}

.saved-chat-container .table.table-bordered thead {
  background: transparent;
}

.saved-chat-container #social_media_history td,
.saved-chat-container td,
.manage-profile-page .profile_body td {
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 40px 20px;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  font-family: "Avenir Next Regular";
}
.manage-profile-page .profile-limit {
  margin-top: 20px;
}
.manage-profile-page .profile-limit span {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  font-family: "Avenir Next Regular";
}

.saved-chat-container #social_media_history .social-message-data {
  width: 15%;
}

.saved-chat-container .table.table-bordered tbody tr td .media-link {
  width: 250px;
  display: block;
  overflow-wrap: break-word;
}

.saved-chat-container .table-bordered td.link-status,
.saved-chat-container .table-bordered td.share-to {
  text-align: center;
}

.link-status .slider {
  opacity: 1;
  background-color: #cdf7ff;
}

.link-status .slider::before {
  background: var(--dark-background-color);
}

.my-history-page .saved-chat-container #message-data .msg_text_data p {
  width: 100%;
}

/* ======================= Edit profile page  =========================== */

.edit-profile-page {
  padding: 50px;
}

.edit-profile-header p {
  margin-top: 10px;
}

.edit-profile-container {
  display: flex;
  margin-top: 80px;
  gap: 80px;
}

.profile-header h2 {
  text-transform: uppercase;
}

.edit-profile-container .profile-change {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.edit-profile-container .profile-image {
  width: 100%;
}
.edit-profile-container .profile-change img {
  width: 100%;
  padding: 25px;
  background-color: var(--dark-background-color);
}

.edit-profile-container .info-change {
  width: 60%;
}

.edit-profile-page .pmpro_member_profile_edit-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 65px;
}

.edit-profile-page form.pmpro_form .pmpro_member_profile_edit-fields > div,
#member-profile-edit .pmpro_card .pmpro_form_field {
  width: 45%;
  margin: 0;
}

.edit-profile-page
  #member-profile-edit
  .pmpro_member_profile_edit-fields
  input {
  max-width: 100%;
  border-radius: 0;
  outline: none;
  width: 100%;
}

.edit-profile-page #member-profile-edit .pmpro_member_profile_edit-fields label,
.my-profile-page .data-div span,
#member-profile-edit .pmpro_card .pmpro_form_field label {
  font-family: "Avenir Next Ultra light";
  margin-bottom: 25px;
  font-weight: 500;
}

.edit-profile-page #member-profile-edit .pmpro_submit {
  margin-top: 65px;
}

.edit-profile-page .pmpro_submit hr {
  display: none;
}
.edit-profile-page #member-profile-edit .pmpro_submit input[type="submit"],
.edit-profile-page #member-profile-edit .pmpro_submit input[type="button"],
#member-profile-edit .pmpro_form_submit button {
  border-radius: 0;
  padding: 10px 30px;
  text-transform: uppercase;
  width: auto;
  border: 1px solid white !important;
  text-decoration: none;
}
#member-profile-edit .pmpro_card {
  margin: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
#member-profile-edit .pmpro_card .pmpro_card_content {
  padding: 0;
  border-radius: 0;
  background: transparent;
}
#member-profile-edit .pmpro_card .pmpro_form_fields {
  display: flex;
  flex-wrap: wrap;
  gap: 65px;
  flex-direction: row;
}
#member-profile-edit .pmpro_card .pmpro_form_field input {
  max-width: 100%;
  border-radius: 0;
  outline: none;
  width: 100%;
}
/* ======================= My Profile page =========================== */
.my-profile-page {
  display: flex;
  padding: 50px 0 0 50px;
  min-height: 83vh;
  justify-content: space-between;
}

.my-profile-page .my-profile-section {
  width: 75%;
}

.my-profile-page .useful-links {
  width: 20%;
  display: flex;
  flex-direction: column;
  background-color: var(--dark-background-color);
  padding: 40px;
  gap: 30px;
}

.my-profile-page .info-change {
  display: flex;
  flex-wrap: wrap;
}

.my-profile-page .info-change .edit-password,
.my-profile-page .info-change .data-div {
  width: 40%;
  display: flex;
  flex-direction: column;
  margin-bottom: 70px;
}

.my-profile-page .data-div span {
  margin-bottom: 5px;
}

.my-profile-page .edit-password a {
  color: #0c70c1;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  margin-right: 0px;
  cursor: pointer;
  text-decoration: none;
}

.my-profile-page .social-login div {
  font-size: 0;
}

.my-profile-page .useful-links a {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #cdf7ff;
  font-family: "Avenir Next Light";
  text-decoration: none;
}

.my-profile-page .social-login {
  display: none;
}

.logged-in .my-profile-page .social-login {
  display: block;
}

.useful-links h2 {
  font-size: 20px;
  line-height: 30px;
}

/* ======================= Avatar interaction page. =========================== */
.avatar-interaction-page .chat .message.new {
  flex-direction: row-reverse;
  justify-content: flex-end;
  position: relative;
  width: max-content;
  max-width: 100%;
}

.avatar-interaction-page .chat .message.loading.new {
  background-color: #ffffff;
  border-radius: 10px 0 10px 0;
  width: max-content;
  word-wrap: break-word;
  padding: 10px 20px;
  gap: 3px;
}

.avatar-interaction-page .chat .message.loading.new figure {
  display: none;
}

.avatar-interaction-page .chat .message.new.message_select,
.avatar-interaction-page .chat .message.new.video_data {
  width: 100%;
  align-items: flex-end;
}
.avatar-interaction-page .chat .message.new.message_select:has(video),
.avatar-interaction-page .chat .message.new.message_select:has(audio) {
  width: max-content;
  max-width: 100%;
}
.avatar-interaction-page
  .chat
  .message.new.message_select.message-personal:has(video),
.avatar-interaction-page
  .chat
  .message.new.message_select.message-personal:has(audio) {
  width: 100%;
}
.avatar-interaction-page .chat .message:has(video) p,
.avatar-interaction-page .chat .message:has(audio) p {
  padding-bottom: 55px;
}
.avatar-interaction-page .chat .message.message-personal:has(video) p,
.avatar-interaction-page .chat .message.message-personal:has(audio) p {
  padding-bottom: 20px;
}
.avatar-interaction-page .message.message-personal.new {
  width: 100%;
  justify-content: end;
  flex-direction: row;
  gap: 20px;
}
.avatar-interaction-page .message.message-personal.new p {
  max-width: 85%;
  width: max-content;
}

.avatar-interaction-page .chat .message.new .timestamp {
  position: absolute;
  bottom: -18px;
  font-size: 10px;
  color: white;
  right: 20px;
}

.avatar-interaction-page .chat .message.new .checkmark-sent-delivered {
  position: absolute;
  bottom: -18px;
  right: 0px;
  font-size: 12px;
  color: white;
}

.avatar-interaction-page .chat .message.new .checkmark-read {
  color: #cdf7ff;
  position: absolute;
  bottom: -18px;
  right: 8px;
  font-size: 12px;
}

.avatar-interaction-page {
  display: flex;
  padding: 40px 0 0 40px;
  gap: 3%;
}

.avatar-interaction-page .chat-main-container {
  width: 78%;
  margin-bottom: 50px;
}

.avatar-interaction-page .main-chat-container {
  display: flex;
  gap: 70px;
  align-items: flex-start;
  justify-content: flex-end;
}

.avatar-interaction-page .video-background {
  width: 18%;
  height: max-content;
  position: fixed;
  top: 100px;
  left: 340px;
  transition: all 400ms ease-in-out;
}
.hidden-menu .avatar-interaction-page .video-background {
  left: 20px;
}

.avatar-interaction-page .avenue-messenger-outer {
  width: 67.5%;
  position: relative;
}

.avatar-interaction-page .video-animated {
  position: relative;
  height: 100%;
  min-height: 315px;
}
.avatar-interaction-page .ai-video {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 20px;
  left: 0;
  transform: none;
  transition: opacity 0.5s ease-in-out 0s;
  z-index: 0;
  border-radius: 0;
  object-fit: cover;
  height: auto;
  bottom: 20px;
  margin: auto;
  background-color: var(--dark-background-color);
  padding: 20px;
}
.avatar-interaction-page .post_title_data,
.avatar-interaction-page .avatar_desc {
  text-align: left;
}

.avatar-interaction-page .avatar-data {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.avatar-interaction-page .single_avatar_setting {
  width: 20%;
  background-color: var(--dark-background-color);
  padding: 50px 50px 120px 40px;
}
.avatar-interaction-page .single_avatar_setting {
  width: 200px;
  background-color: var(--dark-background-color);
  padding: 25px 15px;
  height: max-content;
  position: fixed;
  top: 100px;
  right: 0;
  transition: all 400ms ease-in-out;
}

.single_avatar_setting .toggle-btn {
  position: relative;
  width: 30px;
  height: 18px;
  border-radius: 50px;
  overflow: hidden;
  cursor: pointer;
  background-color: #cdf7ff;
  border: none;
}

.single_avatar_setting .toggle-btn::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 83%;
  background-color: var(--dark-background-color);
  border-radius: 100%;
  transition: transform 0.3s ease-in-out;
  top: 0;
  left: 44%;
  bottom: 0;
  margin: auto;
}

.single_avatar_setting .toggle-btn[data-status="on"] {
  background-color: #1e71c3;
}

.single_avatar_setting .toggle-btn[data-status="off"]::before {
  transform: translateX(-74%);
}

.avatar-interaction-page .toggle-button {
  display: flex;
  justify-content: space-between;
}

.avatar-interaction-page .toggle-button-slider-container,
.avatar-interaction-page .chat-history-container,
.avatar-interaction-page .chat-library-container,
.avatar-interaction-page .chat-library-container .chat_history_btn,
.avatar-interaction-page .chat-library-container .btns-all,
.avatar-interaction-page .chat-history-container .btns-all {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.avatar-interaction-page .single_avatar_setting h2 {
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  margin: 0;
  font-weight: 500;
}

.avatar-interaction-page .single_avatar_setting p {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  color: #cdf7ff;
  font-family: "Avenir Next Regular";
}

.avatar-interaction-page .video-settings span {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

.avatar-interaction-page .chat-history-container .btns-all,
.avatar-interaction-page .chat-library-container .chat_history_btn,
.avatar-interaction-page .chat-library-container .btns-all {
  padding: 0;
  align-items: flex-start;
  border: 0;
}

.avatar-interaction-page .chat-history-container .btns-all button,
.avatar-interaction-page .chat-library-container .chat_history_btn button,
.avatar-interaction-page .chat-library-container .chat_history_btn label {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  color: #cdf7ff;
  font-family: "Avenir Next Regular";
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  padding: 0 6px;
}
.avatar-interaction-page .chat-history-container .btns-all button {
  width: 100%;
  position: relative;
}
.avatar-interaction-page .chat-history-container .btns-all button::after,
.avatar-interaction-page
  .chat-history-container
  .btns-all
  #downloadButton_data::after,
.avatar-interaction-page
  .chat-history-container
  .btns-all
  #delete-chat-btn::after {
  content: "";
  background-image: url(img/download.png);
  position: absolute;
  background-repeat: no-repeat;
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
  height: 17px;
  width: 19px;
  margin: auto;
}
.avatar-interaction-page
  .chat-history-container
  .btns-all
  #delete-chat-btn::after {
  background-image: url(img/delete-lightblue.png);
}
.avatar-interaction-page .chat-library-container .chat_history_btn label a {
  text-decoration: none;
  margin: 0;
  color: #cdf7ff;
}

.avatar-interaction-page .chatdid-container,
.avatar-interaction-page .chatdid-container .main-chat-container,
.avatar-interaction-page .chatdid-container .avenue-messenger,
.avatar-interaction-page .chatdid-container .avenue-messenger .chat,
.avatar-interaction-page
  .chatdid-container
  .avenue-messenger
  .messages-content {
  height: 100%;
}
.avatar-interaction-page .chatdid-container .avenue-messenger .chat {
  display: flex;
  align-items: flex-end;
}
.avatar-interaction-page .chatdid-container .chat {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.avatar-interaction-page #social-popup {
  position: fixed;
  inset: 0;
  margin: auto;
}
.avatar-interaction-page .message audio,
.saved-chat-container #message-data .msg_text_data audio {
  width: revert;
  border: 1px solid black;
}
.avatar-interaction-page .chat .message.message_ai {
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: 85%;
  align-items: flex-end;
}

.avatar-interaction-page .chat .message.message_ai figure {
  margin: 0;
}

.avatar-interaction-page .chat .message.message_ai .social-share,
.avatar-interaction-page .message p + *:has(:is(a)) {
  position: absolute;
  bottom: 10px;
  right: 60px;
}
.avatar-interaction-page .chat .message.message_ai .social-share a i,
.my-library-page .history-result .share_data a i {
  color: #0f3137 !important;
  background-color: transparent !important;
}
.my-library-page .history-result .share_data a i {
  color: white !important;
}

.avatar-interaction-page .message_ai p,
.avatar-interaction-page .message_select p {
  width: max-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  word-break: break-word;
}
.avatar-interaction-page .message audio::-webkit-media-controls-panel,
.saved-chat-container
  #message-data
  .msg_text_data
  audio::-webkit-media-controls-panel,
#set-voice audio::-webkit-media-controls-panel {
  background-color: white;
  padding: 0;
}

.avatar-interaction-page .selected audio::-webkit-media-controls-panel {
  background-color: #cdf7ff;
}
.avatar-interaction-page .message-box-outer-div {
  position: fixed;
  bottom: 76px;
  width: 100%;
  max-width: 900px;
}
.avatar-interaction-page .message-box-outer-div .chat-destructor,
.avatar-interaction-page
  .message-box-outer-div.expanded-chat
  .chat-constructor {
  display: none;
}
.avatar-interaction-page .message-box-outer-div.expanded-chat {
  position: fixed;
  inset: 0;
  z-index: 9;
  width: calc(100% - 300px) !important;
  max-width: 100%;
  right: 0;
  left: auto;
}
.avatar-interaction-page .message-box-outer-div.expanded-chat .chat-destructor,
.avatar-interaction-page
  .message-box-outer-div
  .chat-destructor
  .chat-destructor {
  display: block;
}
.avatar-interaction-page .message-box-outer-div.expanded-chat .chat-destructor {
  right: 23px;
  top: 23px;
  width: 40px;
  height: 40px;
}
.avatar-interaction-page
  .message-box-outer-div.expanded-chat
  .chat-destructor
  i {
  font-size: 24px;
}
.avatar-interaction-page .message-box-outer-div.expanded-chat .message-box {
  height: 100%;
}
.avatar-interaction-page
  .message-box-outer-div.expanded-chat
  .message-box
  textarea {
  height: 100% !important;
  max-height: 100%;
  padding: 15vh 15vw;
}
.avatar-interaction-page .single_avatar_setting_opener {
  color: white;
  background-color: black;
  border: 1px solid white;
  border-radius: 50%;
  padding: 3px 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 25px;
  cursor: pointer;
  display: none;
}
.avatar-interaction-page .avatar_chat_expander {
  position: absolute;
  right: 0;
  top: 5px;
  margin: auto;
  width: 25px;
  height: 25px;
  cursor: pointer;
  color: black;
  background: transparent;
  border: 0;
}
.avatar-interaction-page .avatar_chat_expander i {
  font-size: 16px;
}
.avatar-interaction-page .message-box textarea {
  background-color: black;
  max-height: 150px;
}
.avatar-interaction-page .chat-title {
  display: none;
}
/* 
.avatar-interaction-page .chat {
  max-height: 100vh;
} */
.avatar-interaction-page .messages {
  overflow: auto;
  padding-bottom: 40px;
  max-width: 900px;
  width: 100%;
}
.avatar-interaction-page .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: white;
}

.avatar-interaction-page .message p + *:has(:is(a)) + p {
  display: none;
}
div#customPopup {
  position: relative;
}
div#customPopup::after {
  content: "";
  position: fixed;
  inset: 0;
  background-color: #000000;
  z-index: -3;
  opacity: 0.6;
}
/* ======================= my library page =========================== */
.my-library-page .history-result {
  width: 65%;
  margin-bottom: 50px;
}

.saved-chat-container .my-library-header #custom-search {
  flex-direction: row;
  gap: 45px;
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
  align-items: center;
}

.saved-chat-container .my-library-header .search-heading {
  width: auto;
}

.saved-chat-container .my-library-header .advance-search::after,
.saved-chat-container
  .my-library-page
  .avatar_section-data
  .select2-selection__arrow,
.saved-chat-container .my-library-page .cat_sec .select2-selection__arrow,
.saved-chat-container .my-library-page .sub-section .select2-selection__arrow,
.search-module .search-submit,
#set-identities .show-profile-div #select_user_profile::after,
.add-new-user .accordion-outer-div::after {
  content: "";
  background: url(img/down-arrow.png);
  position: absolute;
  background-repeat: no-repeat;
  right: 30px;
  top: 0;
  bottom: 0;
  left: auto;
  height: 12px;
  width: 20px;
  margin: auto;
}
.search-module .search-submit {
  background: url(img/search-icon.png);
  background-repeat: no-repeat;
  height: 17px;
  width: 17px;
  cursor: pointer;
  border: 0;
  right: 10px;
}
.search-module .search-submit i,
.upload-img--inner-container .create-img-textarea .next_step i {
  margin-left: 18px;
  font-size: 17px;
}

.search-module .search-submit i::before,
.upload-img--inner-container .create-img-textarea .next_step i::before {
  color: white;
}

.saved-chat-container
  .my-library-page
  .avatar_section-data
  .select2-selection__arrow
  b,
.saved-chat-container .my-library-page .cat_sec .select2-selection__arrow b,
.saved-chat-container .my-library-page .sub-section .select2-selection__arrow b,
.saved-chat-container #message-data .msg_text_data .msg_type_data {
  display: none;
}

.saved-chat-container .my-library-header .advance-search {
  width: 23%;
  position: relative;
}

.saved-chat-container .my-library-header .search-box {
  width: 50%;
}

.saved-chat-container .library-dropdown-container {
  display: flex;
  align-items: center;
  gap: 20px;
}

.search-heading label {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
}

.saved-chat-container .my-library-header .advance-search a,
.saved-chat-container .my-library-page .avatar_section-data label,
.saved-chat-container .my-library-page .cat_sec label,
.saved-chat-container .my-library-page .sub-section label {
  text-decoration: none;
  font-size: 17px;
  line-height: 28px;
  min-height: 50px;
  display: flex;
  align-items: center;
  margin: 0;
}

.saved-chat-container .my-library-page .filter-section .chat-dropdown-sec {
  margin-top: 40px;
  position: relative;
}

.saved-chat-container .my-library-page .chat-dropdown-sec::after {
  content: "";
  position: absolute;
  bottom: 100%;
  margin-left: -5px;
  border-width: 22px;
  border-style: solid;
  border-color: transparent transparent #131315 transparent;
  right: 18px;
}

.saved-chat-container .my-library-page .avatar_section-data,
.saved-chat-container .my-library-page .cat_sec,
.saved-chat-container .my-library-page .sub-section {
  width: 27%;
}

.saved-chat-container .my-library-page .history-container {
  width: 18%;
}

.saved-chat-container .my-library-page .avatar_section-data,
.saved-chat-container .my-library-page .cat_sec,
.saved-chat-container .my-library-page .sub-section {
  width: 27%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.saved-chat-container .my-library-page .avatar_section-data .select2-selection,
.saved-chat-container .my-library-page .cat_sec .select2-selection,
.saved-chat-container .my-library-page .sub-section .select2-selection {
  border-radius: 0;
}

.saved-chat-container
  .my-library-page
  .avatar_section-data
  .select2-selection
  span,
.saved-chat-container .my-library-page .cat_sec .select2-selection span,
.saved-chat-container .my-library-page .sub-section .select2-selection span {
  color: white;
  font-weight: 600;
}

.saved-chat-container .my-library-page .avatar_section-data .select2,
.saved-chat-container .my-library-page .cat_sec .select2,
.saved-chat-container .my-library-page .sub-section .select2 {
  width: 100% !important;
}

.saved-chat-container
  .my-library-page
  .avatar_section-data
  .select2
  .select2-selection__rendered,
.saved-chat-container
  .my-library-page
  .cat_sec
  .select2
  .select2-selection__rendered,
.saved-chat-container
  .my-library-page
  .sub-section
  .select2
  .select2-selection__rendered,
.edit-avatar-page .avatar-details label,
.edit-avatar-page .avatar-details input,
.edit-avatar-page .avatar-details input::placeholder,
.edit-video-container span,
#set-behaviour .who-avatar-outer label,
#set-identities .who-avatar-outer label,
#set-traits .traits-table .dataTable td,
#set-identities .user-profile label {
  font-size: 17px;
  line-height: 21px;
  color: #ffffff;
  font-weight: 300;
  font-family: "Avenir Next Ultra light";
}

.my-library-page .deleteAvatar,
.my-library-page .cat_sec .deleteCategory,
.my-library-page .deleteSubject {
  position: relative;
  background-color: transparent;
  border: none;
  height: 19px;
  width: 23px;
  font-size: 0;
}

.my-library-page .deleteAvatar::after,
.my-library-page .cat_sec .deleteCategory::after,
.my-library-page .deleteSubject::after,
.select-all-checkbox #deleteMessagesBtn::after {
  content: "";
  background: url(img/delete.png);
  position: absolute;
  background-repeat: no-repeat;
  inset: 0;
  margin: auto;
  background-size: contain;
  cursor: pointer;
}

.select-all-checkbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
}

.select-all-checkbox #deleteMessagesBtn {
  background: transparent;
  border: none;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #1e71c3;
  font-family: "Avenir Next Regular";
  position: relative;
  cursor: pointer;
}

.select-all-checkbox #deleteMessagesBtn::after {
  width: 19px;
  height: 23px;
  right: auto;
  left: -20px;
}

.select-all-checkbox .selectAllCheckbox {
  display: flex;
  align-items: center;
  gap: 45px;
}

.select-all-checkbox .selectAllCheckbox #selectAllCheckbox,
.message-data .message-checkbox,
#avatar_category_list_wrapper .checkboxes,
.manage-profile-page .profile_body td .checkboxes {
  accent-color: var(--dark-background-color);
  -webkit-appearance: none;
  border: 1px solid white;
  width: 35px;
  height: 35px;
  margin: 0;
}
.manage-profile-page .profile_body td .checkboxes {
  width: 25px;
  height: 25px;
}

.select-all-checkbox .selectAllCheckbox #selectAllCheckbox:checked,
.message-data .message-checkbox:checked,
#avatar_category_list_wrapper .checkboxes:checked,
.manage-profile-page .profile_body td .checkboxes:checked {
  accent-color: white;
  -webkit-appearance: auto;
  border: 1px solid white;
  padding: 16px;
  margin: 0;
}

.history-result .selecte_message {
  display: flex;
  flex-direction: column;
  gap: 35px;
  margin-top: 40px;
  position: relative;
}

.history-result .selecte_message .msg_text_data {
  display: flex;
  flex-direction: column;
}

.saved-chat-container #message-data .msg_text_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 35px;
  position: relative;
  width: 100%;
  padding: 0;
}

.saved-chat-container #message-data .share_data,
.saved-chat-container #message-data .move_data {
  padding-left: 80px;
}

.saved-chat-container .my-library-page #message-data .share_data,
.saved-chat-container .my-library-page #message-data .move_data {
  padding-left: 0px;
}

.message-data .message-checkbox {
  position: absolute;
  left: 0;
  top: 6px;
}

.my-library-page .message-data .message-checkbox {
  position: static;
}

.my-library-page .message-data video::-webkit-media-controls-timeline,
.avatar-interaction-page
  .chat
  .message.new
  video::-webkit-media-controls-timeline {
  display: block;
}

.my-library-page .message-data video,
.avatar-interaction-page .chat .message.new video {
  border-radius: 10px 0 10px 0;
  height: 250px;
  width: 250px;
}

.saved-chat-container #message-data .msg_text_data p {
  max-width: 100%;
}

.saved-chat-container #message-data .move_data button {
  width: auto;
}

.avatar-interaction-page .history-result .You\: .selecte_message,
.avatar-interaction-page
  .saved-chat-container
  #message-data.You\:
  .msg_text_data {
  align-items: flex-end;
}

div#category-change-popup {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: var(--dark-background-color);
  width: fit-content;
  height: fit-content;
  padding: 50px 30px;
  min-height: 215px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 635px;
  border: 1px solid white;
}

/* add to library popup  */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
div#customPopup {
  padding: 0 0px 20px;
  background: var(--dark-background-color);
  z-index: 9999;
  transform: none;
  border-radius: 0;
  display: inline-block;
  height: 80vh;
  position: fixed;
  width: 50vw;
  inset: 0;
  margin: auto;
  overflow: auto;
}

#customPopup .sel_msg_data {
  width: 100%;
  word-wrap: break-word;
  position: relative;
}

#customPopup .sel_msg_data .social-share {
  position: absolute;
  right: 0;
  bottom: 25px;
}

#customPopup .sel_msg_data video {
  border-radius: 10px 0 10px 0;
  height: 250px;
  width: 250px;
  margin-top: 20px;
}

#customPopup .sel_msg_data p,
#customPopup .message-options,
#customPopup .cat_sec label,
#customPopup .subject_sec label,
#customPopup .modal-header h5 {
  font-size: 18px;
  line-height: 28px;
  font-family: "MazzardM Medium";
  color: #020f28;
  background-color: #ffffff;
  padding: 10px 20px;
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 10px 0 10px 0;
}

#customPopup .message-options,
.cat_sec label,
.my-membership-page .recent-avatars-head > a,
.entry-content:has(.pmpro_change_password_wrap) .pmpro_submit input,
.my-membership-page .purchase-content > a,
#pmpro_cancel
  .pmpro_card
  .pmpro_card_content:has(.pmpro_form_submit)
  input[type="submit"],
#pmpro_cancel .pmpro_card .pmpro_card_content:has(.pmpro_form_submit) a {
  width: max-content;
}

#customPopup .form-control {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-height: 50px;
  color: white;
  padding: 0 14px;
  outline: none;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#customPopup .form-control option {
  background-color: var(--dark-background-color);
}

.modal-footer {
  display: flex;
  margin-top: 30px;
  padding-left: 20px;
  gap: 20px;
}

#customPopup .modal-footer button,
.manage-profile-page .add-profile-inner-container button {
  width: max-content;
}
.manage-profile-page .add-profile-inner-container button.disabled-button {
  opacity: 0.6;
  cursor: no-drop;
}
.modal-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  align-items: center;
  position: sticky;
  top: 0px;
  background: #e6eef5;
  width: 100%;
  padding: 15px 20px 15px;
  z-index: 1;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}

.modal-header h5 {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

#custom-popup span,
#custom-popup label {
  color: white;
}

div#custom-popup {
  z-index: 999999;
  height: 220px;
  width: 391px;
  border: 1px solid white;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--dark-background-color);
  padding: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  overflow: hidden;
}

div#custom-popup h3 {
  font-size: 18px;
  line-height: 28px;
  color: white;
  font-family: "MazzardM Medium";
}

.category-change-popup .select2-selection {
  min-height: auto;
}

.category-change-popup
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: white;
}

.cat_sec_popup div,
.subject_sec_popup div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.category-change-popup #category-change-form button {
  padding: 7px 20px;
}

.close-category-change-popup {
  position: absolute;
  right: -10px;
  top: -15px;
  background: white;
  color: black;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid black;
  box-shadow: 0 0 5px 2px rgb(14 14 14 / 50%);
  cursor: pointer;
  transition: 0.3s ease-in-out;
  font-weight: 700;
}

/* ======================= manage avatar category =========================== */
.add-category-container,
.add-category-container .category-outer-container,
.add-category-container .add-avatar-inner-container {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.add-category-container {
  margin-top: 20px;
}
.add-category-container button {
  width: max-content;
}

.manage-avatar-page .saved-chat-container .table.table-bordered thead tr th {
  padding: 20px 30px;
}

.manage-avatar-page .edit-category button {
  width: max-content;
  padding: 5px 15px;
}

#avatar_category_list_wrapper .checkboxes {
  height: 25px;
  width: 25px;
}

#avatar_category_list_wrapper .dt-layout-row .dt-length,
#avatar_category_list_wrapper .dt-search {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  font-family: "Avenir Next Light";
  text-transform: capitalize;
}

#avatar_category_list_wrapper .dt-search {
  justify-content: flex-end;
}

#avatar_category_list_wrapper .dt-layout-row select,
#avatar_category_list_wrapper .dt-search input[type="search"] {
  width: 40%;
}

#avatar_category_list_wrapper .dt-layout-row select option {
  background-color: var(--dark-background-color);
  color: white;
}

.manage-avatar-page div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-color: rgba(255, 255, 255, 0.4);
}

.add_edit_category .categ_main_form {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 21px;
  color: white;
  font-weight: bold;
  font-family: "Avenir Next Regular";
}

.add_edit_category .categ_main_form form,
.add_edit_category .categ_main_form form div:has(input) {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
  align-items: center;
}

.add_edit_category .categ_main_form form {
  height: 100%;
  justify-content: space-around;
}

#confirmation_box .add_to_avatar,
#confirmation_box_g .add_to_avatar_g,
#confirmation_box_c .add_to_avatar_c,
.catalog-content .categ_main_form form button,
.catalog-content .categ_main_form form input[type="text"] {
  width: 40%;
}
#confirmation_box.register-confirmation-box .add_to_avatar,
#confirmation_box_c.register-confirmation-box .add_to_avatar_c:disabled {
  opacity: 0.8;
  pointer-events: none;
}
#confirmation_box_c.register-confirmation-box .add_to_avatar_c {
  opacity: 1;
  pointer-events: all;
}
.manage-avatar-page .catalog-content {
  min-height: 50vh;
}

/* ======================= Edit avatar page  =========================== */
.edit-avatar-page .edit-avatar-body {
  padding: 0 50px;
  display: flex;
  gap: 5%;
  justify-content: space-between;
  margin-top: 80px;
  margin-bottom: 200px;
}

.edit-avatar-page .save-avatar {
  width: max-content;
  display: flex;
  gap: 45px;
  justify-content: flex-end;
  align-items: center;
}
.edit-avatar-page .save-avatar button,
#set-behaviour .Save,
#set-identities button,
#set-traits .save-toggle button {
  width: 150px;
  text-align: center;
}
.edit-avatar-page .save-avatar a,
.edit-video-container .avtar_video_preview a {
  background-color: transparent;
  border: none;
  text-align: right;
  text-decoration: none;
  width: max-content;
  margin: 0;
  position: relative;
  padding: 20px 20px 20px 0;
}
.edit-avatar-page .save-avatar a::before,
.edit-video-container .avtar_video_preview a::before {
  content: "";
  margin: auto;
  position: absolute;
  background-image: url(img/left-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -32px;
  display: block;
  width: 25px;
  height: 22px;
}

.edit-video-container .avtar_video_preview a::before {
  left: auto;
  right: -20px;
  transform: rotate(180deg);
}

.edit-avatar-body .edit-avatar-content {
  width: 20%;
}
.edit-avatar-body .edit-avatar-content button {
  margin-top: 40px;
}
.edit-avatar-body .edit-avatar-content video,
.edit-avatar-body .edit-avatar-content img {
  width: 100%;
  object-fit: cover;
  padding: 20px;
  background-color: #0a0a0b;
}

.edit-avatar-body .edit-avatar-content video {
  margin-top: 30px;
}

.edit-avatar-body .edit-avatar-content video::-webkit-media-controls-timeline {
  display: block;
}

.edit-avatar-body .edit-avatar-tabs {
  width: 75%;
}

.edit-avatar-page .avatar-details {
  display: flex;
  flex-direction: column;
}

.edit-avatar-page .avatar-details label {
  margin-top: 40px;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 5px;
}
.edit-avatar-page .avatar-details label:first-child {
  margin-top: 0;
}

.edit-image-container p,
.edit-image-container input,
.edit-video-container input,
.edit-video-container p,
#set-voice .set-voice-header p,
.single-download .purchase-content li,
#edd_checkout_form_wrap div,
#edd_checkout_form_wrap p {
  font-size: 22px;
  line-height: 32px;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: all 400ms ease-in-out;
  padding: 0;
  list-style: none;
}

.edit-image-container p:hover,
.edit-image-container input:hover,
.edit-video-container input:hover,
.edit-video-container p:hover,
#set-voice .set-voice-header p:hover {
  color: #1e71c3;
  transition: all 400ms ease-in-out;
}

#set-voice .set-voice-header h3,
#set-voice .voice_selection .voice-option-input p,
#set-behaviour h5,
#set-identities h5 {
  font-size: 26px;
  line-height: 36px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  position: relative;
}

#set-voice .voice_selection .voice-option-input p {
  padding-left: 85px;
}

#set-voice .voice_selection .voice-option-input p::before {
  content: "";
  margin: auto;
  position: absolute;
  background-image: url(img/speaker.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 12px;
  display: block;
  width: 42px;
  height: 34px;
}

/* tabs section  */
/* Style the tab */
.tab-overflow {
  margin-bottom: 40px;
  padding-bottom: 20px;
}
.tab,
.my-history-page .tab-header {
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

/* edit avatar page  */
.page-template-default .upload-ui {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-template-default .upload-ui h2,
.page-template-default .upload-ui p {
  color: black !important;
}

/* Style the buttons inside the tab */
.tab button,
.my-history-page .tab-header button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px 15px;
  transition: 0.3s;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Avenir Next regular";
  position: relative;
  width: -webkit-fill-available;
}
.tab button.last-tab-button::after,
.my-history-page .tab-header button:last-child::after {
  display: none;
}
.tab button::after,
.my-history-page .tab-header button::after {
  content: "";
  width: 1px;
  height: 60%;
  background-color: white;
  display: block;
  position: absolute;
  right: -0.5px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.tab button:last-of-type::after {
  display: none;
}

.tab button:last-child:after {
  display: none;
}

/* Create an active/current tablink class */
.tab button.active,
.tab button:hover,
.my-history-page .tab-header button.active-tab,
.my-history-page .tab-header button:hover {
  background-color: #cdf7ff;
  color: black;
}
.tab button.non-set-button {
  display: none;
}

/* Style the tab content */
.tabcontent {
  display: none;
  border-top: none;
  width: 100%;
}

/* Display the first tab by default */
.tabcontent:first-of-type {
  display: block;
}

#set-voice .set-voice-tab {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.voice-popup-select-save {
  display: flex;
  gap: 20px;
  margin-bottom: 0;
}

#set-voice .set-voice-tab select {
  width: 200px;
}

#set-voice .set-voice-tab select option {
  background-color: black;
  border-radius: 0;
}

#set-voice .set-voice-tab button {
  width: max-content;
}

#set-voice .male-voice-options,
#set-voice .female-voice-options {
  margin-top: 110px;
}
.edit-video-container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 50px;
  position: relative;
}
.edit-image-container {
  margin-top: 50px;
}
#set-voice audio {
  background-color: white;
  border-radius: 10px 0 10px 0;
  width: 40%;
}
#set-voice .voice_selection {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
}
#set-voice .voice_selection .voice-option-input input {
  visibility: hidden;
}

#set-voice .voice_selection .select-button {
  width: 30%;
  display: flex;
  justify-content: flex-end;
}

#set-voice .voice_selection .select-button button {
  background-color: transparent;
  color: #1e71c3;
  width: 50%;
  pointer-events: none;
}

#set-voice .voice_selection .select-button button:last-child {
  color: white;
  background-color: #1e71c3;
  border-color: #1e71c3;
}

#set-voice .voice_selection .select-button button:hover {
  background-color: white;
  color: #1e71c3;
}

#set-voice .voice_selection.selected .select-button button:first-child,
#set-voice .voice_selection .select-button button:last-child {
  display: none;
}

#set-voice .voice_selection .select-button button:first-child,
#set-voice .voice_selection.selected .select-button button:last-child {
  display: block;
}
#set-behaviour input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
  height: 20px;
}
#set-behaviour input::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  background: black;
  border-radius: 40px;
  cursor: pointer;
  /* box-shadow: 0 1px 1px 0 rgb(106, 101, 101), 0 2px 2px 0 rgb(10, 7, 7); */
  border: 1px solid white;
}
#set-behaviour input::-webkit-slider-thumb {
  margin-top: -6px;
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  /* background: radial-gradient(
      #444 45%,
      #555 50%,
      #222 55%,
      #8c7853 57.5%,
      #8c7853 100%
    ),
    conic-gradient(
      #4b4b4b 10deg,
      #777 45deg,
      #5b5b6b 70deg,
      #9f9f9f 105deg,
      #444 140deg,
      #aaa 185deg,
      #666 210deg,
      #999 245deg,
      #777 285deg,
      #9f9f9f 320deg,
      #4b4b4b
    ); */
  /* background-blend-mode: overlay; */
  background-color: black;
  border: 1px solid white;
  cursor: pointer;
  border-radius: 50%;
}
#set-behaviour .who-avatar-outer label {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
#set-traits .selected-traits-bar {
  background: transparent;
  border: 1px solid white;
  border-radius: 0;
}
#set-traits .selected-traits-bar .selected-trait {
  background: white;
  color: black;
  border-radius: 0;
}
#set-traits .traits-bar .trait-filter {
  background: transparent;
  border: 1px solid white;
}
.confirm_box .add_edit_to_avatar {
  width: auto;
}
div#confirmationPopup p {
  padding: 0;
  color: white;
  font-size: 20px;
  line-height: 21px;
  font-weight: bold;
  font-family: "Avenir Next Regular";
}
div#confirmationPopup {
  background-color: var(--dark-background-color);
  overflow: auto;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.avatar-del-buttons {
  display: flex;
  gap: 20px;
}
.pic-del-confirmation {
  display: flex;
  gap: 10px;
}
.success-message-container.success-popup {
  border-radius: 0;
}
#loading-spinner {
  position: absolute;
  inset: 0;
  background: black;
  z-index: 999;
  opacity: 0.9;
}
div#loading-spinner::after {
  content: "";
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  bottom: 50%;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #096ad9;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#set-identities .user-profile {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
#set-identities .show-profile-div {
  display: flex;
  gap: 20px;
}
#set-identities .show-profile-div #select_user_profile {
  width: -webkit-fill-available;
  position: relative;
}
#set-identities .show-profile-div .show_profile,
#set-identities .manage_details a,
.prev_avatar_lab a {
  width: max-content;
}
/* ======================= Membership checkout page =========================== */

.checkout-page .pmpro_checkout_gateway-stripe {
  padding-left: 30px;
  padding-right: 100px;
  padding-bottom: 100px;
}
#pmpro_form .pmpro_checkout-fields select option {
  background: black;
}
#pmpro_form .pmpro_checkout-fields:has(.pmpro_checkout-field) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 9%;
  row-gap: 45px;
  margin-bottom: 80px;
}
#pmpro_form .pmpro_checkout-fields:has(.pmpro_checkout-field) .pmpro_clickable,
.checkout-page #pmpro_license a {
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 300;
  font-family: "Avenir Next Light";
  margin: 0;
  text-decoration: none;
}
#pmpro_form .pmpro_checkout-fields .pmpro_checkout-field {
  position: relative;
}
#pmpro_form .pmpro_checkout-fields .pmpro_checkout-field label {
  padding-left: 8px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  font-weight: 300;
  font-family: "Avenir Next light";
}
#pmpro_form .pmpro_checkout-fields .pmpro_checkout-field .pmpro_asterisk {
  position: absolute;
  top: 9px;
  left: 0;
}
#pmpro_form .pmpro_checkout-field input[type="text"],
#pmpro_form .pmpro_checkout-field input[type="email"],
#pmpro_form .pmpro_checkout-field select {
  width: 100%;
  max-width: 100%;
}
#pmpro_form .pmpro_checkout-field-bfirstname,
#pmpro_form .pmpro_checkout-field-blastname,
#pmpro_form .pmpro_checkout-field-bcity,
#pmpro_form .pmpro_checkout-field-bstate,
#pmpro_form .pmpro_checkout-field-bzipcode,
#pmpro_form .pmpro_checkout-field-bcountry,
#pmpro_form .pmpro_checkout-field-bphone,
#pmpro_form .pmpro_checkout-field-bemail,
#pmpro_form .pmpro_checkout-field-bconfirmemail {
  width: 45%;
}
#pmpro_form .pmpro_checkout-field-baddress1,
#pmpro_form .pmpro_checkout-field-baddress2 {
  width: 100%;
}

.pmpro_checkout_gateway-stripe
  form.pmpro_form
  #pmpro_payment_information_fields
  .pmpro_checkout-fields {
  display: flex;
}
#pmpro_form .pmpro_checkout-fields-display-seal {
  display: flex;
  flex-direction: column;
}
#pmpro_form .pmpro_checkout-fields-display-seal .pmpro_checkout-field,
#pmpro_form #pmpro_payment_information_fields .pmpro_checkout-field {
  width: 45%;
}
#pmpro_form
  .pmpro_checkout-fields-display-seal
  .pmpro_checkout-field
  #AccountNumber,
#pmpro_form .pmpro_checkout-fields-display-seal .pmpro_checkout-field #Expiry,
#pmpro_form .pmpro_checkout-fields-display-seal .pmpro_checkout-field #CVV {
  display: flex;
  align-items: center;
}
#pmpro_form
  .pmpro_checkout-fields-display-seal
  .pmpro_checkout-field
  #AccountNumber
  .__PrivateStripeElement,
#pmpro_form
  .pmpro_checkout-fields-display-seal
  .pmpro_checkout-field
  #Expiry
  .__PrivateStripeElement,
#pmpro_form
  .pmpro_checkout-fields-display-seal
  .pmpro_checkout-field
  #CVV
  .__PrivateStripeElement {
  width: 100%;
}
.pmpro_checkout_gateway-stripe
  form.pmpro_form
  #pmpro_payment_information_fields
  div#CVV,
.pmpro_checkout_gateway-stripe
  form.pmpro_form
  #pmpro_payment_information_fields
  div#Expiry,
.pmpro_checkout_gateway-stripe
  form.pmpro_form
  #pmpro_payment_information_fields
  div#AccountNumber {
  width: 100%;
  background-color: white;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 50px;
  color: white;
  padding: 0 0 0 14px;
  outline: none;
  border-radius: 0;
  background-color: white;
  display: grid;
  align-items: center;
}
.pmpro_checkout_gateway-stripe
  form.pmpro_form
  #pmpro_payment_information_fields
  div#CVV
  input,
.pmpro_checkout_gateway-stripe
  form.pmpro_form
  #pmpro_payment_information_fields
  div#Expiry
  input,
.pmpro_checkout_gateway-stripe
  form.pmpro_form
  #pmpro_payment_information_fields
  div#AccountNumber
  input {
  height: 50px;
}
.checkout-page-container {
  display: flex;
  gap: 7%;
  flex-direction: row;
}
.checkout-page-container .billing-details-container {
  width: 62%;
}
.checkout-page-container .billing-details-container hr {
  display: none;
}
.checkout-page-container .other-cart-info {
  width: 31%;
}
.checkout-page-container
  .current-cart-summary
  .cart-summary-container:has(.plan-name-div) {
  border: 1px solid white;
  padding: 50px 30px;
}
.other-cart-info #pmpro_pricing_fields {
  width: 100%;
  margin-top: 50px;
}
.other-cart-info #pmpro_pricing_fields .pmpro_level_name_text {
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}
.other-cart-info #pmpro_pricing_fields .pmpro_level_description_text {
  margin-top: 40px;
}
.other-cart-info #pmpro_pricing_fields .pmpro_level_description_text ul {
  padding: 0;
}
.other-cart-info #pmpro_pricing_fields .pmpro_level_description_text ol li {
  position: relative;
  padding-left: 30px;
}
.other-cart-info
  #pmpro_pricing_fields
  .pmpro_level_description_text
  ol
  li::before {
  content: "";
  background: url(img/check.png);
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  width: 15px;
  height: 15px;
}
.other-cart-info #pmpro_pricing_fields h2 {
  display: flex;
  flex-direction: column;
}
.other-cart-info #pmpro_pricing_fields h2 span {
  margin: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.other-cart-info #pmpro_pricing_fields h2 span a {
  text-decoration: none;
  font-style: normal;
  margin: 50px 0;
  width: 80%;
}
.checkout-page-container .current-cart-summary span.cat-total {
  display: block;
  margin-bottom: 50px;
}
.cart-summary-container .plan-name-div,
.cart-summary-container .price-div {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  text-transform: uppercase;
}
.cart-summary-container .price-div {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 40px;
  padding-top: 45px;
}
.cart-summary-container .plan-name-div .plan_price p,
.cart-summary-container .price-div .total_price:last-child p {
  font-size: 24px;
  line-height: 34px;
  color: #1e71c3;
  font-family: "Avenir Next Bold";
}
.other-cart-info #pmpro_level_cost p {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 40px;
}
.checkout-page #pmpro_account_loggedin {
  background: transparent;
  color: white;
  border: 1px solid;
  border-radius: 0;
  margin-bottom: 40px;
}
.checkout-page #pmpro_account_loggedin a {
  color: #1e71c3;
}
.checkout-page-heading {
  padding: 0 30px;
  margin-bottom: 85px;
}
.checkout-page .pmpro_submit .pmpro_btn.pmpro_btn-submit-checkout,
.checkout-page .pmpro_submit input[type="submit"] {
  width: max-content;
  padding: 15px 80px;
  border: 1px solid white !important;
  margin-top: 70px;
}

/* ======================= My Membership page =========================== */
.my-membership-page .avatar-head-content span,
.iconic-avatar-page .avatar-head-content span,
.entry-content:has(.pmpro_change_password_wrap)
  .pmpro_change_password-field
  label,
.cancel-membership a,
#pmpro_cancel .recent-avatars-head span,
#pmpro_cancel .pmpro_card .pmpro_card_content:has(.pmpro_form_submit) p,
#primary:has(.edd_download_purchase_form) .nav-links a {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Light";
}
.cancel-membership a,
#primary:has(.edd_download_purchase_form) .nav-links a {
  font-weight: 600;
  color: #1e71c3;
  padding-top: 0;
  text-decoration: none;
}
.my-membership-page .purchase-content,
.purchase-content_1 {
  padding: 40px 30px;
  margin: 30px 30px 0 30px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: var(--dark-background-color);
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-radius: 0;
}
#pmpro_cancel .pmpro_card {
  margin: 30px 30px 0 30px;
  border: 0;
  background: var(--dark-background-color);
  gap: 30px;
  border-radius: 0;
}
.my-membership-page .purchase-content p,
.purchase-content_1 p,
.parent_div.media-css .media-text {
  font-size: 22px;
  line-height: 32px;
  color: #ffffff;
  font-family: "MazzardM Regular";
}
.purchase-content_1 {
  margin-bottom: 40px;
}
#primary:has(.edd_download_purchase_form) .purchase-content_1 {
  margin: 0;
}
.my-membership-page .membership-level-main_c .membership-levels-container_c {
  position: relative;
  width: 100%;
}
.my-membership-page .membership-level-main_c {
  padding: 0 50px 0 30px;
  margin-top: 75px;
  position: relative;
}
.my-membership-page .membership-level-main_c .cancel-membership {
  margin-bottom: 40px;
}
.my-membership-page .membershp-feature_c ul,
.my-membership-page .membershp-feature_c ol {
  list-style: none;
}
.my-membership-page .membershp-feature_c ul {
  padding: 20px 0;
}
.my-membership-page .claim_reward {
  margin-top: 10px;
}
.my-membership-page
  .membership-level-main_c
  .membership-level-start_c.active
  a {
  background-color: #000000;
  color: white;
}
.my-membership-page
  .membership-level-main_c
  .membership-level-start_c.active
  a:hover {
  background-color: white;
  color: #1e71c3;
}
.my-membership-page .membership-heading,
.my-membership-page .membership-another-heading {
  font-size: 24px;
  line-height: 34px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  width: 100%;
}
.my-membership-page .membership-another-heading .stipe-powered,
.page-para .stipe-powered,
.social-login .textwidget p.stipe-powered,
p.stipe-powered {
  text-transform: math-auto;
  margin-top: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 22px;
  line-height: 32px;
  font-family: "Avenir Next Regular";
}
.my-membership-page .membership-another-heading .stipe-powered,
#edd_checkout_form_wrap p.stipe-powered {
  justify-content: flex-start;
  width: 100%;
}
.social-login .textwidget p.stipe-powered,
p.stipe-powered {
  margin: 10px auto 40px auto;
  justify-content: center;
}
.entry-content:has(.purchase-content_1) p.stipe-powered {
  margin: 10px auto 40px 30px;
  justify-content: flex-start;
}
#primary:has(.edd_download_purchase_form)
  .entry-content:has(.purchase-content_1)
  p.stipe-powered {
  margin: 10px 0 40px 0;
}
.my-membership-page .membership-another-heading .stipe-powered img,
.social-login .textwidget p.stipe-powered img,
.page-para .stipe-powered img,
.stipe-powered img {
  height: 25px;
}
#pmpro_account #pmpro_account-invoices,
.my-membership-page #pmpro_account-orders,
#pmpro_order_list,
.pmpro_invoice_wrap,
#pmpro_order_list {
  padding: 0 40px;
  margin-top: 100px;
  border: 0;
}
.my-membership-page #pmpro_account-orders .pmpro_card,
#pmpro_order_list .pmpro_card {
  border-radius: 0;
}
#pmpro_account #pmpro_account-invoices h2,
#pmpro_account .pmpro_table tr th,
#pmpro_account .pmpro_table tr td,
.my-membership-page .pmpro_actionlinks a,
.pmpro_invoice_wrap tr th,
.pmpro_invoice_wrap tr td,
.pmpro_invoice_wrap tr td a,
.pmpro_invoice_wrap a,
.pmpro_confirmation_wrap .pmpro_actions_nav-right a,
#pmpro_account-orders h2,
#pmpro_account-orders table th,
.my-membership-page .pmpro_card_actions a,
#pmpro_account-orders table td,
#pmpro_order_list h2,
#pmpro_order_list th,
#pmpro_order_list td,
.pmpro_actions_nav a,
#pmpro_cancel .pmpro_card table th,
#pmpro_cancel .pmpro_card table td,
.manage-profile-page thead tr th {
  font-size: 28px;
  line-height: 36px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Avenir Next Regular";
  font-weight: 500;
}
#pmpro_cancel .pmpro_card table th,
#pmpro_cancel .pmpro_card table td,
#pmpro_cancel .pmpro_card table th a,
#pmpro_cancel .pmpro_card table td a,
#pmpro_cancel .pmpro_card .pmpro_card_actions a {
  font-size: 18px;
  line-height: 16px;
  color: white;
  text-decoration: none;
}
#pmpro_account .pmpro_table,
.pmpro_invoice_wrap table,
#pmpro_account-orders table,
#pmpro_order_list table,
#pmpro_cancel .pmpro_card table {
  border-collapse: collapse;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background-color: transparent;
}
#pmpro_account-orders .pmpro_card,
#pmpro_account-orders .pmpro_card_content,
#pmpro_order_list .pmpro_card_content {
  background-color: transparent;
  border: 0;
  padding: 0;
}
#pmpro_account .pmpro_table tr th,
#pmpro_account .pmpro_table tr td,
.pmpro_invoice_wrap tr th,
.pmpro_invoice_wrap tr td,
#pmpro_account-orders table th,
#pmpro_account-orders table td,
#pmpro_order_list table th,
#pmpro_order_list table td,
#pmpro_cancel .pmpro_card table th,
#pmpro_cancel .pmpro_card table td {
  padding: 40px 0 40px 50px;
  text-align: left;
  text-transform: capitalize;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: 600;
  background-color: transparent;
}
#pmpro_account .pmpro_table tr td,
.pmpro_invoice_wrap table tr td,
#pmpro_account-orders tbody tr th,
#pmpro_account-orders table td,
#pmpro_order_list tbody tr th,
#pmpro_order_list table td {
  padding: 35px 50px;
  font-weight: 400;
  border-bottom: 0;
  border-top: 0;
}
#pmpro_account .pmpro_table tr td a,
.pmpro_invoice_wrap table tr td a,
#pmpro_account-orders table a,
#pmpro_order_list table a {
  color: white;
  text-decoration: none;
}

#pmpro_account-orders table span,
#pmpro_order_list table span {
  border-radius: 0;
}
#pmpro_account #pmpro_account-invoices h2,
#pmpro_account-orders h2,
#pmpro_order_list h2 {
  margin-bottom: 60px;
}
.my-membership-page .pmpro_actionlinks a,
.pmpro_actions_nav a,
.pmpro_confirmation_wrap .pmpro_actions_nav-right a,
.my-membership-page .pmpro_card_actions a,
.pmpro_actions_nav a,
#pmpro_cancel .pmpro_card .pmpro_card_actions a {
  letter-spacing: 1px;
  color: #1e71c3;
  text-transform: capitalize;
  text-decoration: none;
}
#pmpro_cancel .pmpro_card .pmpro_card_actions a {
  color: white;
}
.my-membership-page .pmpro_actionlinks a:hover,
.pmpro_invoice_wrap .pmpro_actions_nav a:hover,
.my-membership-page .pmpro_card_actions a:hover,
.pmpro_actions_nav a:hover {
  color: white;
  opacity: 1;
}
.my-membership-page .pmpro_actionlinks,
.pmpro_invoice_wrap .pmpro_actions_nav .pmpro_actions_nav-right,
.pmpro_confirmation_wrap .pmpro_actions_nav-right,
.my-membership-page .pmpro_card_actions,
.pmpro_actions_nav .pmpro_actions_nav-right {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 0;
}
.my-membership-page .pmpro_card_actions {
  border: 0px !important;
}
.entry-content:has(.pmpro_change_password_wrap) {
  padding: 0 40px;
}
.entry-content .pmpro_change_password_wrap {
  margin-top: 40px;
}
.entry-content:has(.pmpro_change_password_wrap) input[type="password"],
.entry-content:has(.pmpro_change_password_wrap) input[type="text"],
.entry-content:has(.pmpro_change_password_wrap) input[type="email"] {
  width: 100%;
  max-width: 100%;
}
.entry-content:has(.pmpro_change_password_wrap) .lite {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  font-family: "MazzardM Light";
}
.entry-content:has(.pmpro_change_password_wrap) .pmpro_submit hr {
  display: none;
}
.entry-content:has(.pmpro_change_password_wrap) .pmpro_submit {
  display: flex;
  margin-top: 40px;
}
.entry-content:has(.pmpro_change_password_wrap) .pmpro_submit input {
  opacity: 1;
}
.entry-content:has(.pmpro_change_password_wrap)
  .pmpro_change_password-field
  label {
  padding-left: 10px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.entry-content .pmpro_change_password-field {
  position: relative;
}
.entry-content .pmpro_change_password_wrap .pmpro_asterisk {
  position: absolute;
  top: 6px;
  left: 0;
}
/* confirmation page  */
.pmpro_confirmation_wrap {
  margin-top: 50px;
}
.pmpro_confirmation_wrap > p,
.pmpro_invoice_wrap > p,
.pmpro-confirmation .pmpro_section > p {
  padding: 0 40px;
  font-size: 20px;
  line-height: 30px;
}
.pmpro_confirmation_wrap .pmpro_invoice_wrap,
.pmpro_invoice_wrap,
#pmpro_order_list,
#pmpro_order_single {
  margin-top: 50px;
  position: relative;
}
#pmpro_order_single .pmpro_card {
  background-color: transparent;
  margin: 0 40px;
}
.pmpro_confirmation_wrap .pmpro_invoice_wrap hr,
.pmpro_invoice_wrap hr {
  display: none;
}
.pmpro_confirmation_wrap
  .pmpro_invoice_wrap
  .pmpro_actions_nav
  .pmpro_actions_nav-right,
.pmpro_invoice_wrap .pmpro_actions_nav .pmpro_actions_nav-right {
  text-align: right;
  margin: 0px;
}
.pmpro_confirmation_wrap .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro_invoice_wrap .pmpro_actions_nav {
  margin-top: 20px;
}
.pmpro_confirmation_wrap .pmpro_invoice_wrap ul,
.pmpro_invoice_wrap ul {
  padding: 0;
  margin-bottom: 30px;
}
.pmpro_confirmation_wrap .pmpro_invoice_wrap > a,
.pmpro_invoice_wrap > a {
  position: absolute;
  top: 10px;
  margin: 0;
  right: 40px;
  line-height: 28px;
  padding-left: 30px;
}
.pmpro_confirmation_wrap .pmpro_invoice_wrap .pmpro_invoice_details,
.pmpro_invoice_wrap .pmpro_invoice_details {
  border: 1px solid;
  padding: 30px 30px 15px 30px;
}
.pmpro_confirmation_wrap .pmpro_invoice_wrap .pmpro_invoice_details div p span,
.pmpro_invoice_wrap .pmpro_invoice_details div p span,
.pmpro_confirmation_wrap .pmpro_invoice_wrap .pmpro_invoice_details div p,
.pmpro_invoice_wrap .pmpro_invoice_details div p,
.pmpro_confirmation_wrap
  .pmpro_invoice_wrap
  .pmpro_invoice_details
  > div
  strong,
.pmpro_invoice_wrap .pmpro_invoice_details > div strong {
  font-size: 18px;
  line-height: 28px;
  border: 0;
}
.pmpro_confirmation_wrap
  .pmpro_invoice_wrap
  .pmpro_invoice_details
  > div
  strong,
.pmpro_invoice_wrap .pmpro_invoice_details > div strong {
  margin-bottom: 20px;
  display: block;
}
.pmpro-confirmation:has(#pmpro_order_single-meta) .pmpro_card_content li,
.pmpro-confirmation:has(#pmpro_order_single-meta) .pmpro_card_content li span {
  color: white;
  font-size: 18px;
  line-height: 28px;
}
.pmpro-confirmation:has(#pmpro_order_single-meta)
  .pmpro_card_content
  #pmpro_order_single-items
  h3 {
  color: white;
}
.pmpro-confirmation:has(#pmpro_order_single-meta)
  .pmpro_card_content
  .pmpro_table,
.pmpro-confirmation:has(#pmpro_order_single-meta)
  .pmpro_card_content
  .pmpro_table
  th,
.pmpro-confirmation:has(#pmpro_order_single-meta)
  .pmpro_card_content
  .pmpro_table
  td,
.pmpro-confirmation:has(#pmpro_order_single-meta)
  .pmpro_card_content
  .pmpro_table
  p {
  color: white;
  background: black;
}
.pmpro-confirmation:has(#pmpro_order_single-meta)
  .pmpro_card_content
  .pmpro_table,
.pmpro-confirmation:has(#pmpro_order_single-meta)
  .pmpro_card_content
  .pmpro_table
  th,
.pmpro-confirmation:has(#pmpro_order_single-meta)
  .pmpro_card_content
  .pmpro_table
  td {
  border: 1px solid white;
}
.pmpro-confirmation:has(#pmpro_order_single-meta) .pmpro_card_actions button {
  color: #1e71c3;
}
.pmpro-confirmation:has(#pmpro_order_single-meta)
  .pmpro_card
  .pmpro_card_title
  span {
  border-radius: 0;
}
.pmpro-confirmation:has(#pmpro_order_single-meta) .pmpro_actions_nav span {
  margin: 0;
}
.pmpro-confirmation:has(#pmpro_order_single-meta)
  .pmpro_actions_nav
  span.pmpro_actions_nav-right {
  text-align: right;
}
.pmpro-confirmation:has(#pmpro_order_single-meta) .pmpro_actions_nav {
  padding: 0 30px;
}
/* purchase credit  */
.single-download form.edd_download_purchase_form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
  flex-direction: column;
}
.single-download .purchase-content li,
#edd_checkout_form_wrap div,
#edd_checkout_form_wrap p {
  cursor: auto;
}
#primary:has(.edd_download_purchase_form) {
  padding-left: 50px;
  padding-right: 50px;
}
#primary:has(.span_minutes) .minutes-heading {
  display: block;
  margin-bottom: 10px;
}
#primary:has(.edd_download_purchase_form) .nav-links {
  margin: 20px 0;
}
/* purchase credit checkout  */

#edd_checkout_form_wrap {
  padding: 0 40px;
  gap: 0;
}
#edd_checkout_form_wrap #edd_checkout_cart_form .edd-blocks-cart {
  padding: 30px;
}
#edd_checkout_form_wrap #edd_purchase_submit {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 100px;
}
#edd_checkout_form_wrap .edd_cart_actions a.edd-blocks-cart__action-remove {
  filter: invert(1);
}
#edd_checkout_form_wrap fieldset {
  margin: 40px 0 0 0;
}
#edd_checkout_form_wrap fieldset fieldset {
  margin: 20px 0 0 0;
  padding: 20px;
}
#edd_checkout_form_wrap .edd-blocks__checkout-user {
  margin-bottom: 40px;
}
#edd_checkout_form_wrap label {
  display: block;
  margin-bottom: 10px;
}
#edd_checkout_form_wrap p {
  margin-top: 10px;
}
#edd_checkout_form_wrap a {
  text-decoration: none;
}
#edd_checkout_form_wrap .edd-terms-agreement,
#edd_checkout_form_wrap .edd-privacy-policy-agreement {
  display: flex;
  align-items: center;
  gap: 10px;
}
#edd_checkout_form_wrap .edd-terms-agreement label,
#edd_checkout_form_wrap .edd-privacy-policy-agreement label {
  margin: 0;
}
#edd_checkout_form_wrap #edd_checkout_cart_form {
  margin-top: 20px;
}
/* #edd_checkout_form_wrap fieldset #edd-card-wrap iframe {
  background-color: white;
  padding: 10px !important;
} */

/* membership cancelation page */
#pmpro_cancel .recent-avatars-head {
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
#pmpro_cancel .pmpro_card .pmpro_card_content {
  padding: 0;
}
#pmpro_cancel .pmpro_card .pmpro_card_content:has(.pmpro_form_submit) {
  padding: 40px;
}
#pmpro_cancel .pmpro_card .pmpro_spacer {
  display: none;
}
#pmpro_cancel .pmpro_card .pmpro_card_actions {
  border: 0;
  padding-bottom: 40px;
}
/* ======================= code-of-conduct-page =========================== */
.code-of-conduct-page,
.terms-page,
.privacy-page,
.disclaimer-page {
  padding: 0 40px;
}
.code-of-conduct-page .coc-requirements {
  margin-top: 40px;
  border: 1px solid white;
  padding: 10px 30px 30px 30px;
}
.code-of-conduct-page .coc-requirements .terms,
.terms-page li,
.privacy-page li,
.disclaimer-page li {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  font-family: "Avenir Next Light";
  margin-top: 20px;
  position: relative;
  padding-left: 10px;
}
.code-of-conduct-page .coc-requirements .terms::before {
  right: auto;
  left: -20px;
  bottom: auto;
  top: 5px;
  width: 22px;
  height: 20px;
}
.code-of-conduct-page .content-moderation {
  margin-top: 40px;
}
/* manage profile page */
.manage-profile-page .profile_main_form,
.entry-content:has(.edit-avatar-page) .profile_main_form {
  overflow: auto;
  padding-right: 20px;
  display: flex;
  align-items: center;
}
.manage-profile-page .profile_main_form:has(.accordian-clicked),
.entry-content:has(.edit-avatar-page)
  .profile_main_form:has(.accordian-clicked) {
  align-items: flex-start;
}
.manage-profile-page .profile_main_form #new_profile_form,
.entry-content:has(.edit-avatar-page) .profile_main_form #new_profile_form,
.manage-profile-page .profile_main_form .add-new-user,
.entry-content:has(.edit-avatar-page) .profile_main_form .add-new-user,
.add-new-user .accordion-outer-div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.manage-profile-page .add-profile-inner-container {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.manage-profile-page
  div.dt-container.dt-empty-footer
  tbody
  > tr:last-child
  > * {
  border-bottom: 1px solid rgb(255 255 255 / 30%);
}
.manage-profile-page .profile_body td.dt-type-date,
.manage-profile-page thead tr th,
.manage-profile-page .saved-chat-container .table.table-bordered thead tr th {
  text-align: left;
}
.add-new-user .personal-info-div,
.add-new-user .personality-traits-div,
.add-new-user .additional-traits-div,
.add-new-user .specific-requirement-div {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 20px;
  min-height: 0;
  z-index: -1;
}
.add-new-user .personal-info-div div,
.add-new-user .personal-info-div label,
.add-new-user .personality-traits-div div,
.add-new-user .personality-traits-div label,
.add-new-user .additional-traits-div div,
.add-new-user .additional-traits-div label,
.add-new-user .specific-requirement-div div,
.add-new-user .specific-requirement-div label {
  z-index: -1;
  height: 0;
  overflow: hidden;
}
.add-new-user .personal-info-outer-div,
.add-new-user .personality-traits-outer-div,
.add-new-user .additional-traits-outer-div,
.add-new-user .specific-requirement-outer-div {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 500ms ease-out, opacity 500ms 2ms ease-in-out;
  opacity: 0;
}
.add-new-user label.user_specific_requirements.accordian-clicked + * {
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.5s ease-out, opacity 500ms ease-in-out;
  opacity: 1;
}
.add-new-user label.user_specific_requirements.accordian-clicked + * > div,
.add-new-user label.user_specific_requirements.accordian-clicked + * > div div,
.add-new-user
  label.user_specific_requirements.accordian-clicked
  + *
  > div
  label {
  z-index: 1;
  height: auto;
  overflow: visible;
}
.new-profile-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 32%;
}
.error_profile {
  display: block;
  width: 100%;
  color: red;
  font-size: 18px;
  line-height: 28px;
  font-family: "MazzardM Light";
}
.add-new-user .new-profile-field input {
  width: 100%;
}
.categ_popup_heading {
  margin-bottom: 20px;
}
.add-new-user > label {
  text-align: -webkit-right;
  font-family: "MazzardM Light";
}
.add-new-user .new-user-separator,
.add-new-user .user_specific_requirements {
  width: 100%;
  text-align: left;
}
.add-new-user .new-user-separator,
.add-new-user .prefer_active_voice_div,
.add-new-user .use_technical_jargon_div,
.add-new-user .avoid-slang-div,
.add-new-user .allow_profanity_div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.add-new-user .use_technical_jargon_div {
  margin-bottom: 20px;
}
.manage-profile-page .add-new-user label,
.entry-content:has(.edit-avatar-page) .add-new-user label {
  font-family: "MazzardM Light";
}
.save-profile-button {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.save-profile-button #save_profile {
  width: max-content;
}
.manage-profile-page .add-new-user label,
.entry-content:has(.edit-avatar-page) .add-new-user label {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
}
.add-new-user label.new-user-separator,
.add-new-user label.user_specific_requirements,
.entry-content:has(.edit-avatar-page) .add-new-user label.new-user-separator,
.entry-content:has(.edit-avatar-page)
  .add-new-user
  label.user_specific_requirements {
  font-size: 24px;
  line-height: 24px;
  text-align: left;
  justify-content: flex-start;
  z-index: 1;
}
.add-new-user .accordion-opener {
  display: block;
  cursor: pointer;
}
.add-new-user .accordion-outer-div {
  position: relative;
  border: 1px solid;
  padding: 10px;
  gap: 0;
}
.add-new-user .accordion-outer-div:has(.accordian-clicked):after {
  top: 18px;
  bottom: auto;
  transform: rotate(181deg);
  transition: all 400ms ease-in-out;
}
.add-new-user .accordion-outer-div:has(.accordian-clicked) {
  padding: 20px;
  gap: 10px;
}
.add-new-user .prefer_active_voice_div,
.add-new-user .use_technical_jargon_div,
.add-new-user .allow_profanity_div,
.add-new-user .avoid-slang-div {
  width: 32%;
  justify-content: flex-start;
}
.add-new-user .prefer_active_voice_div label,
.add-new-user .use_technical_jargon_div label,
.add-new-user .allow_profanity_div label,
.add-new-user .avoid-slang-div label {
  margin: 0;
}
.add-new-user .prefer_active_voice_div label:first-child,
.add-new-user .use_technical_jargon_div label:first-child,
.add-new-user .avoid-slang-div label:first-child,
.add-new-user .prefer_active_voice_div .tooltip-label,
.add-new-user .use_technical_jargon_div .tooltip-label,
.add-new-user .allow_profanity_div .tooltip-label,
.my-recent-avatars .create-new label {
  margin-right: 10px;
  --balloon-color: white;
}
.add-new-user .prefer_active_voice_div label:first-child::after,
.add-new-user .use_technical_jargon_div label:first-child::after,
.add-new-user .avoid-slang-div label:first-child::after,
.add-new-user .allow_profanity_div label:first-child::after,
.add-new-user .prefer_active_voice_div .tooltip-label::after,
.add-new-user .use_technical_jargon_div .tooltip-label::after,
.add-new-user .allow_profanity_div .tooltip-label::after,
.my-recent-avatars .create-new label::after {
  color: black;
}
.add-new-user .prefer_active_voice_div .tooltip-label i,
.add-new-user .use_technical_jargon_div .tooltip-label i {
  color: black;
  background-color: white;
  border-radius: 50%;
  padding: 5px 8px;
  margin-left: 4px;
}
.add-new-user
  label.user_specific_requirements.accordian-clicked
  + *
  > div
  label:first-child {
  margin: 0;
}
#user_profiles_list {
  width: 100% !important;
}
.profile_body td.edit-profile button {
  width: max-content;
}
/* ======================= UI/UX improvements =========================== */
.home #pg-3968-0 #homepage-header-logo-cont {
  display: none;
}
/* ======================= website footer =========================== */

.entry-footer .edit-link {
  display: none;
}

#colophon.site-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9;
  background-color: #222224;
  display: flex;
  justify-content: space-between;
  padding: 20px 40px 20px 50px;
  align-items: center;
}
body:has(.expanded-chat) #colophon.site-footer {
  display: none;
}
body:has(.gpt-media) #colophon.site-footer {
  position: fixed;
  left: 0;
}
#colophon.site-footer .social-icons {
  width: 300px;
}
#colophon.site-footer .right-footer {
  width: calc(100% - 300px);
  display: flex;
  justify-content: space-between;
}
#colophon.site-footer .right-footer p {
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 300;
  font-family: "MazzardM Thin";
}

#colophon .social-icons i {
  font-size: 20px;
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff;
  align-content: center;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

#colophon .social-icons i::before {
  color: white;
}
#colophon .netz a {
  text-decoration: none;
  margin: 0;
  color: white;
  font-weight: bold;
}
.about-avatar a {
  width: max-content;
}
/* ======================= Usage Report page  =========================== */

.report_summary {
  margin-top: 80px;
}
.report_summary div {
  width: auto;
  text-align: left;
  margin-top: 5px;
  font-weight: 400;
}
.report_summary div span {
  font-weight: bold;
}
#ui-datepicker-div {
  background-color: black;
  padding: 20px;
  color: white;
}
#ui-datepicker-div a {
  color: white;
  text-decoration: none;
}
.augmentai-usage #usage_history {
  width: 100% !important;
}
.saved-chat-container:has(.date_section-data)
  div.dt-container.dt-empty-footer
  tbody
  > tr:last-child
  > * {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.my-history-page .tab-header button {
  width: auto;
}
.my-history-page .tab-header {
  width: max-content;
}
.my-history-page .tab-header-outer {
  overflow: auto;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.my-billing-tab-1 {
  display: none;
}
.member_section .pmpro_card {
  border-radius: 0;
}

/* ======================= Media page =========================== */

.parent_div.media-css {
  padding: 20px 50px 50px 50px;
}
.parent_div.media-css .media-text {
  text-align: left;
}

/* =======================Report  Form =========================== */

.first {
  display: flex;
  gap: 20px;
}
.first-name {
  display: flex;
  flex-direction: column;
  width: 50%;
  gap: 10px;
}
.first-name label {
  font-size: 18px;
  line-height: 28px;
  font-family: "MazzardM Light";
}
.first-name input {
  background-color: transparent;
  border: 1px solid white;
  height: 50px;
  color: white;
}
.second {
  display: flex;
  gap: 20px;
  padding-top: 20px;
}
.second-name {
  display: flex;
  flex-direction: column;
  width: 50%;
  gap: 10px;
}
.second-name label {
  font-size: 18px;
  line-height: 28px;
  font-family: "MazzardM Light";
}
input::file-selector-button {
  font-weight: bold;
  color: black;
  background-color: white;
  padding: 10px;
  border: 1px solid white;
  font-size: 16px;
  line-height: 26px;
  font-family: "MazzardM Light";
}

.media-report-form span {
  font-size: 18px;
  line-height: 28px;
  font-family: "MazzardM Light";
}
textarea#report_reason {
  height: 50px;
  background: transparent;
  border: 1px solid white;
  font-family: "MazzardM Light";
  color: white;
}

.confirmation {
  display: flex;
  gap: 20px;
}
input[type="submit"] {
  background-color: white;
  color: #1e71c3;
  padding: 12px 20px;
  font-size: 20px;
  line-height: 21px;
  border: 1px solid white;
  font-weight: bold;
  font-family: "Avenir Next Regular";
}
.submit-form :hover {
  background-color: black;
  color: white;
  transition: background-color 0.3s ease-in-out, transform 0.2s ease;
}

button#report_content_button {
  background-color: white;
  color: #1e71c3;
  padding: 12px 20px;
  font-size: 20px;
  line-height: 21px;
  border: 1px solid white;
  font-weight: bold;
  font-family: "Avenir Next Regular";
  transition: background-color 0.3s ease-in-out, transform 0.2s ease;
}
button#report_content_button:hover {
  background-color: black;
  color: white;
}
.confirmation p {
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 1px;
}
input::placeholder {
  color: gray;
  font-size: 16px;
  line-height: 26px;
  font-family: "Avenir Next Regular";
  padding: 0 0 0 14px;
}
textarea::placeholder {
  color: gray;
  font-size: 16px;
  line-height: 26px;
  font-family: "Avenir Next Regular";
  padding: 10px 0 0 14px;
}
.form-check {
  padding: 30px 0;
}
.media-report-form {
  padding: 10px 30px;
}
form#report_sharing_form {
  padding-top: 20px;
}
span.upload_message {
  padding: 0 0 0 30px;
}

/* privacey and term pageas  */
.privacy-page br,
.terms-page br {
  display: none;
}
.privacy-page br.only-br {
  display: block;
}

/* new login page  */

#email-check-form .form-group {
  display: flex;
  flex-direction: column;
}
#email-check-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
#email-check-form input[type="submit"] {
  width: 100%;
}
.login-step-2 .social-login.panel-row-style {
  display: none;
}
.login-step-1 #email-check-form .form-group label {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
/* ======================= login page changes=======================  */
.login-step-2 #loginform p.login-password{
  position: relative;
}
.login-step-2 #loginform span.pmpro_icon.pmpro_icon-eye {
  position: absolute;
  top: 46px;
  /* left: 0; */
  right: 15px;
}
.login-step-2 #loginform  span.pmpro_form_field-password-toggle-state,.login-step-2 .login-username , #pl-5109 #panel-5109-0-0-0,.login-step-2.pmpro-login #primary .pmpro_login_wrap #loginform p.login-username{
  display: none;
}
.login-step-2 div#g-recaptcha-1, .login-step-1 div#g-recaptcha-1 {
  display: flex;
  justify-content: center;
}
#step-2 #pmpro_login a {
  font-size: 14px;
}
#step-1 div#step-1-error {
  background-color: black;
  border-color: #ffffff;
  color: #ffffff;
}
#email-check-form {
  display: flex
;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
  margin-left: 22px;
  /* width: 12%; */
  margin-right: 22px;
}

.entry-content #pl-5109 .so-panel {
  margin-bottom: 10px;
}
#panel-5109-1-0-1 a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_openid_mo_btn-customtheme.mo_openid_mo_btn-custom-dec.login-button.mo_btn_transform {
  display: flex;
      align-items: center;
      gap: 19px;
      margin-right: 22px;
      position: relative;
  padding-left: 12px !important;

}

.mo_btn-social>:first-child {
  position: static!important;
  padding: 0 !important;
}
/* ======================= Register page changes=======================  */
button#register-btn-first {
  width: 70%;
  font-size: 18px;
}

  #register-1 .login-content a {
    font-size: 16px;
}
.register-container #register-2 .registration-content {
  width: auto;
}
#register-2 p.login-here {
  text-align: center;
}
h2.home-h2 {
  text-align: center;
}
#register-1 a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_openid_mo_btn-customtheme.mo_openid_mo_btn-custom-dec.login-button.mo_btn_transform {
  display: flex
;
  align-items: center;
  gap: 15px;
  padding-left: 12px !important;
}
/* ======================= ECSU form style=======================  */
.cf7-avatar-form {
  background: #1a1a1a;
  padding: 24px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-family: "MazzardM Light", sans-serif;
  max-width: 910px;
  margin: 40px auto;
  font-size: 14px;
}

.cf7-avatar-form label,.Thank  {
  display: block;
  margin-top: 18px;
  font-weight: 600;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: "MazzardM Light", sans-serif;
}

.cf7-avatar-form input[type="text"],
.cf7-avatar-form input[type="email"],
.cf7-avatar-form textarea {
  width: 100%;
  padding: 12px;
  margin-top: 6px;
  border: none;

  background-color: #2a2a2a;
  color: #ffffff;
  font-size: 14px;
  font-family: "MazzardM Light", sans-serif;
}

.cf7-avatar-form textarea {
  min-height: 120px;
}

.cf7-avatar-form input[type="submit"] {
  background-color: #ffffff;
  color: #000000;
  border: none;
  padding: 12px 24px;

  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "MazzardM Light", sans-serif;
  margin-top: 24px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.cf7-avatar-form input[type="submit"]:hover {
  background-color: #e6e6e6;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #ffffff;
}
.cf7-avatar-form h3{
  color:white;
}
.wpcf7-form-control:focus-visible {
  outline: none;
  border: none;
}
form:has(.cf7-avatar-form) {
  max-width: 910px;
  margin: 0 auto;
  padding: 0 30px;
}
.cf7-avatar-form h3 {
  color: white;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  font-family: "Avenir Next Regular";
  text-align: center;
  letter-spacing: 1px;
}
.cf7-avatar-form .subheading{
  font-size: 19px;
  line-height: 29px;
  font-weight: 300;
  font-family: "Avenir Next Regular";
  text-align: center;
}
p.content {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  font-family: "Avenir Next Regular";
  text-align: center;
}

.splide__slide.is-visible.is-active .avatar-redirection {
  opacity: 1;
}



/* ======================= Media Queries =========================== */

@media screen and (max-width: 1680px) {
  /* styling fonts on small screens  */
  #masthead .create-avtars p,
  .login-cont .textwidget p,
  .social-login .textwidget p,
  .register-container .login-here,
  .tab button,
  .my-history-page .tab-header button {
    font-size: 16px;
    line-height: 26px;
  }
  #email-check-form .form-group {
    font-size: 16px;
    line-height: 26px;
    
}
  .pre-heading p,
  .register-container .continue-with,
  .register-container .policy-acceptance p,
  .my-profile-page .useful-links a,
  .avatar-interaction-page .single_avatar_setting p,
  .catalog-content .messages-content_demo .message p,
  .avatar-interaction-page .message p,
  .avatar-interaction-page .message audio,
  .saved-chat-container #message-data .msg_text_data p,
  .saved-chat-container #message-data .msg_text_data audio {
    font-size: 16px;
    line-height: 26px;
  }

  .video-text p,
  .agument-steps .how-to-content p,
  .page-para p,
  .page-header p,
  .search-heading label,
  .faq-acc .sow-accordion .sow-accordion-panel .sow-accordion-panel-header,
  .edit-profile-page
    #member-profile-edit
    .pmpro_member_profile_edit-fields
    label,
  .my-profile-page .data-div,
  .my-profile-page .edit-password,
  .contact-cont .info-data p,
  .login-heading .login-p p,
  .pmpro-login .login-submit .button,
  .register-container .build-with-ai,
  .register-container .submit-button .btn,
  .edit-profile-page #member-profile-edit .pmpro_submit input[type="submit"],
  .edit-profile-page #member-profile-edit .pmpro_submit input[type="button"],
  .pmpro-levels .membership-price p,
  .pmpro-levels
    .membership-levels-container
    .membership-level
    .level-heading
    h3,
  .pmpro-levels .membershp-feature ul > li,
  .pmpro-levels
    .membership-levels-container
    .membership-level
    .membership-level-page
    a.pmpro_btn,
  #confirmation_box .add_to_avatar,
  #confirmation_box_g .add_to_avatar_g,
  .history-container .clear-chat-result,
  .saved-chat-container #message-data .move_data button,
  #customPopup .modal-footer button,
  #custom-popup #delete-button,
  .add-category-container button,
  .manage-avatar-page .edit-category button,
  .catalog-content .categ_main_form form button,
  .category-change-popup #category-change-form button,
  .edit-avatar-page .save-avatar button,
  .edit-avatar-page .save-avatar a,
  #set-voice .set-voice-tab button,
  .recent-avatar-header .generate-avatar-data .generate-avatar-status,
  .profile-header p,
  .saved-chat-container .table.table-bordered thead tr th,
  .saved-chat-container .chat-dropdown-sec .filter-title,
  .saved-chat-container .chat-dropdown-sec select,
  .saved-chat-container .filter-section .chat-dropdown-sec input,
  .avatar-interaction-page .single_avatar_setting h2,
  .pmpro-login #primary .pmpro_login_wrap #loginform .login-submit .button,
  .other-cart-info #pmpro_level_cost p,
  .pmpro-levels .membership-price p,
  .pmpro-levels
    .membership-levels-container
    .membership-level
    .level-heading
    h3,
  .other-cart-info #pmpro_pricing_fields h2,
  .my-membership-page .membership-level-main_c h3,
  .my-membership-page .membership-level-main_c .membership-price_c p,
  .edd_purchase_submit_wrapper .edd_go_to_checkout,
  .pmpro-levels .membershp-feature ul > li,
  .other-cart-info
    #pmpro_pricing_fields
    .pmpro_level_description_text
    li:has(ol),
  .my-membership-page .membership-level-main_c li:has(ol),
  .my-membership-page .avatar-head-content span,
  .entry-content:has(.pmpro_change_password_wrap)
    .pmpro_change_password-field
    label,
  .entry-content:has(.pmpro_change_password_wrap) .pmpro_submit input,
  .single-download form.edd_download_purchase_form button.edd-add-to-cart,
  #edd_checkout_form_wrap fieldset input[type="submit"],
  .edit-avatar-body .edit-avatar-content button,
  .avtar-lab-listing .categories_div button,
  .show_buttons .create_avatar_via_prompt,
  .my-membership-page .purchase-content p,
  #set-voice .voice_selection .select-button button,
  .home-custom-code p.avtar-name,
  #member-profile-edit .pmpro_card .pmpro_form_field label {
    font-size: 18px;
    line-height: 28px;
  }

  .avtar-lab-listing .categories_div button {
    font-size: 18px;
    line-height: 18px;
  }
  .page-heading p,
  .feature-cont .feature-info p,
  .loop-content p,
  .faq-acc .sow-accordion .sow-accordion-panel .sow-accordion-panel-content,
  .contact-cont .info-heading p,
  .my-recent-avatars-page .avtar-name,
  .collection_list .avtar-name,
  .my-recent-avatars .view-all p,
  .avatar-container span,
  .avtar-lab-listing .avtar-name,
  .avatar-interaction-page .post_title_data,
  .avatar-interaction-page .avatar_desc,
  .your-lab .lab-para,
  .create-avatar-section .step1-text,
  .create-avatar-section .step2-text,
  .create-avatar-section .create-avatar-category span.or,
  .upload-img--inner-container span.or,
  .create-avatar-section .upload-img p,
  .pmpro-login #primary .pmpro_login_wrap #loginform .login-submit .button,
  .cart-summary-container .plan-name-div .plan_price p,
  .cart-summary-container .price-div .total_price:last-child p,
  .cart-summary-container .plan-name-div,
  .cart-summary-container .price-div,
  #pmpro_form .pmpro_checkout-fields .pmpro_checkout-field label,
  .my-membership-page .membership-heading,
  .my-membership-page .membership-another-heading,
  #pmpro_account #pmpro_account-invoices h2,
  #pmpro_account .pmpro_table tr th,
  #pmpro_account .pmpro_table tr td,
  .my-membership-page .pmpro_actionlinks a,
  .pmpro_invoice_wrap tr th,
  .pmpro_invoice_wrap tr td,
  .pmpro_invoice_wrap tr td a,
  .pmpro_invoice_wrap a,
  #set-voice .set-voice-header h3,
  #set-voice .voice_selection .voice-option-input p,
  #set-behaviour h5,
  #set-identities h5,
  #pmpro_account-orders tbody tr th,
  #pmpro_account-orders table td,
  #pmpro_order_list tbody tr th,
  #pmpro_order_list table td,
  #pmpro_order_list table th,
  #pmpro_account-orders table th,
  #pmpro_account .pmpro_table tr td,
  .pmpro_invoice_wrap table tr td,
  #pmpro_account-orders tbody tr th,
  #pmpro_account-orders table td,
  #pmpro_order_list tbody tr th,
  #pmpro_order_list table td,
  .manage-profile-page .profile_body td,
  .manage-profile-page .saved-chat-container .table.table-bordered thead tr th,
  .parent_div.media-css .media-text,
  .my-membership-page .purchase-content p,
  .purchase-content_1 p {
    font-size: 20px;
    line-height: 30px;
  }

  .how-to-heading p,
  #masthead .sidebar-menu h2 a,
  .login-heading .login-h p,
  .register-container h2,
  .faq-head .faq-heading p,
  .recent-avatars-head h2,
  .Iconic-avatars-header h2,
  .your-lab .lab-heading,
  .page-header h2,
  .augmentai-history h2,
  .profile-header h2,
  .recent-avatar-header .generate-avatar-data .generate-avatar-ins,
  .entry-content:has(.pmpro_change_password_wrap) h2,
  .manage-profile-page .categ_popup_heading,
  .entry-content:has(.edit-avatar-page) .categ_popup_heading,
  .homepage-carousel .carousel-header p,
  #primary:has(.span_minutes) .minutes-heading {
    font-size: 24px;
    line-height: 34px;
  }

  .catalog-content,
  #confirmation_box .confirm-popup,
  #confirmation_box_g .confirm-popup {
    overflow-y: auto;
  }

  .catalog-content .fa-xmark {
    top: 10px;
    right: 10px;
  }

  .my-recent-avatars .my-avatar-cont {
    padding: 10px 0;
    width: auto;
  }

  /* header  */
  #site-navigation .menu-item {
    font-size: 16px;
    line-height: 26px;
  }
  #masthead .sidebar-menu {
    gap: 40px;
  }

  .site-header .ctas .home,
  .site-header .ctas .support,
  .site-header .ctas .account,
  .site-header .ctas .my-profile,
  #panel-4070-0-0-1:has(.page-heading) {
    margin: 0;
  }

  .site-header .ctas {
    display: flex;
    gap: 25px;
    align-items: center;
  }

  .site-header .ctas .home {
    width: 23px;
    height: 23px;
  }

  .site-header .ctas .support {
    width: 25px;
    height: 20px;
  }

  .site-header .ctas .account {
    width: 25px;
    height: 25px;
  }

  .site-header .ctas .my-profile {
    height: 30px;
    width: 30px;
  }

  #masthead .sidebar-menu-bg {
    height: calc(100% - 54px);
  }

  /* how to use page */

  #pg-4070-1.panel-grid:has(.video-section) {
    margin-bottom: 40px;
  }

  .panel-grid.panel-has-style > .panel-row-style.agument-steps {
    flex-wrap: wrap;
  }

  /* what is augment page  */
  .entry-content #pg-4102-2,
  .entry-content #pg-4102-3,
  .entry-content #pg-4102-4 {
    margin-bottom: 80px;
  }

  /* faq page  */
  .faq-acc .sow-accordion .sow-accordion-panel .sow-accordion-panel-header,
  .faq-acc
    .sow-accordion
    .sow-accordion-panel:hover
    .sow-accordion-panel-header,
  .faq-acc
    .sow-accordion
    .sow-accordion-panel
    .sow-accordion-panel-header:active,
  .faq-acc
    .sow-accordion
    .sow-accordion-panel
    .sow-accordion-panel-content
    .sow-accordion-panel-border {
    padding: 20px 0;
  }

  .faq-acc
    .sow-accordion
    .sow-accordion-panel
    .sow-accordion-panel-content
    .sow-accordion-panel-border {
    padding: 0 20px 20px 0;
  }

  #contact-form .submit-button .wpcf7-submit {
    font-size: 18px;
    line-height: 18px;
    padding: 10px;
  }
  #contact-form {
    margin-bottom: 0;
  }
  #contact-form .submit-button {
    margin-top: 20px;
  }

  /* recent avatar page  */
  .recent-avatars-head .goto-lab,
  .recent-avatars-head .category_lab,
  .recent-avatars-head #category,
  .recent-avatars-head #myRecAvatar_sort {
    padding: 10px 20px;
    font-size: 18px;
    line-height: 28px;
  }
  .recent-avatars-head .category_lab {
    padding: 8px 15px;
    font-size: 16px;
    line-height: 16px;
  }
  .recent-avatars-head .goto-lab {
    padding-right: 50px;
  }

  .recent-avatars-head .goto-lab::after {
    right: 10px;
    width: 20px;
    height: 18px;
  }

  .recent-avatar-header .generate-avatar-data {
    padding: 0 30px;
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .create-avatar-section {
    padding: 0 30px;
  }
  .my-recent-avatars .my-avatar-listing.grid-view {
    grid-template-columns: repeat(auto-fit, 240px);
  }
  .my-recent-avatars .my-avatar-listing,
  .iconic-avatars {
    padding: 0 30px;
    gap: 5%;
    margin-top: 40px;
  }
  .my-recent-avatars .iconic-avatar-page-carousel {
    margin-top: 40px;
  }
  .your-lab {
    margin: 100px 30px 80px 30px;
  }
  /* my profile page  */
  .my-profile-page .useful-links {
    width: 30%;
  }

  /* edit profile page  */
  .edit-profile-page .pmpro_member_profile_edit-fields,
  #member-profile-edit .pmpro_card .pmpro_form_fields {
    gap: 10%;
    row-gap: 50px;
  }
  #member-profile-edit .pmpro_card .pmpro_form_field input {
    padding: 0 10px 0 10px;
  }
  /* my- membership page  */
  .pmpro-levels .membershp-feature ol {
    margin-top: 20px;
    padding: 0;
  }

  .pmpro-levels .membership-levels-container .membership-level {
    padding: 40px 20px 45px 20px;
  }

  /* recent avatar page  */
  .my-recent-avatars .view-all {
    padding-top: 12px;
  }
  .my-recent-avatars-page .my-recent-avatars .view-all,
  .iconic-avatar-page .my-recent-avatars .view-all {
    padding-top: 15px;
  }
  .your-lab .lab-content {
    padding: 30px;
    gap: 15px;
  }

  .edit-profile-container .profile-change {
    padding: 0;
  }

  /* create avatar page  */
  .catalog-content .fa-xmark,
  #confirmation_box .fa-xmark,
  #confirmation_box_g .fa-xmark {
    right: 10px;
    top: 10px;
    z-index: 2;
  }
  .recent-avatars-head,
  .edit-avatar-page .page-header {
    padding: 0 50px;
    margin-top: 40px;
  }

  .create-avatar-section .avatar-info,
  .create-avatar-section .create-avatar-category {
    gap: 4%;
    margin-bottom: 30px;
  }

  .step2 {
    margin-top: 45px;
  }

  .upload-img--inner-container {
    gap: 4%;
    margin-bottom: 100px;
  }

  .recent-avatars-head,
  .edit-avatar-page .page-header {
    padding: 0 30px;
  }

  /* manage catrgory page  */
  .add-category-container button {
    padding: 5px 15px;
  }

  .manage-avatar-page .saved-chat-container .table.table-bordered thead tr th {
    padding: 10px 30px;
  }

  #avatar_category_list_wrapper .checkboxes,
  .select-all-checkbox .selectAllCheckbox #selectAllCheckbox,
  .message-data .message-checkbox,
  #avatar_category_list_wrapper .checkboxes,
  .manage-profile-page .profile_body td .checkboxes {
    height: 15px;
    width: 15px;
  }

  .saved-chat-container {
    padding: 15px 30px 0 30px;
  }

  /* my history page  */
  .saved-chat-container .filter-section .chat-dropdown-sec {
    margin-top: 30px;
    padding: 30px;
  }

  /* footer */
  #colophon.site-footer {
    padding: 12px 20px;
  }

  #colophon .social-icons i {
    font-size: 16px;
    width: 30px;
    height: 30px;
  }

  #colophon.site-footer .right-footer p {
    font-size: 16px;
    line-height: 16px;
  }

  .select-all-checkbox .selectAllCheckbox,
  .saved-chat-container #message-data .msg_text_data {
    gap: 15px;
  }

  /* avatar interaction page  */
  .avatar-interaction-page .video-animated {
    max-height: 370px;
  }
  .checkout-page-heading {
    margin-bottom: 40px;
  }
  .checkout-page-container
    .current-cart-summary
    .cart-summary-container:has(.plan-name-div) {
    padding: 30px;
  }
  .my-membership-page .purchase-content {
    padding: 30px;
    gap: 10px;
  }
  #pmpro_account .pmpro_table tr th,
  #pmpro_account .pmpro_table tr td,
  .pmpro_invoice_wrap tr th,
  .pmpro_invoice_wrap tr td,
  #pmpro_account-orders tbody tr th,
  #pmpro_account-orders table td,
  #pmpro_order_list tbody tr th,
  #pmpro_order_list table td,
  #pmpro_order_list table th,
  #pmpro_account-orders table th {
    padding: 30px;
  }
  #pmpro_account .pmpro_table tr td,
  .pmpro_invoice_wrap table tr td,
  #pmpro_account-orders tbody tr th,
  #pmpro_account-orders table td,
  #pmpro_order_list tbody tr th,
  #pmpro_order_list table td,
  #pmpro_order_list table th,
  #pmpro_account-orders table th,
  #pmpro_account .pmpro_table tr td,
  .pmpro_invoice_wrap table tr td,
  #pmpro_account-orders tbody tr th,
  #pmpro_account-orders table td,
  #pmpro_order_list tbody tr th,
  #pmpro_order_list table td {
    padding: 30px 30px 0 30px;
  }
  .manage-profile-page .profile_body td {
    padding: 30px;
  }
  #pmpro_account .pmpro_table tr:last-child td,
  .pmpro_invoice_wrap table tr:last-child td,
  #pmpro_order_list tbody tr:last-child td,
  #pmpro_account-orders tbody tr:last-child td,
  #pmpro_order_list tbody tr:last-child th,
  #pmpro_account-orders tbody tr:last-child th,
  #pmpro_order_list thead tr th,
  #pmpro_account-orders thead tr th,
  #pmpro_account .pmpro_table tr td,
  .pmpro_invoice_wrap table tr td,
  #pmpro_account-orders tbody tr th,
  #pmpro_account-orders table td,
  #pmpro_order_list tbody tr th,
  #pmpro_order_list table td,
  .manage-profile-page .profile_body tr:last-child td,
  .manage-profile-page .saved-chat-container .table.table-bordered thead tr th {
    padding: 30px;
  }
  .swiper-container {
    max-width: 70%;
  }
  .swiper-slide.swiper-slide-active {
    transform: scale(1.8);
  }
  .my-avatar-listing a:has(.create-new) {
    padding-top: 20px;
  }
  .saved-chat-container .my-library-header .advance-search a,
  .saved-chat-container .my-library-page .avatar_section-data label,
  .saved-chat-container .my-library-page .cat_sec label,
  .saved-chat-container .my-library-page .sub-section label {
    text-decoration: none;
    font-size: 17px;
    line-height: 28px;
    min-height: 50px;
    display: flex;
    align-items: center;
    margin: 0;
    padding-right: 50px;
  }
  .manage-profile-page .profile_body td.edit-profile button {
    width: max-content;
  }
  .avatar-interaction-page .message-box-outer-div {
    bottom: 54px;
  }
  .avatar-interaction-page .message-box {
    display: flex;
  }
  .avatar-redirection .redirection-links a:nth-child(2) {
    padding: 10px 0;
  }
  .create-avatar-page .upload-img--inner-container .show_buttons {
    top: 24%;
  }
}

@media screen and (max-width: 1440px) {
  .saved-chat-container .filter-section .chat-dropdown-sec {
    gap: 2%;
    flex-wrap: wrap;
    row-gap: 30px;
  }

  .saved-chat-container .my-library-header .advance-search::after {
    right: 10px;
  }

  .avatar-interaction-page .main-chat-container {
    gap: 3%;
  }
  .avatar-interaction-page {
    padding: 50px 0 0 30px;
    gap: 20px;
  }
  .other-cart-info #pmpro_pricing_fields,
  .my-membership-page .membership-level-main_c .membership-level-start_c {
    width: 32%;
  }
  .checkout-page .other-cart-info #pmpro_pricing_fields {
    width: 100%;
  }
  .my-membership-page .membership-level-main_c {
    gap: 2%;
    row-gap: 50px;
    padding: 0 30px;
  }
  .my-membership-page .membership-level-main_c .membership-levels-container_c {
    gap: 2%;
    row-gap: 20px;
  }
  .swiper-container {
    max-width: 80%;
  }
  #colophon.site-footer .right-footer .copyright-item p {
    font-size: 14px;
    line-height: 20px;
    text-align: end;
  }
  #colophon.site-footer .right-footer .netz {
    width: 50%;
  }
  .avatar-interaction-page .message-box-outer-div {
    bottom: 64px;
  }
}

@media screen and (max-width: 1280px) {
  .feature-cont .panel-grid-cell {
    gap: 15px;
    flex-direction: column;
  }

  .feature-cont .panel-grid-cell .panel-last-child {
    width: 100%;
    text-align: center;
  }

  .pmpro-levels .membership-levels-container .membership-level {
    padding: 40px 20px 45px 20px;
    width: 48%;
  }

  .pmpro-levels .membership-levels-container .membership-level:last-child,
  .saved-chat-container .my-library-header .search-box,
  .saved-chat-container .my-library-header .advance-search {
    width: 100%;
  }

  .my-recent-avatars .my-avatar-cont img,
  .iconic-avatar-carousel img {
    width: 120px;
    height: 120px;
  }

  .upload-img-container .upload-img input {
    font-size: 131px;
    line-height: 0;
    width: 120px;
    height: 120px;
    padding: 0 0 6px 0;
    text-align: center;
    align-content: center;
  }
  .my-recent-avatars .view-all span {
    width: 120px;
    height: 120px;
    font-size: 45px;
  }
  .my-recent-avatars .view-all {
    width: 23%;
  }

  .my-recent-avatars .my-avatar-listing {
    gap: 0;
    margin-top: 20px;
  }
  .my-recent-avatars .iconic-avatar-page-carousel {
    margin-top: 20px;
  }
  .iconic-avatars,
  .collection_list {
    margin-top: 50px;
  }
  .recent-avatars-head,
  .edit-avatar-page .page-header {
    margin-top: 30px;
    gap: 40px;
  }
  .your-lab {
    margin: 50px 30px 40px 30px;
  }

  .my-profile-page {
    padding: 30px 0 0 30px;
    gap: 5%;
  }

  /* create avatar page  */
  .create-avatar-section #avatar_title {
    margin-left: 7.5%;
  }

  /* my library page  */
  .saved-chat-container .my-library-header #custom-search {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .saved-chat-container .my-library-page .avatar_section-data,
  .saved-chat-container .my-library-page .cat_sec,
  .saved-chat-container .my-library-page .sub-section,
  .saved-chat-container .my-library-page .history-container {
    width: 48%;
  }

  /* avatar interaction page  */
  .avatar-interaction-page {
    flex-direction: column-reverse;
    padding: 50px 30px 0 30px;
  }
  .avatar-interaction-page .chat-main-container,
  .checkout-page-container .billing-details-container,
  .checkout-page-container .other-cart-info,
  .edit-avatar-body .edit-avatar-content,
  .edit-avatar-body .edit-avatar-tabs {
    width: 100%;
  }

  .avatar-interaction-page .chat-library-container {
    border: 0;
  }

  .avatar-interaction-page .single_avatar_setting h2,
  .avatar-interaction-page .chat-history-container .btns-all button,
  .avatar-interaction-page .chat-library-container .chat_history_btn button,
  .avatar-interaction-page .chat-library-container .chat_history_btn label {
    font-size: 16px;
    line-height: 26px;
    padding: 0;
  }

  .avatar-interaction-page .toggle-button-slider-container,
  .avatar-interaction-page .chat-history-container,
  .avatar-interaction-page .chat-library-container,
  .avatar-interaction-page .chat-library-container .chat_history_btn,
  .avatar-interaction-page .chat-library-container .btns-all,
  .avatar-interaction-page .chat-history-container .btns-all {
    gap: 10px;
    padding: 15px 0;
  }
  .avatar-interaction-page .chat-history-container .btns-all,
  .avatar-interaction-page .chat-library-container {
    padding: 0;
  }
  .checkout-page-container {
    flex-direction: column;
  }
  #pmpro_form .pmpro_checkout-fields:has(.pmpro_checkout-field) {
    gap: 6%;
    row-gap: 30px;
  }
  #pmpro_form .pmpro_checkout-field-bfirstname,
  #pmpro_form .pmpro_checkout-field-blastname,
  #pmpro_form .pmpro_checkout-field-bcity,
  #pmpro_form .pmpro_checkout-field-bstate,
  #pmpro_form .pmpro_checkout-field-bzipcode,
  #pmpro_form .pmpro_checkout-field-bcountry,
  #pmpro_form .pmpro_checkout-field-bphone,
  #pmpro_form .pmpro_checkout-field-bemail,
  #pmpro_form .pmpro_checkout-field-bconfirmemail {
    width: 47%;
  }
  .checkout-page .pmpro_checkout_gateway-stripe {
    padding-left: 30px;
    padding-right: 40px;
    padding-bottom: 40px;
  }
  #pmpro_account .pmpro_table tr th,
  #pmpro_account .pmpro_table tr td,
  .pmpro_invoice_wrap tr th,
  .pmpro_invoice_wrap tr td,
  #pmpro_account .pmpro_table tr:last-child td,
  .pmpro_invoice_wrap table tr:last-child td {
    padding: 20px;
  }
  #pmpro_account .pmpro_table tr td,
  .pmpro_invoice_wrap table tr td {
    padding: 20px 20px 0 20px;
  }
  .edit-avatar-page .edit-avatar-body {
    flex-direction: column;
    margin: 40px 0;
  }
  .edit-image-container,
  .edit-video-container {
    width: 50%;
  }
  .edit-avatar-body .edit-avatar-tabs {
    margin-top: 40px;
  }
  .edit-avatar-page .avatar-details label {
    margin-top: 20px;
  }
  .edit-avatar-page .avatar-details label:first-child {
    margin-top: 0;
  }
  .btn.btn-danger.delete_data {
    width: auto !important;
  }
  .edit-avatar-page .edit-avatar-body {
    padding: 0 30px;
  }
  #set-voice .voice_selection .select-button button {
    padding: 8px 10px;
  }
  .swiper-container {
    max-width: 90%;
  }
  .recent-avatars-head,
  .edit-avatar-page .page-header,
  .iconic-avatars .Iconic-avatars-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .avtar-lab-listing .categories_div {
    min-width: auto;
  }
  .my-recent-avatars .create-new span::after,
  .upload-img-container .upload-img span::after {
    top: 0;
  }
  .upload-img-container .upload-img input {
    line-height: 131px;
    padding: 0;
  }
  .edit-avatar-page .save-avatar {
    margin-left: 30px;
  }
  .avatar-interaction-page .single_avatar_setting.avatar-settings-open {
    opacity: 1;
    z-index: 1;
    height: 50vh;
    overflow: auto;
    bottom: 145px;
    top: auto;
    margin: auto;
  }
  .avatar-interaction-page .single_avatar_setting {
    position: fixed;
    bottom: 0;
    right: 20px;
    /* width: max-content; */
    opacity: 0;
    z-index: -1;
    overflow: auto;
    height: 50vh;
    bottom: 0;
  }
  .page-scroll .avatar-interaction-page .single_avatar_setting {
    top: auto;
  }
  .avatar-interaction-page .message-box-outer-div {
    max-width: none;
  }
  .avatar-interaction-page .message-box {
    position: relative;
    width: calc(100% - 50px);
  }
  .avatar-interaction-page .single_avatar_setting_opener {
    display: block;
    padding: 0;
  }
  .avtar-lab-listing .avatar-head-content,
  .avtar-lab-listing .categories_div {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .avatar-interaction-page .avatar_chat_expander {
    right: 55px;
  }
  .avatar-interaction-page .expanded-chat .avatar_chat_expander {
    right: 0;
  }
  .avatar-interaction-page .expanded-chat .message-box {
    width: 100%;
  }
  .avatar-interaction-page .expanded-chat .single_avatar_setting_opener {
    display: none;
  }
  .avtar-lab-listing .selectnbutton,
  .iconic-avatar-page .button-select-cont,
  .recent-avatars-head .categories_div {
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .recent-avatars-head .category_lab,
  .avtar-lab-listing .categories_div .selectnbutton button,
  .recent-avatars-head #myavatar_sort,
  .my-recent-avatars-page .recent-avatars-head select,
  .button-select-cont .view_all_btn,
  .button-select-cont .reset_all_btn,
  .recent-avatars-head .categories_div .button-select {
    width: 48.5%;
  }
  .create-avatar-page .upload-img--inner-container .show_buttons {
    top: 40%;
  }
}
@media screen and (max-width: 1080px) {
  .create-avatar-page .upload-img--inner-container .show_buttons {
    top: 45%;
  }
}
@media screen and (max-width: 1024px) {
  /* header  */
  .website-header .toggle-button,
  .logged-in .search-module,
  .search-module input {
    width: -webkit-fill-available;
  }

  #primary {
    padding: 120px 0 110px 0;
  }
  .at-bottom #primary:has(.avatar-interaction-page) {
    padding-bottom: 0px;
  }

  /* changing menu style in responsive  */
  .website-header,
  #primary {
    width: 100%;
  }

  #masthead .sidebar-menu-bg {
    transform: translateX(-100%);
    height: 100%;
  }

  .hidden-menu #masthead .sidebar-menu-bg {
    transform: translateX(0);
    height: 100%;
  }

  .website-header .toggle-button .menu-toggle {
    z-index: 9;
  }

  #masthead .sidebar-menu {
    padding-top: 35px;
  }

  .website-header .toggle-button {
    margin-left: 30px;
  }

  .website-header {
    gap: 40px;
  }

  .hidden-menu #masthead .catalog-bg {
    display: block;
    z-index: 0;
    overflow: hidden;
    background: #0b0b0b;
    opacity: 0.6;
    position: fixed;
    left: 100%;
    top: 0;
    height: 100%;
    width: calc(100vw - 300px);
    cursor: pointer;
    transition: 400ms ease-in-out;
  }

  /* how to use page */
  .agument-steps #pgc-4070-2-0,
  .agument-steps #pgc-4070-2-1,
  .agument-steps #pgc-4070-2-2 {
    width: 47%;
  }

  .agument-steps #pgc-4070-2-0 img,
  .agument-steps #pgc-4070-2-1 img,
  .agument-steps #pgc-4070-2-2 img,
  .video-section img,
  .your-lab .lab-content {
    width: 100%;
  }

  /* what is augment page  */
  #pg-4102-4.panel-has-style > .panel-row-style.loop-video {
    flex-direction: column;
    gap: 20px;
    padding: 0 30px;
  }

  #pg-4102-4.panel-has-style > .panel-row-style.loop-video #pgc-4102-4-0 {
    width: 40%;
  }

  #pg-4102-4.panel-has-style > .panel-row-style.loop-video #pgc-4102-4-1 {
    width: 100%;
  }

  /* recent-avatar page  */
  .your-lab {
    flex-direction: column;
    align-items: center;
  }

  .your-lab .lab-img {
    width: 35%;
    padding-top: 30px;
  }

  .your-lab .lab-cta {
    padding: 10px 20px;
  }

  /* my profile page  */
  .edit-profile-container {
    margin-top: 50px;
    gap: 40px;
    flex-direction: column;
  }

  .edit-profile-container .info-change {
    width: 100%;
  }

  .edit-profile-container .profile-change,
  .edit-profile-container .profile-change .profile-image {
    width: 30%;
  }

  .my-profile-page .info-change .data-div p {
    overflow-wrap: break-word;
  }

  .my-profile-page .info-change .edit-password,
  .my-profile-page .info-change .data-div {
    width: 50%;
    margin-bottom: 20px;
  }

  /* edit profile page  */
  .edit-profile-container .profile-change {
    width: 100%;
    align-items: flex-start;
    gap: 40px;
  }

  /* avatar interaction page  */
  .avatar-interaction-page .main-chat-container {
    align-items: center;
  }

  .avatar-interaction-page .avenue-messenger-outer {
    width: 100%;
  }
  .chat-page-scroll .avatar-interaction-page .avenue-messenger-outer {
    padding-top: 150px;
  }

  /* footer  */
  /* #colophon.site-footer {
    position: static;
  } */
  #colophon.site-footer .right-footer {
    width: -webkit-fill-available;
    width: -moz-available;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
  }
  .history-container .clear-chat-result {
    padding: 8px 15px;
  }
  .avatar-interaction-page .video-background {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    position: static;
    gap: 0;
    top: 0;
    transition: all 400ms linear, background-color 0ms linear, left 0ms linear;
  }
  .chat-page-scroll .avatar-interaction-page .video-background {
    flex-direction: row;
    gap: 15px;
    align-items: center;
    position: fixed;
    top: 50px;
    left: 0;
    background-color: #000000d4;
    z-index: 9;
    padding: 0 10px 10px;
    transition: all 400ms linear, background-color 0ms linear, left 0ms linear,
      opacity 400ms ease-in-out;
  }
  .chat-page-scroll.hidden-menu .avatar-interaction-page .video-background {
    opacity: 0;
    transition: all 400ms linear, background-color 0ms linear, left 0ms linear,
      opacity 0ms ease-in-out;
  }
  .avatar-interaction-page .video-animated {
    max-height: 370px;
    height: 400px;
    width: 400px;
  }
  .avatar-interaction-page .messages {
    max-width: max-content;
  }
  .catalog-content {
    flex-direction: column;
    width: 100%;
    min-width: 95%;
    padding: 20px;
    margin: 0 30px;
  }
  .catalog-content .about-avatar {
    height: auto;
    width: 100%;
    overflow: visible;
    z-index: 1;
    background-color: var(--dark-background-color);
  }
  .catalog-content .message-container {
    height: max-content;
    width: 100%;
    padding-top: 40px;
    max-width: 100%;
    overflow: visible;
    z-index: 1;
    background-color: var(--dark-background-color);
  }
  .catalog-content {
    gap: 0px;
  }
  .edit-profile-container .profile-change img {
    max-width: 400px;
  }
  .avatar-interaction-page .main-chat-container {
    row-gap: 20px;
    padding-top: 0;
    transition: none;
  }
  .chat-page-scroll .avatar-interaction-page .main-chat-container {
    padding-top: 420px;
    transition: none;
  }
  .homepage-carousel .carousel-header {
    max-width: 100%;
    padding: 0 30px;
  }
  .home-avatar-info {
    flex-direction: column;
  }
  #pg-3968-0 #homepage-header-logo-cont,
  .homepage-header-logo-cont {
    flex-direction: row;
  }
  #pg-3968-0 #homepage-header-logo-cont > div,
  .homepage-header-logo-cont > div {
    margin: 0;
    width: auto;
  }
  .messages .messages-content {
    max-height: max-content;
    min-height: auto;
  }
  .avenue-messenger {
    max-height: max-content !important;
  }
  .avatar-interaction-page .avatar-data {
    margin-top: 0px;
    gap: 0;
  }
  .manage-profile-page .new-profile-field,
  .manage-profile-page .add-new-user .prefer_active_voice_div,
  .manage-profile-page .add-new-user .use_technical_jargon_div,
  .manage-profile-page .add-new-user .avoid-slang-div,
  .manage-profile-page .add-new-user .allow_profanity_div,
  .new-profile-field,
  .add-new-user .prefer_active_voice_div,
  .add-new-user .use_technical_jargon_div,
  .add-new-user .allow_profanity_div,
  .add-new-user .avoid-slang-div {
    width: 49%;
  }
  .main-chat-container .video-background .video-animated {
    width: 250px;
    height: 250px;
    margin-bottom: 20px;
  }
  .chat-page-scroll .main-chat-container .video-background .video-animated {
    width: 70px;
    height: 70px;
    min-height: 80px;
    margin: 0;
  }
  .avatar-interaction-page {
    padding-top: 0;
    margin-bottom: 65px;
  }
  .at-bottom .avatar-interaction-page {
    margin-bottom: 0px;
  }
  body.hidden-menu {
    overflow: hidden;
  }
  #colophon.site-footer {
    position: absolute;
  }
  #colophon.site-footer {
    opacity: 0;
  }
  .at-bottom #colophon.site-footer {
    position: relative;
    bottom: 0;
    opacity: 1;
  }
  .hidden-menu #colophon.site-footer {
    opacity: 0;
    z-index: -1;
  }
  .avatar-interaction-page .message-box-outer-div {
    bottom: 0;
    transition: all 200ms ease-in-out;
  }
  .at-bottom .avatar-interaction-page .message-box-outer-div {
    bottom: 0;
    position: relative;
    transition: all 200ms ease-in-out;
  }
  .at-bottom .avatar-interaction-page .message-box-outer-div.expanded-chat,
  .avatar-interaction-page .message-box-outer-div.expanded-chat {
    position: fixed;
    width: 100% !important;
  }
  .avatar-interaction-page .single_avatar_setting.avatar-settings-open {
    bottom: 80px;
  }
  .at-bottom
    .avatar-interaction-page
    .single_avatar_setting.avatar-settings-open {
    bottom: 180px;
  }
  .hidden-menu.page-scroll .website-header {
    background: transparent;
  }
  .hidden-menu .site-header .ctas {
    opacity: 0;
  }
  .chat-page-scroll .avatar-interaction-page .ai-video {
    padding: 5px;
    border-radius: 50%;
  }
  .chat-page-scroll .avatar-interaction-page .post_title_data {
    font-size: 16px;
    line-height: 19px;
  }
  #colophon.site-footer .right-footer .netz {
    width: 100%;
  }
  .at-bottom .avatar-interaction-page .chat-main-container {
    margin-bottom: 0;
  }
  .page-scroll.chat-page-scroll .website-header {
    padding: 10px 30px 10px 0px;
  }
  .my-recent-avatars .homepage-header-logo-cont img {
    display: block;
  }
  .age-affirmation-error {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    position: sticky;
    z-index: 0;
    bottom: 0;
  }
  .avatar-interaction-page {
    margin-bottom: 150px;
  }
  .parent_div.media-css {
    padding: 20px 30px 0px 30px;
  }
  body:has(.gpt-media) #colophon.site-footer {
    position: absolute;
  }
  button#report_content_button {
    margin: 20px 0;
  }
  .my-recent-avatars .my-avatar-listing.grid-view {
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .feature-cont .panel-grid-cell .panel-first-child {
    width: 15%;
  }

  .entry-content #pg-4102-2 {
    margin-bottom: 30px;
  }

  #pg-4102-1 > .panel-row-style.multiple-avatars-cont {
    width: 100%;
    padding: 0 30px;
  }

  #primary {
    min-height: 950px;
    padding: 120px 0 80px 0;
  }

  #masthead .sidebar-menu-bg {
    height: calc(100% - 74px);
  }

  .register-container .registration-content {
    width: 100%;
    padding: 0 30px;
  }
  .my-recent-avatars .view-all {
    width: 32%;
  }

  /* create my avatar page  */
  .how-to-heading p,
  #masthead .sidebar-menu h2 a,
  .login-heading .login-h p,
  .register-container h2,
  .faq-head .faq-heading p,
  .recent-avatars-head h2,
  .Iconic-avatars-header h2,
  .your-lab .lab-heading,
  .page-header h2,
  .augmentai-history h2,
  .profile-header h2,
  .recent-avatar-header .generate-avatar-data .generate-avatar-ins,
  .entry-content:has(.pmpro_change_password_wrap) h2,
  #primary:has(.span_minutes) .minutes-heading {
    font-size: 20px;
    line-height: 30px;
  }

  .page-heading p,
  .feature-cont .feature-info p,
  .loop-content p,
  .faq-acc .sow-accordion .sow-accordion-panel .sow-accordion-panel-content,
  .contact-cont .info-heading p,
  .my-recent-avatars-page .avtar-name,
  .collection_list .avtar-name,
  .my-recent-avatars-page .avtar-category,
  .collection_list .avtar-category,
  .my-recent-avatars .view-all p,
  .avatar-container span,
  .avtar-lab-listing .avtar-name,
  .avtar-lab-listing .avtar-category,
  .avatar-interaction-page .post_title_data,
  .avatar-interaction-page .avatar_desc,
  .your-lab .lab-para,
  .create-avatar-section .step1-text,
  .create-avatar-section .step2-text,
  .create-avatar-section .create-avatar-category span.or,
  .upload-img--inner-container span.or,
  .create-avatar-section .upload-img p {
    font-size: 18px;
    line-height: 28px;
  }

  .create-avatar-section .avatar-info,
  .create-avatar-section .create-avatar-category {
    flex-direction: column;
    row-gap: 20px;
    align-items: flex-start;
  }

  .create-avatar-section .create-avatar-category span.or {
    text-align: center;
    width: 100%;
  }

  .create-avatar-section #avatar_title {
    margin-left: 0;
  }

  .upload-img--inner-container {
    margin-bottom: 100px;
    flex-direction: column;
    row-gap: 20px;
  }

  .upload-img--inner-container .upload-img {
    width: 100%;
    margin: 0;
  }

  .upload-img--inner-container .create-img-textarea {
    width: 100%;
  }

  .upload-img--inner-container span.or {
    justify-content: center;
  }

  .create-avatar-section .select2-container .selection .select2-selection,
  .create-avatar-section input[type="text"],
  .upload-img--inner-container .create-img-textarea textarea,
  .manage-avatar-page .edit-category button,
  .saved-chat-container .select_avatar_section-data,
  .saved-chat-container .avatar_section-data,
  .saved-chat-container #custom-search {
    width: 100%;
  }
  .saved-chat-container .select_avatar_section-data,
  .saved-chat-container .avatar_section-data {
    width: 48%;
  }
  .upload-img--inner-container .create-img-textarea .next_step {
    top: -4px;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 25px;
    height: 25px;
    background-size: contain;
  }

  /* edit category page  */
  #avatar_category_list_wrapper .dt-layout-row:first-child {
    display: flex;
    flex-direction: column;
  }

  #avatar_category_list_wrapper .dt-search {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  div#user_details_container_social {
    padding: 0 20px;
  }

  #avatar_category_list_wrapper .dt-layout-row select,
  #avatar_category_list_wrapper .dt-search input[type="search"] {
    margin: 0;
  }

  .saved-chat-container .table.table-bordered thead tr th {
    font-size: 16px;
    line-height: 26px;
    padding: 8px 10px;
  }

  /* my history page  */
  .saved-chat-container .filter-section .chat-dropdown-sec {
    flex-direction: column;
    gap: 0;
  }
  .saved-chat-container
    .filter-section
    .chat-dropdown-sec:has(.date_section-data) {
    gap: 40px;
  }

  .saved-chat-container .chat-dropdown-sec .filter-title,
  .saved-chat-container .chat-dropdown-sec select,
  .saved-chat-container .filter-section .chat-dropdown-sec input {
    margin-bottom: 15px;
  }
  .saved-chat-container
    .filter-section
    .chat-dropdown-sec:has(.date_section-data) {
    gap: 40px;
  }

  /* my library page  */
  .saved-chat-container .my-library-page .avatar_section-data,
  .saved-chat-container .my-library-page .cat_sec,
  .saved-chat-container .my-library-page .sub-section,
  .saved-chat-container .my-library-page .history-container {
    width: 100%;
    margin-top: 10px;
  }

  .saved-chat-container .my-library-page .history-container {
    margin-top: 30px;
  }

  .select-all-checkbox .selectAllCheckbox {
    flex-direction: row;
  }

  div#user_details_container {
    padding: 0px;
  }
  .recent-avatars-head,
  .edit-avatar-page .page-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  #pmpro_form .pmpro_checkout-field input[type="text"],
  #pmpro_form .pmpro_checkout-field input[type="email"],
  #pmpro_form .pmpro_checkout-field select {
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
  }
  .other-cart-info #pmpro_pricing_fields,
  .my-membership-page .membership-level-main_c .membership-level-start_c {
    width: 49%;
  }
  #pmpro_account .pmpro_table {
    width: max-content;
  }
  .my-membership-page .pmpro_actionlinks {
    margin: 40px 0;
  }
  .my-membership-page .membership-level-main_c .membership-levels-container_c {
    gap: 2%;
    row-gap: 20px;
  }
  .edit-avatar-page .save-avatar {
    padding-left: 30px;
  }
  #set-voice .set-voice-tab {
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
  }
  .tab button.non-set-button {
    display: block;
  }
  .tab button.set-button {
    display: none;
  }
  #set-voice .voice_selection .voice-option-input p {
    padding-left: 35px;
  }
  #set-voice .voice_selection .voice-option-input p::before {
    width: 25px;
    height: 20px;
    left: 0;
  }
  #set-voice .voice_selection .select-button {
    width: 20%;
  }
  #set-voice .voice_selection .select-button button {
    width: 100%;
  }
  #set-voice .male-voice-options,
  #set-voice .female-voice-options {
    margin-top: 40px;
  }
  .avatar-interaction-page .chatdid-container .avenue-messenger {
    overflow: auto;
  }
  .swiper-container {
    max-width: 100%;
    padding: 030px;
  }
  .navigation-buttons div {
    width: 30px;
    height: 15px;
  }
  .home #primary {
    min-height: auto;
  }
  .upload-img--inner-container .prompt-div {
    width: 100%;
  }
  .upload-img--inner-container .create-img-textarea textarea {
    min-height: 150px;
  }
  .edit-profile-container .profile-change,
  .edit-profile-container .profile-change .profile-image {
    width: 100%;
  }
  .edit-profile-container .profile-change img {
    max-width: 400px;
  }
  .pmpro-login #primary .pmpro_login_wrap {
    min-width: 100%;
  }
  .pmpro-login #primary .pmpro_login_wrap #loginform .login-password button {
    background: transparent;
    border: 0;
  }
  .homepage-carousel .carousel-header {
    max-width: 100%;
    padding: 0 30px;
  }
  .home-avatar-info {
    flex-direction: column;
  }
  #pg-3968-0 #homepage-header-logo-cont,
  .homepage-header-logo-cont {
    flex-direction: row;
    padding: 0 30px;
  }
  .my-recent-avatars .homepage-header-logo-cont {
    padding: 0;
  }
  #pg-3968-0 #homepage-header-logo-cont > div,
  .homepage-header-logo-cont > div {
    margin: 0;
    width: auto;
  }
  #pmpro_account-orders .pmpro_card_content,
  #pmpro_order_list .pmpro_card_content {
    overflow: auto;
    padding-bottom: 30px;
  }
  .pmpro_invoice_wrap table,
  #pmpro_account-orders table,
  #pmpro_order_list table,
  .manage-profile-page #user_profiles_list {
    width: max-content !important;
  }
  #confirmation_box .confirm-popup,
  #confirmation_box_g .confirm-popup {
    height: auto;
    width: auto;
    max-width: 80vw;
    max-height: 80vh;
    gap: 15px;
    padding: 30px;
  }
  #confirmation_box .confirm-popup p,
  #confirmation_box_g .confirm-popup p {
    font-size: 18px;
    line-height: 28px;
  }
  #confirmation_box .checkbox-container p,
  #confirmation_box_g .checkbox-container p {
    line-height: 28px;
  }
  #confirmation_box .checkbox-container,
  #confirmation_box_g .checkbox-container {
    gap: 10px;
  }
  .catalog-content .fa-xmark,
  #confirmation_box .fa-xmark,
  #confirmation_box_g .fa-xmark {
    width: 22px;
    height: 22px;
    font-size: 15px;
  }
  .messages {
    min-height: 250px;
  }
  .manage-profile-page .new-profile-field,
  .manage-profile-page .add-new-user .prefer_active_voice_div,
  .manage-profile-page .add-new-user .use_technical_jargon_div,
  .manage-profile-page .add-new-user .avoid-slang-div,
  .manage-profile-page .add-new-user .allow_profanity_div,
  .new-profile-field,
  .add-new-user .prefer_active_voice_div,
  .add-new-user .use_technical_jargon_div,
  .add-new-user .allow_profanity_div,
  .add-new-user .avoid-slang-div {
    width: 100%;
  }
  #colophon.site-footer {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  #colophon.site-footer .right-footer {
    align-items: flex-start;
  }
  #colophon.site-footer .right-footer .copyright-item p {
    text-align: left;
  }
  .parent_div.media-css {
    padding: 20px 30px 50px 30px;
  }
  .parent_div.media-css video {
    width: 100%;
  }
  div#customPopup {
    width: 80vw;
  }
  .confirmation {
    gap: 10px;
  }
  .step3 {
    padding-top: 30px;
  }
  .create-avatar-page .upload-img--inner-container .show_buttons {
    top: 34px;
  }


}
@media screen and (max-width: 767px) {
  .pmpro_invoice_wrap table,
  #pmpro_account-orders table,
  #pmpro_order_list table {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  #pmpro_account-orders tbody tr:last-child th,
  #pmpro_account-orders tbody tr:last-child td {
    padding: 30px 30px 0 30px;
  }
  #pmpro_account-orders tbody tr,
  #pmpro_order_list tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  #pmpro_account-orders table td:last-child,
  #pmpro_account-orders table tr:last-child td:last-child,
  #pmpro_order_list table td:last-child {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .create-avatar-page .upload-img--inner-container .show_buttons {
    top: 60px;
  }
  .step3 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 540px) {
  /* font size  */
  .pre-heading p, .register-container .continue-with, .register-container .policy-acceptance p {
    font-size: 16px;
    line-height: 26px;
}

  /* header  */
  .website-header {
    gap: 20px;
  }

  .website-header .toggle-button {
    gap: 15px;
  }

  .page-heading p,
  .page-para p,
  .page-header p,
  .search-heading label,
  .video-text p,
  .agument-steps .how-to-content p,
  .page-heading p,
  .feature-cont .feature-info p,
  .loop-content p {
    font-size: 16px;
    line-height: 26px;
  }

  #colophon.site-footer,
  .register-container .username .inputn-error,
  .register-container .other-fields {
    flex-direction: column;
    gap: 10px;
  }

  #colophon.site-footer .social-icons,
  .register-container .username .controls1,
  .register-container .other-fields .email,
  .register-container .other-fields .confirm-email,
  .register-container .other-fields .password,
  .register-container .other-fields .confirm-password {
    width: 100%;
  }

  #colophon.site-footer .right-footer {
    align-items: flex-start;
  }

  .saved-chat-container .my-library-header .advance-search::after,
  .saved-chat-container
    .my-library-page
    .avatar_section-data
    .select2-selection__arrow,
  .saved-chat-container .my-library-page .cat_sec .select2-selection__arrow,
  .saved-chat-container .my-library-page .sub-section .select2-selection__arrow,
  .search-module .search-submit {
    right: 10px;
  }

  .pmpro-login .login-username input,
  .pmpro-login .login-password input,
  .register-container input,
  .edit-profile-page
    #member-profile-edit
    .pmpro_member_profile_edit-fields
    input,
  .search-module input {
    padding: 0 30px 0 10px;
  }

  #colophon.site-footer .right-footer p {
    font-size: 14px;
    line-height: 14px;
  }

  /* what is augment page  */
  .how-to-heading p,
  #masthead .sidebar-menu h2 a {
    font-size: 20px;
    line-height: 30px;
  }

  /* contact page  */
  #contact-form .half,
  .pmpro-levels .membership-levels-container .membership-level,
  .my-profile-page .my-profile-section {
    width: 100%;
  }

  /* login page  */
  .pmpro-login #primary {
    padding: 120px 30px 50px 30px;
  }

  .social-login .textwidget p br {
    display: none;
  }

  .register-container .submit-button {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .pmpro-levels
    .membership-levels-container
    .membership-level
    .membership-level-page
    a.pmpro_btn {
    width: max-content;
  }
  .my-recent-avatars .view-all {
    width: 48%;
  }

  .your-lab .lab-img {
    width: 80%;
  }
  /* my profile page  */
  .my-profile-page {
    flex-direction: column;
    gap: 50px;
    padding: 30px 30px 0 30px;
  }

  .my-profile-page .useful-links {
    width: 100%;
    padding: 20px;
    gap: 10px;
  }

  /* edit profile page  */
  .edit-profile-page .pmpro_member_profile_edit-fields {
    row-gap: 30px;
    flex-direction: column;
  }

  .edit-profile-page form.pmpro_form .pmpro_member_profile_edit-fields > div,
  #member-profile-edit .pmpro_card .pmpro_form_field {
    width: 100%;
  }

  .edit-profile-page {
    padding: 0 30px;
  }

  .recent-avatars-head .goto-lab,
  .recent-avatars-head .category_lab,
  .recent-avatars-head #category,
  .my-recent-avatars-page .iconic-avatars select {
    padding: 8px 15px;
    font-size: 16px;
    line-height: 26px;
  }

  .recent-avatars-head .goto-lab::after {
    width: 18px;
    height: 18px;
  }

  .recent-avatars-head .goto-lab {
    padding-right: 40px;
  }

  .create-avatar-section .step1-text,
  .create-avatar-section .step2-text {
    gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .my-library-page .history-result {
    width: 100%;
    margin-bottom: 30px;
  }
  .avatar-redirection div:first-child {
    flex-direction: column;
  }
  .avatar-redirection .redirection-links a {
    padding: 5px;
    width: 100%;
  }
  .edit-profile-container .profile-change img {
    width: 70%;
  }
  .other-cart-info #pmpro_pricing_fields,
  .my-membership-page .membership-level-main_c .membership-level-start_c {
    width: 100%;
  }
  #set-voice .voice_selection .voice-option-input p::before {
    width: 20px;
    height: 16px;
  }
  #set-voice .voice_selection .voice-option-input p {
    padding-left: 30px;
    font-size: 18px;
    line-height: 28px;
  }
  .tab button {
    padding: 8px;
  }
  #set-voice .voice_selection .select-button button {
    padding: 5px;
    font-size: 16px;
    line-height: 26px;
  }
  .tab-overflow,
  .tabcontent {
    overflow: auto;
  }
  #set-behaviour.tabcontent,
  #set-traits.tabcontent,
  #set-identities.tabcontent {
    overflow: visible;
  }
  .tab,
  .tabcontent > div {
    min-width: 600px;
  }
  #set-behaviour.tabcontent > div,
  #set-identities.tabcontent > div,
  #set-traits.tabcontent > div {
    min-width: 200px;
  }
  .swiper-slide.swiper-slide-prev,
  .swiper-slide.swiper-slide-next,
  .swiper-slide.swiper-slide-active {
    transform: scale(1);
  }
  .swiper-container .swiper-wrapper {
    padding: 40px 0 0px 0;
    justify-content: center;
  }
  .home #primary {
    padding: 120px 30px 80px 30px;
  }
  .home-heading {
    padding: 0;
  }
  .swiper-slide img {
    cursor: pointer;
  }
  .swiper-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .navigation-buttons {
    width: 100%;
  }
  .swiper-slide p:last-child {
    opacity: 1;
  }
  .my-profile-page .info-change {
    flex-direction: column;
  }
  .my-profile-page .info-change .edit-password,
  .my-profile-page .info-change .data-div {
    width: 100%;
  }
  #pmpro_login .pmpro_actions_nav {
    gap: 0px;
    flex-direction: column;
    margin-top: 20px;
  }
  #pg-3968-0 #homepage-header-logo-cont,
  .homepage-header-logo-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .homepage-carousel .carousel-header p,
  .home-avatar-info .login,
  .home-avatar-info .create-avtars p {
    text-align: center;
  }
  .home-avatar-info .create-avtars {
    flex-direction: column;
    align-items: center;
    padding: 0;
  }
  .home-avatar-info {
    margin: 0;
  }
  .recent-avatars-head .goto-lab,
  .recent-avatars-head .category_lab,
  .recent-avatars-head #category,
  .my-recent-avatars-page .iconic-avatars select,
  .my-recent-avatars-page .recent-avatars-head select {
    width: 100%;
    padding: 8px;
    font-size: 18px;
    line-height: 28px;
  }
  .recent-avatars-head .category_lab {
    width: max-content;
  }
  .avtar-lab-listing .selectnbutton {
    justify-content: flex-start;
  }
  .avtar-title {
    font-size: 16px;
    line-height: 24px;
  }
  #pmpro_account-orders tbody tr th,
  #pmpro_account-orders table td,
  #pmpro_order_list tbody tr th,
  #pmpro_order_list table td,
  #pmpro_order_list table th,
  #pmpro_account-orders table th {
    font-size: 16px;
    line-height: 26px;
  }
  .edit-image-container,
  .edit-video-container {
    width: 100%;
  }
  .avtar-lab-listing .categories_div {
    max-width: 100%;
    width: 100%;
  }
  .iconic-avatar-page .button-select-cont {
    width: 100%;
  }
  .avatar-interaction-page {
    padding-top: 0;
    flex-direction: column;
  }
  #pmpro_form .pmpro_checkout-field-bfirstname,
  #pmpro_form .pmpro_checkout-field-blastname,
  #pmpro_form .pmpro_checkout-field-bcity,
  #pmpro_form .pmpro_checkout-field-bstate,
  #pmpro_form .pmpro_checkout-field-bzipcode,
  #pmpro_form .pmpro_checkout-field-bcountry,
  #pmpro_form .pmpro_checkout-field-bphone,
  #pmpro_form .pmpro_checkout-field-bemail,
  #pmpro_form .pmpro_checkout-field-bconfirmemail {
    width: 100%;
  }
  #pmpro_form .pmpro_checkout-fields:has(.pmpro_checkout-field) {
    row-gap: 10px;
  }
  .checkout-page .pmpro_submit .pmpro_btn.pmpro_btn-submit-checkout,
  .checkout-page .pmpro_submit input[type="submit"] {
    padding: 10px 30px;
    margin-top: 40px;
    width: 100%;
    font-size: 18px;
  }
  .contact-cont .info-heading p,
  .checkout-page-container .current-cart-summary span.cat-total {
    font-size: 20px;
    line-height: 25px;
  }
  .checkout-page-container .current-cart-summary span.cat-total {
    margin-bottom: 40px;
  }
  .cart-summary-container .price-div {
    margin-top: 20px;
    padding-top: 25px;
  }
  .other-cart-info #pmpro_pricing_fields {
    padding: 20px;
  }
  .other-cart-info #pmpro_pricing_fields .pmpro_level_description_text li ol {
    padding-left: 20px;
  }
  .manage-profile-page .profile_body td {
    padding: 10px 10px 0 10px;
  }
  .manage-profile-page .profile_body tr:last-child td,
  .manage-profile-page .saved-chat-container .table.table-bordered thead tr th {
    padding: 10px;
  }
  .manage-profile-page .profile_body td,
  .manage-profile-page .saved-chat-container .table.table-bordered thead tr th,
  .manage-profile-page .profile_body td.edit-profile button {
    font-size: 16px;
    line-height: 26px;
  }
  .manage-profile-page #user_profiles_list {
    width: 640px !important;
  }
  #edd_checkout_form_wrap div:has(#edd-card-state-wrap) {
    flex-direction: column;
  }
  .avatar-interaction-page .messages {
    padding-bottom: 40px;
  }
  .avtar-lab-listing .selectnbutton,
  .date_section-data,
  .saved-chat-container .select_avatar_section-data,
  .saved-chat-container .avatar_section-data {
    width: 100%;
  }
  .saved-chat-container .filter-section .date-selection,
  .saved-chat-container .filter-section .date_section-data-button-wrap {
    flex-direction: column;
  }
  .saved-chat-container .select-section-div {
    gap: 0;
    flex-direction: column;
  }
  .avatar-interaction-page .chat .message.new .timestamp,
  .avatar-interaction-page .chat .message.new .checkmark-read,
  .avatar-interaction-page .chat .message.new .checkmark-sent-delivered {
    bottom: -25px;
  }
  .parent_div.media-css {
    padding: 20px 30px 80px 30px;
  }
  div#customPopup {
    width: 90vw;
    height: 95vh;
  }
  #customPopup .sel_msg_data p audio,
  #customPopup .sel_msg_data p,
  .recent-avatars-head .category_lab,
  .avtar-lab-listing .categories_div .selectnbutton button,
  .recent-avatars-head #myavatar_sort,
  .button-select-cont .view_all_btn,
  .button-select-cont .reset_all_btn,
  .recent-avatars-head .categories_div .button-select {
    width: 100%;
  }
  .add-category-container {
    flex-wrap: wrap;
  }
  /* ////////////report form/////////// */
  .first {
    display: flex;
    flex-direction: column;
  }
  .first-name {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }
  .second {
    display: flex;
    flex-direction: column;
  }
  .second-name {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }
  .confirmation {
    align-items: flex-start;
  }
  .confirmation input {
    margin-top: 9px;
  }
  .pmpro-login .panel-layout {
    padding: 30px;
  }
  .pmpro-login #primary .pmpro_login_wrap,
  #email-check-form {
    min-width: 300px;
  }
}
@media screen and (max-width: 480px) {
  .catalog-content .avatar-info img,
  .catalog-content .avatar-info video {
    width: 100%;
    height: auto;
  }
  .edit-profile-page #member-profile-edit .pmpro_submit {
    margin-top: 45px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .edit-profile-page #member-profile-edit .pmpro_submit input {
    margin: 0;
    text-decoration: none;
  }
  .my-library-page .message-data video,
  .avatar-interaction-page .chat .message.new video {
    height: 180px;
    width: 100%;
  }
  .main-chat-container .video-background .video-animated {
    width: 260px;
    height: 260px;
  }
  .create-avatar-outer {
    flex-direction: column;
    gap: 35px;
  }
  .create-avatar-category .select2-container {
    width: 100% !important;
  }
  .create-avatar-section .avatar-info {
    gap: 65px;
  }
  .my-recent-avatars .my-avatar-cont,
  .my-avatar-listing a:has(.create-new),
  .my-recent-avatars .view-all {
    width: 100%;
    justify-content: center;
  }
  #pmpro_account .pmpro_table tr td,
  .pmpro_invoice_wrap table tr td,
  #pmpro_account-orders tbody tr th,
  #pmpro_account-orders table td,
  #pmpro_order_list tbody tr th,
  #pmpro_order_list table td,
  #pmpro_order_list table th,
  #pmpro_account-orders table th,
  #pmpro_order_list table td:last-child {
    padding: 10px 10px 0 10px;
    gap: 20px;
  }
  .edit-avatar-page .save-avatar {
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 0;
  }
  #confirmation_box .confirm-popup p,
  #confirmation_box_g .confirm-popup p {
    font-size: 16px;
    line-height: 26px;
  }
  .your-lab .lab-cta {
    width: auto;
    font-size: 14px;
    line-height: 24px;
  }
  .traits-bar {
    flex-direction: column;
  }
  .avatar-interaction-page .message audio,
  .saved-chat-container #message-data .msg_text_data audio {
    width: 100%;
    padding: 0;
    height: 35px;
    min-width: 155px;
  }
  .catalog-content .message-container .messages-content_demo,
  .avatar-interaction-page .chat .messages-content .mCSB_container,
  .avatar-interaction-page .chat .message,
  .avatar-interaction-page .message.message-personal.new {
    gap: 10px;
  }
  .catalog-content .messages-content_demo .message_demo img,
  .avatar-interaction-page .message img {
    height: 25px;
    width: 25px;
  }
  .avatar-interaction-page .messages {
    margin-top: 10px;
  }
  .manage-profile-page .add-profile-inner-container,
  #set-identities .show-profile-div,
  .avtar-lab-listing .selectnbutton,
  .iconic-avatar-page .button-select-cont {
    flex-direction: column;
  }
  #set-identities .identity--popup-body textarea {
    min-height: 120px;
  }
  #edd_checkout_form_wrap
    #edd_checkout_cart
    .edd-blocks-cart__items
    .edd-blocks-cart__row {
    flex-direction: column;
    align-items: flex-start;
  }
  #edd_checkout_form_wrap
    #edd_checkout_cart
    .edd-blocks-cart__row.edd-blocks-cart__row-header {
    justify-content: space-between;
  }
  #edd_checkout_form_wrap #edd_checkout_cart .edd-blocks-cart__row div {
    flex: none;
  }
  #edd_checkout_form_wrap
    #edd_checkout_cart
    .edd-blocks-cart__row.edd_cart_footer_row {
    justify-content: end;
  }
  #edd_checkout_form_wrap
    #edd_checkout_cart
    .edd-blocks-cart__items
    .edd-blocks-cart__row
    .edd_cart_item_name,
  #edd_checkout_form_wrap
    #edd_checkout_cart
    .edd-blocks-cart__items
    .edd-blocks-cart__row
    .edd_cart_item_price {
    width: 100%;
  }
  #edd_checkout_form_wrap
    #edd_checkout_cart
    .edd-blocks-cart__items
    .edd-blocks-cart__row
    .edd_cart_item_name
    .edd_cart_actions {
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
  }
  #customPopup .sel_msg_data video {
    width: 100%;
  }
  .modal-footer {
    flex-direction: column;
    padding: 0 20px;
  }
  #customPopup .modal-footer button {
    width: 100%;
  }
  .recent-avatars-head .avatar-with-create a .create-new {
    flex-direction: column;
    gap: 0;
  }
  .my-recent-avatars .my-avatar-listing.grid-view {
    grid-template-columns: repeat(auto-fit, 200px);
  }
}
@media screen and (max-width: 380px) {
  .avatar-interaction-page .message-box {
    width: calc(100% - 40px);
  }
  .catalog-content .message-container #talk-button-demo,
  .avatar-interaction-page #talk-button,
  .avatar-interaction-page #repeat_button {
    right: 25px;
  }
  .avatar-interaction-page .avatar_chat_expander {
    right: 45px;
  }
  .at-bottom
    .avatar-interaction-page
    .single_avatar_setting.avatar-settings-open {
    bottom: 220px;
  }
  .avatar-interaction-page .video-background {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
  .main-chat-container .video-background .video-animated {
    width: 100%;
  }
  .chat-page-scroll .avatar-interaction-page .video-background {
    flex-direction: row;
    gap: 15px;
    align-items: center;
  }
  .create-avatar-page .upload-img--inner-container .show_buttons {
    top: 60px;
  }
}
