@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";

@import "https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.min.css";

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/*------------------

Mixins

--------------------*/

/*--------------------

Body

--------------------*/
.hide_menu {
  display: none;
}
.ai-video {
  margin: 40px;

  border-radius: 50%;

  height: 300px;

  /* box-shadow: 2px 10px 40px rgba(22, 20, 19, 0.4); */
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  background: linear-gradient(135deg, #044f48, #345093);

  background-size: cover;

  background: #fff;

  font-family: "Avenir", "Open Sans", sans-serif;

  font-size: 14px;

  line-height: 1.3;
}

.bg {
  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

  /* background: url('https://images.unsplash.com/photo-1451186859696-371d9477be93?crop=entropy&fit=crop&fm=jpg&h=975&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=1925') no-repeat 0 0;*/

  filter: blur(80px);

  transform: scale(1.2);

  background: #fff;
}

/*--------------------

Chat

--------------------*/
.selected-message {
  background-color: #e0e0e0; /* Add your desired styling for selected messages */
}
/* .chat {
  position: relative;

   top: 50%;

left: 50%;

transform: translate(-50%, -50%);

  width: 100%;

  height: calc(100% - 15px);

  max-height: 670px;

  z-index: 10;

  overflow: hidden;

  box-shadow: 0 5px 30px rgba(0, 0, 0, .2);

  background: rgba(0, 0, 0, .5);

  background: transparent;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  display: flex;

  justify-content: space-between;

  flex-direction: column;
} */

/*--------------------

Chat Title

--------------------*/

.chat-title {
  /* flex: 0 1 45px; */

  position: relative;

  z-index: 2;

  width: 100%;

  color: #777;

  padding-top: 50px;

  padding-bottom: 5px;

  background-color: #fff;

  text-transform: uppercase;

  text-align: center;
}

.chat-title h1,
.chat-title h2 {
  font-weight: normal;

  font-size: 14px;

  margin: 0;

  padding: 0;
}

.chat-title h2 {
  /* color: rgba(255, 255, 255, .8);*/

  font-size: 11px;

  letter-spacing: 1px;
}

.chat-title .avatar {
  position: absolute;

  z-index: 1;

  top: 8px;

  left: 9px;

  border-radius: 30px;

  width: 60px;

  height: 60px;

  overflow: hidden;

  margin: 0;

  padding: 0;

  border: 1px solid #fff;
}

.chat-title .avatar img {
  width: 100%;

  height: auto;
}

/*--------------------

Messages

--------------------*/

/* .messages {
  flex: 1 1 auto;

  color: rgba(255, 255, 255, 0.5);

  color: #fff;

  overflow: hidden;

  position: relative;

  width: 100%;

  min-height: 480px;
} */

/* .messages .messages-content {
  position: absolute;

  top: 0;

  left: 0;

  height: 480px;

  width: 100%;

  overflow-y: auto;

  max-height: 510px;

  min-height: 410px;

  padding: 0px 0 0px;
} */

/* .messages .message {
  clear: both;

  float: left;

  padding: 6px 10px 7px;

  border-radius: 20px 20px 20px 0;

  background: #eee;

  rgba(0, 0, 0, 0.1);

  margin: 10px 0;

  font-size: 14px;

  line-height: 1.4;

  margin-left: 35px;

  position: relative;

  border: 1px solid #ccc;

  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
} */

/* .messages .message .timestamp {
  position: absolute;

  bottom: -18px;

  font-size: 10px;

  color: #555;

  right: 20px;

  color: rgba(255, 255, 255, .7);
}

.messages .message .checkmark-sent-delivered {
  position: absolute;

  bottom: -18px;

  right: 0px;

  font-size: 12px;

  color: #999;
}

.messages .message .checkmark-read {
  color: blue;

  position: absolute;

  bottom: -18px;

  right: 8px;

  font-size: 12px;
} */

.messages .message::before {
  /*  content: '';

position: absolute;

bottom: -6px;

border-top: 6px solid rgba(0, 0, 0, 0.1);

left: 0;

border-right: 7px solid transparent;*/
}

/* .messages .message .avatar {
  position: absolute;

  z-index: 1;

  bottom: -15px;

  left: -35px;

  border-radius: 30px;

  width: 30px;

  height: 30px;

  overflow: hidden;

  margin: 0;

  padding: 0;

  border: 2px solid rgba(255, 255, 255, 0.5);
} */

/* .messages .message .avatar img {
  width: 100%;

  height: auto;
} */

/* .messages .message.message-personal {
  float: right;

  text-align: right;

       background: linear-gradient(120deg, #ddd, #eee);

  background: #fff;

  border: 1px solid #ccc;

  border-radius: 20px 20px 0 20px;
} */

.messages .message.message-personal::before {
  /*

  content:"";

border-color:#4A90E2 transparent;

width:0;

border-style:solid;*/

  /*

left: auto;

right: 0;

border-right: none;

border-left: 8px solid transparent;

border-top: 9px solid #fff;



bottom: -8px;*/
}

.messages .message:last-child {
  margin-bottom: 30px;
}

/* .messages .message.new {
  transform: scale(0);

  transform-origin: 0 0;

  -webkit-animation: bounce 500ms linear both;

  animation: bounce 500ms linear both;
} */

.message.error.new {
  color: red;
}

.message.regenerate.new {
  background: cornflowerblue;

  color: white;

  font-weight: bold;

  cursor: pointer;
}

.message.stopPlaying {
  background: cornflowerblue;

  color: white;

  font-weight: bold;

  cursor: pointer;
}

.message.newChat {
  background: cornflowerblue;

  color: white;

  font-weight: bold;

  cursor: pointer;
}

.message.refresh {
  background: cornflowerblue;

  color: white;

  font-weight: bold;

  cursor: pointer;
}

.messages .message.loading::before {
  position: relative;

  /*  top: 50%;

left: 50%;

transform: translate(-50%, -50%);*/

  content: "";

  display: block;

  width: 5px;

  height: 5px;

  border-radius: 50%;

  /*  background: rgba(255, 255, 255, .5);*/

  background: #888;

  z-index: 2;

  /* margin-top: 4px; */

  -webkit-animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;

  animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;

  border: none;

  -webkit-animation-delay: 0.15s;

  animation-delay: 0.15s;
}
/* .messages .message.loading.new {
  display: flex;
  align-items: center;
  gap: 3px;
  flex-direction: row;
} */
.messages .message.loading span {
  display: flex;
  gap: 3px;
  font-size: 0;
  /* width: 20px;
  height: 10px; */
  position: relative;
  align-items: center;
}
.messages .message.loading span::before,
.messages .message.loading span::after,
.messages .message.loading::before {
  margin-top: 15px;
}
.messages .message.loading span::before {
  position: relative;

  /*  top: 50%;

left: 50%;

transform: translate(-50%, -50%);*/

  content: "";

  display: block;

  width: 5px;

  height: 5px;

  border-radius: 50%;

  /*  background: rgba(255, 255, 255, .5);*/

  background: #888;

  z-index: 2;

  /* margin-top: 4px; */

  -webkit-animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;

  animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;

  /* margin-left: -7px; */
}

.messages .message.loading span::after {
  position: relative;

  /*  top: 50%;

left: 50%;

transform: translate(-50%, -50%);*/

  content: "";

  display: block;

  width: 5px;

  height: 5px;

  border-radius: 50%;

  /*  background: rgba(255, 255, 255, .5);*/

  background: #888;

  z-index: 2;

  /* margin-top: 4px; */

  -webkit-animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;

  animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;

  /* margin-left: 7px; */

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;
}

.messages .message.loading::before {
  /* top: 15px; */

  /* right: -5px; */
}

.messages .message.loading span::after {
  /* right: -10px; */
}

/*--------------------

Message Box

--------------------*/

/* .message-box {
  display: flex;

  justify-content: space-between;

  align-items: center;

  background: unset;

  padding: 10px 30px 0px !important;

  gap: 20px;
  background: #e7eff6;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
} */
/* 
.message-box .message-input {
  display: flex;

  border: 1px solid rgb(192, 191, 189);

  border-radius: 20px;

  padding: 16px;

  box-sizing: border-box;

  min-height: 50px;

  max-height: 100px !important;

  overflow: auto;

  word-break: break-word;

  white-space: pre-wrap;

  width: 85%;

  resize: none;
}

.message-box textarea:focus:-webkit-placeholder {
  color: transparent;
}

.message-box .message-submit {
  z-index: 1;

  top: 9px;

  right: 10px;

  color: #fff;

  border: none;

  background: #c29d5f;

  background: #4a90e2;

  font-size: 14px;

  text-transform: uppercase;

  line-height: 1;

  border-radius: 5px;

  outline: none !important;

  transition: background 0.2s ease;

  cursor: pointer;

  height: 100%;

  display: flex;

  width: 70px;

  padding: 25px 0;

  justify-content: center;

  align-items: center;
}

.message-box .message-submit:hover {
  background: #fff;

  color: #333;

  outline: 1px solid;
} */

/*--------------------

Custom Srollbar

--------------------*/

/* .mCSB_scrollTools {
  margin: 1px -3px 1px 0;

  opacity: 0;
} */

/* .mCSB_inside > .mCSB_container {
  margin-right: 0px;

  padding: 0 30px;
  padding: 0 30px 100px;
} */

/* .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.5) !important;
} */

.mCSB_scrollTools .mCSB_draggerRail {
  height: unset;
}

/*--------------------

Bounce

--------------------*/

@-webkit-keyframes bounce {
  0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  4.7% {
    transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  9.41% {
    transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  14.11% {
    transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  18.72% {
    transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  24.32% {
    transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  29.93% {
    transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  35.54% {
    transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  41.04% {
    transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  52.15% {
    transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  63.26% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  85.49% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes bounce {
  0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  4.7% {
    transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  9.41% {
    transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  14.11% {
    transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  18.72% {
    transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  24.32% {
    transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  29.93% {
    transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  35.54% {
    transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  41.04% {
    transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  52.15% {
    transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  63.26% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  85.49% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@-webkit-keyframes ball {
  from {
    transform: translateY(0) scaleY(0.8);
  }

  to {
    transform: translateY(-10px);
  }
}

@keyframes ball {
  from {
    transform: translateY(0) scaleY(0.8);
  }

  to {
    transform: translateY(-10px);
  }
}

/* .avenue-messenger {
  opacity: 1;

  border-radius: 20px;

  height: calc(100% - 60px) !important;

  max-height: 670px !important;

  min-height: 220px !important;

  width: 520px;

   transform: translateY(0);

-webkit-transform: translateY(0);

-moz-transform: translateY(0);



  background: rgba(255, 255, 255, 0.9);

  position: fixed;

  right: 20px;

  bottom: 20px;

  margin: auto;

  z-index: 10;

  box-shadow: 2px 10px 40px rgba(22, 20, 19, 0.4);

   transform: translateX(300px);

  -webkit-transition: 0.3s all ease-out 0.1s, transform 0.2s ease-in;

  -moz-transition: 0.3s all ease-out 0.1s, transform 0.2s ease-in;
} */

.avenue-messenger div.agent-face {
  /* position: absolute; */
  /* left: 0; */
  /* top: -50px; */
  /* right: 0; */
  margin: -65px auto 0;
  width: 101px;
  height: 80px;
  background: transparent;
  z-index: 12;
}

/* .avenue-messenger div {
  font-size: 14px;

  color: #232323;

  padding: 0;
} */

.close {
  display: block;

  width: 100px;

  height: 100px;

  margin: 1em auto;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  border-radius: 99em;

  opacity: 0.5;

  /*border: 1px solid #ccc;

color:#ccc;*/

  /* -webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.5);

-moz-box-shadow:    0px -1px 2px 0px rgba(0, 0, 0, 0.5);

box-shadow:         0px -1px 2px 0px rgba(0, 0, 0, 0.5);*/
}

.close:hover {
  /*

-webkit-box-shadow:  0 1px 1px rgba(0,0,0,0.3);

-moz-box-shadow:  0 1px 1px rgba(0,0,0,0.3);

box-shadow: 0 1px 1px rgba(0,0,0,0.3);*/

  opacity: 0.9;
}

.agent-face img.circle {
  display: block;

  width: 80px;

  height: 80px;

  margin: 1em auto;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  border-radius: 99em;

  border: 2px solid #fff;

  /*#4A90E2;*/

  /* -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);

-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);

box-shadow: 0px 0px 10px rgba(0,0,0,.8);*/
}

.contact-icon .circle:hover {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

  transition: 0.2s all ease-out 0.2s;

  -webkit-transition: 0.2s all ease-out 0.2s;

  -moz-transition: 0.2s all ease-out 0.2s;
}

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);

  border-left-color: #fff;

  border-width: 5px;

  margin-top: -5px;
}

.arrow_box {
  position: relative;

  background: #fff;

  border: 1px solid #4a90e2;
}

.arrow_box:after,
.arrow_box:before {
  left: 100%;

  top: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;
}

.menu div.items {
  display: none;
}

.menu .items span {
  color: #111;

  z-index: 12;

  font-size: 14px;

  text-align: center;

  position: absolute;

  right: 0;

  top: 40px;

  height: 86px;

  line-height: 40px;

  background: #fff;

  border-left: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  border-right: 1px solid #ccc;

  width: 48px;

  opacity: 0;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

  transition: 0.3s all ease-in-out;

  -webkit-transition: 0.3s all ease-in-out;

  -moz-transition: 0.3s all ease-in-out;
}

.menu .button {
  font-size: 30px;

  z-index: 12;

  text-align: right;

  color: #333;

  content: "...";

  display: block;

  width: 48px;

  line-height: 25px;

  height: 40px;

  border-top-right-radius: 20px;

  /*  border-top-left-radius:20px;*/

  position: absolute;

  right: 0;

  padding-right: 10px;

  cursor: pointer;

  transition: 0.3s all ease-in-out;

  -webkit-transition: 0.3s all ease-in-out;

  -moz-transition: 0.3s all ease-in-out;
}

.menu .button.active {
  background: #ccc;
}

/*

.menu .button:hover .menu .items span {

display: block;

left: -2px;

opacity: 1;

}*/

.menu .items span.active {
  opacity: 1;

  /*border-radius:10px;

height: 180px;

width: 400px;

transform:translateY(0);

-webkit-transform:translateY(0);

-moz-transform:translateY(0);*/
}

.menu .items a {
  color: #111;

  text-decoration: none;
}

.menu .items a:hover {
  color: #777;
}

/* .message.new:hover {
  background: #fff;
  color: #000;
} */

.message.new {
  transition: ease-in-out 0.3s all;
}

.tml-field-wrap label {
  font-family: Open Sans, Arial, sans-serif;
  font-size: 19px;
  color: #000;
  line-height: 1.7em;
  font-weight: 600 !important;
}

.tml-field-wrap input {
  padding: 10px !important;
  min-height: 48px;
  color: #000;
  font-weight: 600;
  font-size: 18px;
}
.tml-action #main-content .container:before {
  display: none;
}

.tml-action .container {
  padding: 100px 0 !important;
}

.tml-action div#main-content {
  background: #0c71c3;
}

.tml-action div#content-area {
  background: #fff;
  padding: 50px;
  max-width: 600px;
  margin: 0 auto;
}

.tml-action div#left-area {
  width: 100%;
  padding: 0;
}

.tml-action h1.entry-title.main_title {
  font-size: 35px;
}

.tml-action .tml .tml-field-wrap button.tml-button,
.tml-action ul.tml-links li a {
  background: #000;
  color: #fff;
  width: 100%;
  min-height: 50px;
  font-size: 18px;
  text-transform: uppercase;
  transition: ease-in-out 0.3s all;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.tml-action .tml .tml-field-wrap button.tml-button:hover,
.tml-action ul.tml-links li a:hover {
  background: #fff;
  color: #000;
}

.tml-action ul.tml-links {
  list-style: none !important;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 0 !important;
  margin-top: 20px !important;
}

.tml-action ul.tml-links li {
  width: 100%;
}

.tml-action ul.tml-links li a {
  width: 100%;
  background: #0c71c3;
  border: 1px solid #0c71c3;
}

.avenue-messenger .menu button {
  display: flex;
  align-items: center;
  min-height: 44px;
  position: absolute;
  z-index: 99;
  left: 0;
  background: #7459fe;
  font-weight: 500;
  font-size: 15px;
  padding: 10px;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
  transition: ease-in-out 0.3s all;
}

.avenue-messenger .menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding: 10px;
  background: #e7eff6;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.chat-title > h1 {
  display: none;
}

.avenue-messenger .menu button:hover {
  background: #000;
}
@media only screen and (max-device-width: 667px),
  screen and (max-width: 450px) {
  .avenue-messenger {
    z-index: 2147483001 !important;

    width: 100% !important;

    height: 100% !important;

    max-height: none !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    border-radius: 0 !important;
  }

  .avenue-messenger div.agent-face {
    top: -10px !important;

    /* left:initial !important;*/
  }

  .chat {
    border-radius: 0 !important;

    max-height: initial !important;
  }

  .circle {
    width: 80px;

    height: 80px;

    border: 1px solid #fff;
  }

  .menu .button {
    border-top-right-radius: 0;
  }
}

@media only screen and (min-device-width: 667px) {
  div.half {
    margin: auto;

    width: 80px;

    height: 80px;

    background-color: #fff;

    /* border-top-left-radius: 60px; */

    border-radius: 60px;

    border-bottom: 0;

    box-shadow: 1px 4px 20px rgba(22, 20, 19, 0.6);

    -webkit-box-shadow: 1px 4px 20px rgba(22, 20, 19, 0.6);

    -moz-box-shadow: 1px 4px 20px rgba(22, 20, 19, 0.6);
  }
}

.entry-content ul.avatar_list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1480px;
  padding: 40px 20px;
  text-align: center;
}

.avatar_section {
  background: #0c71c3;
}
.entry-content ul.avatar_list_menu {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0;
  flex-wrap: wrap;
  margin: 20px 0;
}

/* .entry-content ul.avatar_list a {
  display: flex;
  font-size: 0;
  line-height: 0;
} */
.entry-content ul.avatar_list_menu a {
  display: flex;
  font-size: 18px;
  color: #2ea3f2;
}

/* .entry-content ul.avatar_list a {
  display: flex;
  font-size: 0;
  line-height: 0;
} */
.entry-content ul.avatar_list a {
  display: flex;
  font-size: 16px;
  color: #2ea3f2;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto;
  justify-content: center;
}
.entry-content ul.avatar_list img {
  border-radius: 100%;
  width: 100% !important;
  height: 100% !important;
  transition: ease-in-out 0.4s all;
}
.entry-content ul.avatar_list li {
  overflow: hidden;
  border-radius: 0;
  width: 100%;
}

.entry-content ul.avatar_list img:hover {
  transform: scale(1.2);
}
/* Custom Css */
/* 
.chat-main-container {
  position: relative;

  background-image: url(../uploads/bg.jpg);

  height: 100%;

  display: flex;
}

.white-line {
  position: absolute;

  content: "";

  background-color: rgba(255, 255, 255, 0.3);

  width: 1px;

  height: 100%;

  top: 0px;

  left: 50%;
} */

/* .white-line.line-2 {

  left: 56%;

} */

/* .chatdid-container {
  max-width: 1380px;

  width: 100%;

  margin: auto;

  background-image: url(../uploads/bg-color.png);

  height: 80vh;

  border-radius: 20px;
} */
/* 
.chatdid-container {
  max-width: 1920px;
  width: 100%;
  margin: auto;
  background-image: url(../uploads/bg-color.png);
  height: auto;
  border-radius: 0;
}

.main-chat-container {
  display: flex;

  height: 100%;

  align-items: center;

  justify-content: space-between;

  padding: 40px;
}

.avenue-messenger-outer {
  width: 45%;
  padding: 0px;
  position: relative;
}

.video-background {
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.ai-video {
  margin: 0px auto;

  display: block;

  width: 100%;

  height: auto !important;
}

.avenue-messenger {
  position: relative;

  padding-bottom: 15px;
}

.wp-site-blocks {
  display: none;
}

.chat-title h1 {
  text-transform: none;
}

.overlay {
  overflow: hidden;

  background-color: rgb(229, 229, 229);

  display: block;

  position: absolute;

  border-radius: 100%;

  height: 100%;

  aspect-ratio: 1 / 1;

  z-index: 0;
}

.overlay:after {
  content: "";

  position: absolute;

  inset: 0px;

  transform: translateX(-100%);

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0px,

    rgba(255, 255, 255, 0.2) 20%,

    rgba(255, 255, 255, 0.5) 60%,

    rgba(255, 255, 255, 0)
  );

  animation: 2s ease 0s infinite normal none running animation-b85noa;
}

.main-chat-container .video-background .video-animated {
  width: 400px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.ai-video {
  width: 400px !important;
  height: unset !important;
  border-radius: 5px;
  overflow: hidden;
}
.ai-video {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  transition: opacity 0.5s ease-in-out 0s;

  z-index: 99999;
}

video#idle-video {
  box-shadow: 2px 10px 40px rgba(22, 20, 19, 0.4);
}
.main-chat-container {
  max-width: 1480px;
  margin: 0 auto;
}
g .post_title_data {
  margin-top: 40px;
} */
/* header nav ul.sub-menu {
  max-height: 60vh !important;
  overflow-y: auto !important;
  height: auto !important;
  overflow-x: hidden !important;
  min-height: auto;
} */
input#rememberme {
  min-height: auto;
}
.avatar_text_sec::before,
.avatar_thumb_sec::before,
.avatar_video_sec::before,
.avatar_gender_status_sec::before {
  display: none;
}
header nav ul.sub-menu a {
  padding-left: 0;
}

/* .css-75jila {
  display: block;
  border: none;
  background: url("https://chat.d-id.com/assets/record-421cbf2e.svg") center
    center no-repeat rgb(116, 89, 254);
  width: 50px;
  height: 50px;
  border-radius: 100vh;
  cursor: pointer;
} */
.css-75jila {
  display: block;
  border: none;
  /* background: url("https://chat.d-id.com/assets/record-421cbf2e.svg") center
  center no-repeat rgb(116, 89, 254); */
  width: 50px;
  height: 50px;
  border-radius: 100vh;
  cursor: pointer;
  background: #7459fe;
}
@keyframes pulse {
  0% {
    box-shadow: 0px 0px 5px 0px rgba(173, 0, 0, 0.3);
  }
  65% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0.3);
  }
  90% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0);
  }
}
/* 
.button-animate {
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  pointer-events: none;
}
.messages .message.new {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-direction: column;
  padding: 10px;
  text-align: revert;
}

.messages .message.new audio {
  width: revert !important;
  max-width: 270px !important;
  margin-left: 0 !important;
  margin: 10px 0 0 auto !important;
}
.post_title_data {
  color: #fff;
  margin: auto;
  text-align: center;
  font-size: 20px;
  font-weight: bolder;
  margin-top: 0;
  margin-bottom: 20px;
}

.chatdid-row form {
  padding: 50px 0;
}

.chatdid-col h2.chatdid-title {
  font-size: 42px;
  line-height: 52px;
}

.table.table-bordered thead tr th {
  font-size: 20px;
  padding: 10px 30px 10px 10px;
  border: 1px solid;
  color: #fff;
  padding-left: 10px;
}

.table.table-bordered thead {
  background: #0c71c2;
}

.table.table-bordered tbody#tbody {
  background: #ededed;
}

.row-index.text-center {
  border: 1px solid #fff;
  vertical-align: top;
}

.row-index.text-center video {
  margin-top: 0 !important;
}

.row-index.text-center input,
.row-index.text-center select {
  height: 40px;
  padding: 10px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 100%;
}

.chatdid-row form input[type="submit"] {
  max-width: 250px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px auto 0 !important;
  min-height: 50px;
  font-size: 15px;
  color: #fff;
  background: #0c70c1;
  border: none;
  cursor: pointer;
  transition: ease-in-out 0.3s all;
}

.chatdid-row form input[type="submit"]:hover {
  background: #000000;
}

.chatdid-col input#avatar_text {
  padding: 10px;
}
.message_select.selected.red-background {
  background-color: lightskyblue;
} */

/** ChatD-ID Popoup **/
.saved-chat-container .section_heading_main,
.saved-chat-container .section_heading {
  color: #ffffff;
}
/* div#message-data {
  max-height: 300px;
  overflow-y: scroll;
  color: #fff;
  margin-bottom: 15px;
}
.saved-chat-container div#message-data {
  overflow-y: auto;
  max-height: 460px;
} */
div#customPopup {
  padding: 0 0px 20px;
  background: #e6eef5;
  position: absolute;
  z-index: 9999;
  left: 0;
  top: -42px;
  bottom: 0;
  right: 0;
  border-radius: 20px;
  overflow-y: scroll;
  transform: none;
  width: 100%;
}
div#customPopup .modal-body {
  padding: 0 20px;
}
h5#customPopupLabel {
  font-family: "Michroma", Helvetica, Arial, Lucida, sans-serif;
  font-weight: bold;
  padding: 0;
  color: #000;
}
.chatdid-container button#saveButton,
.chatdid-container button#clearchatbtn {
  width: 100%;
  max-width: 100px;
  position: inherit;
}
.chat_history_btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.chat_history_btn {
  display: flex;
  justify-content: end;
}
/* .message.new.message_ai.message_select {
  text-align: left;
} */
/* .message.message-personal.new.message_select {
  text-align: right;
} */
/* 
div#message-data .selecte_message.selected.red-background {
  margin: 0 10px 15px 0;
  padding: 0 0 15px;
  display: flex;
  flex-direction: row-reverse;
  column-gap: 50px;
  justify-content: space-between;
  position: relative;
}
div#message-data .selecte_message.selected.red-background::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0;
}
#customPopup #message-data .message-options {
  width: 25%;
}
div#message-data .selecte_message.selected.red-background p.sel_msg_data {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 75%;
  color: #000;
}
div#message-data .selecte_message.selected.red-background:last-of-type {
  margin-bottom: 0;
} */
/* .modal-footer {
  margin-top: 30px;
  padding-left: 20px;
} */
.modal-header .close span {
  font-size: 35px;
  line-height: 1;
}
.modal-header .close {
  height: auto;
  width: auto;
  background: none;
  border: none;
  color: #000;
  opacity: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
.modal-header .close:hover {
  color: #7cda24;
}
.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));
}
div#message-data .selecte_message.selected.red-background p.sel_msg_data audio {
  width: 100%;
}
div#message-data .selecte_message.selected.red-background p.sel_msg_data audio {
  margin: 0 !important;
  width: 100% !important;
  max-width: 91%;
}
/* #customPopup label {
  text-align: left;
  display: block;
  margin: 15px 0 10px;
  color: #000;
} */
#customPopup #message-data label {
  margin-top: 0;
}
/* div#customPopup select.form-control,
div#customPopup input.form-control,
div#customPopup input.form-control::placeholder {
  color: #000;
  padding: 6px;
  width: 100%;
} */
.modal-footer button {
  background: #fff;
  border: 1px solid #000;
  color: #000;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
/* .modal-footer button:hover {
  color: #fff;
  background: #6d54f1;
  border-color: #6d54f1;
} */
div#message-data .selecte_message.selected.red-background p.sel_msg_data,
#customPopup label,
#customPopup button,
#customPopup input,
#customPopup select {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
div#customPopup select.form-control.novalidate,
div#customPopup input.form-control.novalidate {
  border: 1px solid #d93535 !important;
}
div#customPopup span.error_msg {
  background: none !important;
  color: rgb(217, 53, 53) !important;
  display: block !important;
  text-align: left;
}
.avatar_section ul.avatar_list li h6.avatar_title_li {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  padding-bottom: 15px;
}
.avatar_section ul.avatar_list li .avatar_desc {
  font-size: 14px;
  color: #fff;
  line-height: 1.1;
  padding-top: 15px;
  width: 90%;
  margin: 0 auto;
}
.success-message {
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
}
.close-success-message::before,
.close-success-message::after {
  position: absolute;
  content: " ";
  height: 25px;
  width: 2px;
  background-color: #000;
}
.close-success-message::before {
  transform: rotate(45deg);
}
.close-success-message::after {
  transform: rotate(-45deg);
}
.close-success-message {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.success-message-container {
  background: #fff;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  border-radius: 10px;
  padding: 40px;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.success-message-container-outer.successMessageContainerouter {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
body.success-popup-show #page-container::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #0000004a;
  display: block;
  z-index: 3;
}
body.success-popup-show #page-container {
  position: relative;
}
.success-message-container.success-popup {
  opacity: 1;
  visibility: visible;
  z-index: 999999;
}
.saved-chat-container {
  font-family: "Montserrat", sans-serif;
}
/* .saved-chat-container .chat-dropdown-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
} */
.saved-chat-container h2 {
  color: #fff;
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 10px;
}
.saved-chat-container p {

    font-size: 18px;
}
.saved-chat-container .chat-dropdown-sec label {
  color: #fff;
  font-weight: 600;
  display: block;
  padding-bottom: 10px;
  font-size: 16px;
}

/* .saved-chat-container .chat-dropdown-sec select,
.saved-chat-container .chat-dropdown-sec span.select2,
.saved-chat-container .chat-dropdown-sec button,
.saved-chat-container .chat-dropdown-sec span.select2-selection__placeholder,
.saved-chat-container a.history-link,
.saved-chat-container a.chat-lib-link {
  color: #000;
} */
/* .saved-chat-container .chat-dropdown-sec span.select2 {
  width: 100% !important;
} */
/* .saved-chat-container .chat-dropdown-sec button,
.saved-chat-container a.history-link,
a.chat-lib-link {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  padding: 7px 10px;
  border: none;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
  font-size: 14px;
  color: #000;
  line-height: 14px;
} */
.saved-chat-container div#clear-social-history-result {
  display: flex;
  align-items: center;
}
/* .saved-chat-container .chat-dropdown-sec button:hover,
.saved-chat-container a.history-link:hover,
a.chat-lib-link:hover {
  background: #6d54f1;
  color: #fff;
} */
/* .history-container {
  display: flex;
  align-items: flex-end;
} */
/* .saved-chat-container
  .chat-dropdown-sec
  .select2-selection.select2-selection--single {
  display: flex !important ;
  align-items: center;
}
.saved-chat-container
  .chat-dropdown-sec
  .select2-selection.select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #000 transparent transparent transparent;
}
div#user_details_container {
  margin-top: 40px;
  padding: 30px;
} */
/* #user_details_container div#message-data {
  overflow: auto;
} */
/* #user_details_container div#message-data:last-of-type,
#user_details_container
  div#message-data:last-of-type
  .selecte_message.selected.red-background {
  margin: 0;
  padding: 0;
} */
.pmpro-login .success-message-container-outer.successMessageContainerouter {
  z-index: -1;
}
/* .saved-chat-container #message-data .msg_text_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 15px;
} */
/* #user_details_container .selecte_message.selected.red-background {
  margin-right: 0;
} */
#user_details_container
  div#message-data:last-of-type
  .selecte_message.selected.red-background::after {
  display: none;
}
.user-avatar-settings
  table
  .modal
  .modal-content
  .who-avatar-input-tooltip
  .tooltip {
  /* visibility: hidden; */
  width: 44px;
  background-color: #0c71c2;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  transition: opacity 0.3s;
  z-index: 1;
  top: -5px;
}
.user-avatar-settings .chatdid-row #myForm {
  background: transparent;
  padding: 0;
}
.user-avatar-settings .chatdid-row {
  width: 100%;
  max-width: 1280px;
}
.user-avatar-settings .chatdid-row .container {
  width: 100%;
  max-width: 100%;
}
.user-avatar-settings .chatdid-row h2,
.user-avatar-settings .chatdid-row h1 {
  padding: 0;
  margin: 0;
  color: #fff;
  text-align: center;
}
.user-avatar-settings {
  font-family: "montserrat", "Open Sans";
}
.user-avatar-settings .chatdid-row .wrapper-vid-img h1 {
  padding-bottom: 50px;
}
.user-avatar-settings .chatdid-row .wrapper-vid-img table th {
  padding: 15px;
}
.user-avatar-settings .chatdid-row .wrapper-vid-img table input,
.user-avatar-settings .chatdid-row .wrapper-vid-img table select {
  padding: 10px;
  height: auto;
  color: #000;
  border-color: #000;
  border-radius: 4px;
}
.user-avatar-settings .chatdid-row .wrapper-vid-img table input[type="button"],
.user-avatar-settings .chatdid-row .wrapper-vid-img table select {
  cursor: pointer;
}
.user-avatar-settings .chatdid-row .wrapper-vid-img table .view_thumbnail,
.user-avatar-settings .chatdid-row .wrapper-vid-img table .avtar_video_preview {
  margin: auto;
  margin-bottom: 10px;
  max-width: 100%;
  max-height: 100%;
}
.user-avatar-settings .chatdid-row .wrapper-vid-img table .view_thumbnail img,
.user-avatar-settings
  .chatdid-row
  .wrapper-vid-img
  table
  .avtar_video_preview
  video {
  width: 100%;
  height: 200px;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: top center;
}
.user-avatar-settings .chatdid-row .wrapper-vid-img table td {
  border-color: #fff;
  vertical-align: middle;
  position: relative;
}
.user-avatar-settings .chatdid-row #myForm button.btn {
  padding: 10px 20px;
  cursor: pointer;
}
/* .user-avatar-settings .chatdid-row #myForm input[type="submit"],
.user-avatar-settings .chatdid-row #myForm button.btn,
div#confirmationPopup button,
button.btn.btn-danger.remove {
  background: #000;
  color: #fff;
  font-weight: 500;
  border-radius: 5px;
  display: block;
  width: max-content;
  transition: all 0.3s ease-in-out;
} */
/* .user-avatar-settings .chatdid-row #myForm input[type="submit"]:hover,
.user-avatar-settings .chatdid-row #myForm button.btn:hover,
div#confirmationPopup button:hover {
  background: #fff;
  color: #000;
} */
.user-avatar-settings .chatdid-row .wrapper-vid-img table input[type="button"],
div#confirmationPopup button {
  transition: all 0.3s ease-in-out;
}
.user-avatar-settings
  .chatdid-row
  .wrapper-vid-img
  table
  input[type="button"]:hover {
  background: #000;
  color: #fff;
}
.user-avatar-settings .chatdid-row #myForm button.btn.btn-danger,
button.btn.btn-primary.identity--trigger {
  margin-bottom: 10px;
}
button.btn.btn-primary.prompt_data.avtar_personality {
  margin-bottom: 10px;
}
.user-avatar-settings .chatdid-row #myForm input[type="submit"] {
  width: 100%;
}
.user-avatar-settings .chatdid-row div#loading-spinner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
  left: 0;
  background: #0000003d;
}
div#loading-spinner::after {
  content: "";
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  bottom: 50%;
  position: absolute;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #000;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.user-avatar-settings h2.chatdid-title_video_msg {
  padding-top: 10px;
}
.user-avatar-settings table .modal {
  width: 100%;
  max-width: 400px;
  border: none;
  border-radius: 15px;
  overflow-y: scroll;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}
.user-avatar-settings table .modal .close {
  width: auto;
  font-size: 36px;
  height: auto;
  margin: 0;
  right: 20px;
  top: 20px;
  transition: all 0.3s ease-in-out;
}
.user-avatar-settings table .modal .modal-content h3 {
  margin: 0;
  padding: 0 0 30px 0;
  color: #000;
}
.user-avatar-settings table .modal .modal-content label {
  padding-bottom: 10px;
  display: block;
  color: #000;
}
.user-avatar-settings table .modal .modal-content input {
  margin-bottom: 10px;
  padding: 7px 10px;
}
.user-avatar-settings
  table
  .modal
  .modal-content
  .who-avatar-outer
  input::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-appearance: none;
  background: #000;
}
.user-avatar-settings table .modal .modal-content .who-avatar-input-tooltip {
  position: relative;
}
/* 

.single_avatar_setting {
  color: #fff;
  font-family: "montserrat", sans-serif;
  padding-bottom: 20px;
}
.single_avatar_setting .single_avatar_setting-container h2,
.single_avatar_setting .single_avatar_setting-container h4 {
  color: #fff;
  padding: 0;
  position: relative;
  font-size: 16px;
}
.single_avatar_setting .toggle-btn {
  position: relative;
  width: 50px;
  height: 23px;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  background-color: #9b9dad;
  border: none;
}
.single_avatar_setting .toggle-btn::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: #fff;
  border-radius: 100%;
  transition: transform 0.3s ease-in-out;
  top: 0;
}
.single_avatar_setting .toggle-btn[data-status="on"] {
  background-color: #01c901;
}
.single_avatar_setting .toggle-btn[data-status="off"]::before {
  transform: translateX(-100%);
}
.single_avatar_setting .toggle-button-slider-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  align-items: center;
  padding-top: 0px;
}
.single_avatar_setting .toggle-button-slider-container .toggle-button {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}
.single_avatar_setting .single_avatar_setting-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.single_avatar_setting .toggle-button-slider-container .toggle-button-credits {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.single_avatar_setting
  .toggle-button-slider-container
  .toggle-button-credits
  h4 {
  text-transform: lowercase;
}
.single_avatar_setting .single_avatar_setting-container h2::after,
.single_avatar_setting
  .toggle-button-slider-container
  .toggle-button-credits::after {
  content: "";
  display: block;
  height: 20px;
  width: 2px;
  background: #fff;
  position: absolute;
  right: -17px;
  top: 0;
}
.single_avatar_setting .single_avatar_setting-container h2::after {
  top: -3px;
} */
.user-avatar-settings .chatdid-row .wrapper-vid-img h1 {
  padding-bottom: 10px;
  font-size: 18px;
}
.user-avatar-settings .chatdid-row .credits_purchase a.button {
  color: #fff;
  background: #000;
  display: block;
  width: max-content;
  margin: 0 auto;
  border: 2px solid #000;
  padding: 10px 20px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
}
.user-avatar-settings .chatdid-row .credits_purchase a.button:hover {
  color: #000;
  background: #fff;
}
.user-avatar-settings .chatdid-row .credits_purchase {
  padding-bottom: 20px;
}
.user-avatar-settings .chatdid-row .notes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  justify-content: center;
  padding-top: 10px;
}
.user-avatar-settings .chatdid-row .notes h3.tier_level {
  padding: 0;
  margin: 0;
  color: #fff;
}
.user-avatar-settings .chatdid-row .container.pt-4 {
  padding-top: 0px !important;
}
.membership-levels-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  font-family: "montserrat", sans-serif;
}
.membership-levels-container .membership-level {
  background: #fff;
  border-radius: 3px;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
  padding: 30px;
  text-align: center;
  width: 100%;
  height: 100%;
}
.membership-levels-container .membership-level .level-heading h3 {
  color: #000;
}
.membership-levels-container
  .membership-level
  .membership-level-page
  a.pmpro_btn {
  background: #000;
  color: #fff;
  padding: 10px 20px;
  display: block;
  width: max-content;
  margin: 0 auto;
  border: 2px solid #000;
  transition: all 0.3s ease-in-out;
}
.membership-levels-container
  .membership-level
  .membership-level-page
  a.pmpro_btn:hover {
  background: #fff;
  color: #000;
}
.membership-price p {
  font-size: 25px;
  color: #000;
  padding: 20px 0 0 0;
}
.membershp-feature ul {
  padding: 20px 0 !important;
}
.membershp-feature li {
  list-style: none;
  color: #000;
}
.sfsiplus_footerLnk {
  display: none;
}
.pmpro-login div#content-area {
  font-family: "montserrat", sans-serif;
  color: #000;
}
.pmpro-login div#content-area h1.entry-title.main_title,
.logged-in div#content-area h1.entry-title.main_title {
  color: #000;
}
.pmpro-login div#content-area input.input {
  border: 1px solid #666;
  padding: 5px 10px;
  background: #fff;
  border-radius: 3px;
  width: 100%;
  max-width: 100%;
}
.pmpro-login div#content-area .login-submit input[type="submit"] {
  border: 2px solid #000;
  background: #000;
  color: #fff;
  padding: 10px 30px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
}
.pmpro-login div#content-area .login-submit input[type="submit"]:hover {
  background: #fff;
  color: #000;
}
.pmpro-login div#content-area label {
  padding-bottom: 5px;
}
.pmpro-login div#content-area p.pmpro_actions_nav a,
.logged-in div#content-area ul.tml-dashboard-links a {
  color: #0c70c1;
  font-weight: 600;
  transition: all 0.5s ease-in-out;
}
.pmpro-login div#content-area p.pmpro_actions_nav a:hover,
.logged-in div#content-area ul.tml-dashboard-links a:hover {
  opacity: 0.7;
}
.pmpro_message.pmpro_success {
  color: #000;
}
.logged-in div#content-area .tml-dashboard {
  font-family: "montserrat", sans-serif;
}
.logged-in div#content-area ul.tml-dashboard-links li,
.logged-in div#content-area p.tml-dashboard-greeting {
  color: #000;
}
.logged-in div#content-area .tml-dashboard-avatar img {
  border-radius: 5px;
}
.logged-in div#content-area ul.tml-dashboard-links {
  padding-bottom: 0;
  margin-top: 10px;
}
.custom-popup {
  display: none;
  position: fixed;
  top: 50%;
  width: 100%;
  max-width: 400px;
  height: 400px;
  overflow-y: scroll;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 50px 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  border-radius: 5px;
  font-family: "Montserrat";
}
.close-popup {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  pointer-events: visible;
}
div#confirmationPopup p {
  color: #000;
  padding-bottom: 20px;
  font-weight: 600;
}
/* div#confirmationPopup button {
  background: #000;
  color: #fff;
  font-weight: 500;
  border-radius: 5px;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
} */
/* div#confirmationPopup button:hover {
  background: #fff;
  color: #000;
} */
.chatdid-col .wrapper-vid-img .content-vid-img .table-responsive h3 {
  color: #fff;
  text-align: left;
  padding: 0;
  /* margin: 0 0 40px; */
}
button#downloadButton_data {
  position: relative;
}

/** ChatD-ID Popoup **/

/* .saved-chat-container #message-data .msg_text_data {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
} */
/* .saved-chat-container .chat-dropdown-sec {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
} */
.saved-chat-container .chat-dropdown-sec label {
  padding-bottom: 0;
}
div#user_details_container {
  margin-top: 0;
}
.purchase-content ul li {
  margin-top: 10px !important;
}
.chatdid-container.user-avatar-settings .modal h5 {
  color: #000;
  font-weight: 600;
}
/* Saved Chat Popup Section */
.saved-chat-popup-section {
  width: 100%;
  max-width: 500px;
  background: #fff;
  border-radius: 10px;
  margin: 0 auto;
  padding: 40px;
  font-family: "montserrat", sans-serif;
  position: relative;
  height: 500px;
  overflow-y: scroll;
}
.saved-chat-popup-section-container {
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.saved-chat-popup-section .saved-chat-popupt-audio.voice-container {
  width: 15px;
  display: flex;
}
.saved-chat-popup-container-text-sec {
  margin-bottom: 10px;
}
.saved-chat-popup-container-text-sec:last-child {
  margin-bottom: 0px;
}
.saved-chat-popup-container h3 {
  color: #000 !important;
  font-size: 20px;
  font-weight: 500;
  padding: 0 0 30px;
}
.saved-chat-popup-section
  .saved-chat-popupt-audio.voice-container
  button.play-btn {
  cursor: pointer;
}
.saved-chat-popup-section
  .saved-chat-popupt-audio.voice-container
  button.play-btn.paused {
  border-width: 6px 0px 6px 13px;
  border-color: transparent transparent transparent #000000;
  background: transparent;
  border-radius: 2px;
}
.saved-chat-popup-section
  .saved-chat-popupt-audio.voice-container
  button.play-btn.played::before,
.saved-chat-popup-section
  .saved-chat-popupt-audio.voice-container
  button.play-btn.played::after {
  content: "";
  display: block;
  width: 3px;
  height: 15px;
  padding: 0;
  background: #000;
  position: absolute;
  top: 0;
}
.saved-chat-popup-section
  .saved-chat-popupt-audio.voice-container
  button.played {
  border: none;
  background: none;
  padding: 0;
  position: relative;
  width: 10px;
  height: 15px;
}
.saved-chat-popup-section
  .saved-chat-popupt-audio.voice-container
  button.play-btn.played::after {
  right: 0;
}
.saved-chat-popup-container-text-sec,
.saved-chat-popupt-select-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.saved-chat-popup-container input {
  margin: 0;
  display: block;
}
button.saved-chat-popup-close-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #000;
  background: none;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
button.saved-chat-popup-close-btn::before,
button.saved-chat-popup-close-btn::after {
  top: 1px;
  position: absolute;
  left: 8px;
  content: " ";
  height: 15px;
  width: 2px;
  background-color: #000;
}
button.saved-chat-popup-close-btn::before {
  transform: rotate(45deg);
}
button.saved-chat-popup-close-btn::after {
  transform: rotate(-45deg);
}
.close-btn-outer {
  position: absolute;
  top: 10px;
  right: 15px;
}
.saved-chat-popupt-text p {
  padding: 0;
  line-height: 1.1;
}
.selection-options,
.audio-files,
.text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
/* Saved Chat Popup Section */
/* PMPRO PAGES */
/* .pmpro-account.pmpro-body-has-access h2,
.credits_purchase h1 {
  color: #000 !important;
  font-weight: 600;
}
.pmpro-body-has-access {
  font-family: "montserrat", sans-serif;
  color: #000;
} */
/* .credits_purchase h1,
#pmpro_account .pmpro_box h2 {
  line-height: 1.2;
  padding: 0 0 20px !important;
} */
.pmpro-body-has-access a {
  color: #0c70c1;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
  margin-right: 10px;
  cursor: pointer;
}
a#social_share_nohistory {
  cursor: no-drop;
}

.pmpro-body-has-access a:hover {
  opacity: 0.7;
}
/* #pmpro_account .pmpro_box {
  border-color: #000 !important;
  padding: 20px 0 0 0 !important;
  margin: 0 0 20px !important;
} */
/* .credits_purchase a.button,
.pmpro_submit .pmpro_btn.pmpro_btn-submit-checkout,
.pmpro_submit input[type="submit"],
.pmpro_submit input[type="button"] {
  background: #000;
  color: #fff;
  padding: 10px 20px 9px;
  display: block;
  width: max-content;
  border-radius: 4px;
  border: 2px solid #000 !important;
  transition: all 0.3s ease-in-out;
  text-decoration: none !important;
} */
.credits_purchase a.button:hover,
.pmpro_submit .pmpro_btn.pmpro_btn-submit-checkout:hover,
.pmpro_submit input[type="submit"]:hover,
.pmpro_submit input[type="button"]:hover {
  background: #fff;
  color: #000;
  opacity: 1;
}
#pmpro_form .pmpro_checkout-fields input,
#pmpro_form .pmpro_checkout-fields select {
  border: 1px solid #000;
  padding: 10px;
  border-radius: 4px;
  color: #000;
  font-weight: 500;
  width: 100%;
}
#pmpro_form .pmpro_checkout-field {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
#pmpro_form .pmpro_checkout-field label {
  width: 100% !important;
}
#pmpro_form .pmpro_checkout-field.pmpro_payment-expiration select {
  width: auto;
}
.pmpro_checkout-fields #pmpro_license {
  border-color: #000;
  padding: 0;
}
.pmpro_checkout-fields #pmpro_license .et_pb_section,
.pmpro_checkout-fields #pmpro_license .et_pb_row {
  background: none !important;
  padding: 0;
  margin: 0;
}
.pmpro_checkout-fields #pmpro_license .et_pb_row {
  padding: 20px;
}
/* #member-profile-edit .pmpro_member_profile_edit-fields input,
#change-password .pmpro_change_password-fields input {
  border: 1px solid #000;
  padding: 10px;
  width: 100%;
  border-radius: 4px;
  color: #000;
  font-weight: 500;
} */
#member-profile-edit .pmpro_submit input,
#change-password .pmpro_submit input {
  display: inline-block;
}
#member-profile-edit .pmpro_submit input[type="button"],
#change-password .pmpro_submit input[type="button"] {
  margin-left: 20px;
}
/* #member-profile-edit .pmpro_submit,
#change-password .pmpro_submit {
  margin: 5px 0 0;
} */
#member-profile-edit .pmpro_submit hr,
#change-password .pmpro_submit hr {
  margin: 5px 0 20px;
}
#change-password .hide-if-no-js.empty {
  padding: 0;
  margin: 0;
  display: none !important;
}
h2 {
  color: #fff !important;
}
/* PMPRO PAGES */
/* Popup css */
/* button#delete-chat-btn {
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  border-color: transparent;
  margin: auto;
} */
/* 
button#delete-chat-btn:hover {
  background-color: #000000;
} */

.chat-title {
  padding: 10px;
  display: flex;
}

/* div#custom-popup {
  border-radius: 20px;
  z-index: 999999;
  height: 220px;
  width: 391px;
} */

span.close-popup {
  font-size: 28px;
}

/* button#delete-button {
  padding: 10px 20px;
  border-radius: 17px 0;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  border-color: transparent;
  margin-top: 10px;
  background: #7459fe;
} */

.popup-content {
  display: flex;
  flex-direction: column;
  /* margin: auto; */
  height: 100%;
  /* width: auto; */
  vertical-align: middle;
  /* min-height: 300px; */
  justify-content: center;
  /* align-items: flex-start; */
  text-align: left;
}

.popup-content label {
  display: flex;
  align-items: center;
  margin-bottom: 11px;
  font-size: 16px;
}
.popup-content label input[type="radio"] {
  margin-top: 0 !important;
}
.chat-title {
  display: flex;
}
.avenue-messenger .menu button {
  border: none;
  font-size: 12px;
  padding: 7px;
  min-height: auto;
  line-height: 1;
}
.avenue-messenger .menu {
  margin-bottom: 0px;
  align-items: flex-start;
}
.chat_history_btn {
  display: flex;
  justify-content: end;
  flex-direction: column;
  align-items: flex-end;
}
.chatdid-container button#saveButton,
.chatdid-container button#clearchatbtn {
  max-width: 135px;
}
/* .popup-content h3 {
  color: #000000;
  font-size: 20px;
  text-align: left;
  padding-bottom: 18px;
} */
.popup-content {
  text-align: center;
}
.success-message {
  text-align: center;
}

/* Purchase Content css */
ul.purchase-content {
  margin-top: 20px;
}
ul.purchase-content li {
  margin-bottom: 5px;
}
.single-download form.edd_download_purchase_form .edd-input {
  height: 47px;
  font-size: 20px;
  font-weight: 500;
  padding: 0.3em 1em;
  width: 100%;
  line-height: 1.7em !important;
}
/* .single-download form.edd_download_purchase_form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
} */
.single-download .post-2558 h1.entry-title {
  color: #000000;
}
.single-download .post-2558 p.post-meta {
  display: none;
}
/**/
.chat-history-btns,
.chat_history_btn {
  display: flex;
  gap: 10px;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.chat-history-btns label,
.chat_history_btn label {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  padding: 7px 10px;
  background: rgb(116, 89, 254);
  color: #fff;
  border-radius: 4px;
  transition: all 0.5s;
}

.social-media-links a {
  cursor: pointer;
  display: flex !important;
  flex-direction: column-reverse;
  align-items: center;
}
.mo-openid-share-link i.fa.ajax-loader.fa-spin.fa-spinner {
  margin-top: 10px;
}
/* .btns-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.chat-history-btns button,
.chat_history_btn button {
  max-width: none;
  width: auto !important;
  position: inherit !important;
  margin: 0 !important;
  border-radius: 4px; }*/

.disabled_btn {
  pointer-events: all;
  cursor: no-drop;
}
.Text--terms {
  display: none;
}
.menu_div {
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 100%;
  justify-content: space-between;
}
.chat_history_btn.library-menu-btns label:hover {
  background: #000;
  color: #fff;
}
.chat_history_btn.library-menu-btns label:hover a {
  opacity: 1;
}
/* .chat-history-btns.history-menu-btns .btns-all {
  justify-content: flex-start;
}
.chat_history_btns.library-menu-btns .btns-all {
  justify-content: flex-end;
} */
.social-media-links {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
/** Set Voice Popup **/
.ai--voice-popup.custom-popup {
  width: 100%;
  max-width: 400px;
  height: 400px;
  overflow-y: scroll;
  padding: 50px 40px;
  border-radius: 10px;
}
button.ai--voice-popup-close,
button.trait--popup-close,
button.identity--popup-close {
  width: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #000;
  background: none;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
button.ai--voice-popup-close::before,
button.ai--voice-popup-close::after,
button.trait--popup-close::before,
button.trait--popup-close::after,
button.identity--popup-close::before,
button.identity--popup-close::after {
  top: 1px;
  position: absolute;
  left: 8px;
  content: " ";
  height: 15px;
  width: 2px;
  background-color: #000;
}
button.ai--voice-popup-close::before,
button.trait--popup-close::before,
button.identity--popup-close::before {
  transform: rotate(45deg);
}
button.ai--voice-popup-close::after,
button.trait--popup-close::after,
button.identity--popup-close::after {
  transform: rotate(-45deg);
}
.close-voice-popup,
.close-trait-popup,
.close-identity-popup {
  position: absolute;
  top: 15px;
  right: 15px;
}
button.ai--voice-popup-save,
.trait--save,
.identity--save {
  background: #000;
  color: #fff;
  border: 1px solid #000;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.5s;
}
button.ai--voice-popup-save:hover,
.trait--save:hover {
  background: #fff;
  color: #000;
}
.voice-popup-select-save {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.voice-popup-select-save select#ai--voicetype-dropdown {
  width: 100%;
  border: 1px solid #000;
  border-radius: 4px;
  color: #000;
}
.male-voice-option label,
.female-voice-option label {
  display: flex;
  gap: 10px;
  align-items: center;
}
.male-voice-option,
.female-voice-option {
  margin-bottom: 20px;
}
.voice-option-input {
  display: flex;
  gap: 5px;
  align-items: center;
}
.voice-option-input input.voice-radio {
  margin: 0;
}
.voice-option-input {
  display: flex;
  gap: 5px;
  align-items: center;
  width: calc(100% - 70% - 10px);
}
.male-voice-option label audio,
.female-voice-option label audio {
  width: 80%;
}
span.Save.btn.save_prompt {
  background: #000;
  color: #fff;
  padding: 5px 10px;
  display: block;
  width: max-content;
  border-radius: 3px;
  border: 2px solid #000;
  cursor: pointer;
  transition: all 0.6s;
}
span.Save.btn.save_prompt:hover {
  background: #fff;
  color: #000;
}
/** Set Voice Popup **/
/** CSS For Media Sidebar */
.ai--voice-popup-trigger.btn,
.btn.btn-danger.delete_data,
.btn.btn-primary.prompt_data.avtar_personality,
button.btn.btn-danger.remove {
  width: 100% !important;
}

div#custom-search {
  display: flex;
  justify-content: center;
  color: #ffffff;
  align-items: center;
  margin-bottom: 30px;
}
div#custom-search input#search-input {
  margin-left: 20px;
  border-radius: 5px;
  color: #000;
  height: 28px;
  padding: 0 10px;
}
.tag_data {
  margin-bottom: 12px;
  color: #fff;
  font-size: 16px;
  padding: 0;
}
.not_found_avatar ul.avatar_list {
  grid-template-columns: auto;
}
.entry-content ul.avatar_list li h1 {
  color: #fff;
  font-size: 28px;
}
.entry-content ul.avatar_list li .button {
  background: #000;
  color: #fff;
  font-weight: 500;
  border-radius: 5px;
  display: block;
  width: max-content;
  transition: all 0.3s ease-in-out;
  padding: 10px 30px;
  margin: 15px auto 0;
  opacity: 1;
}
.entry-content ul.avatar_list li .button:hover {
  color: #000000;
  background-color: #ffffff;
}
/** Set tratot**/
.trait--popup-body {
  margin-top: 20px;
}
.traits-sliders {
  margin-top: 20px;
}
.selected-trait {
  margin-bottom: 10px;
}
.trait--popup-body span.selection li.select2-selection__choice {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.trait--popup-body
  span.selection
  li.select2-selection__choice
  span.select2-selection__choice__remove {
  color: #fff;
  margin-right: 5px;
}
.selected-trait label {
  padding-bottom: 3px;
  display: block;
}
.parent_div div {
  display: flex;
}
.parent_div {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: max-content; */
  /* border: 2px solid #000; */
  margin: 0 auto;
  padding: 20px;
  border-radius: 10px;
}
/* .parent_div video {
  border-radius: 10px;
} */
.trait--popup .save-toggle,
.identity--popup .save-toggle,
.modal-content .save-toggle {
  display: flex;
  align-items: center;
  gap: 20px;
}
.btn.btn-primary.trait--trigger,
.btn.btn-primary.identity--trigger {
  width: 100% !important;
}
.identity--popup h5 {
  color: #000;
  font-weight: 600;
  padding-bottom: 15px;
}
.identity--popup .save-toggle {
  margin-bottom: 20px;
}
.identity--popup-body .who-avatar-outer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.identity--popup-body .who-avatar-outer:last-of-type {
  margin-bottom: 0;
}
.identity--popup-body .who-avatar-outer input {
  border: 1px solid #000;
  border-radius: 5px;
  height: 35px;
  padding: 0 10px;
  color: #000;
  font-weight: 500;
}
.modal-content .save-toggle {
  padding-bottom: 20px;
}
span.select2-selection__clear {
  display: none;
}
/* Slider Styling */
/* .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4caf50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #4caf50;
  cursor: pointer;
} */

.slider-container {
  position: relative;
}

.slider-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  font-size: 14px;
  pointer-events: none;
}

.info-icon {
  font-size: 16px;
  color: #007bff;
  /* Change the color as needed */
  margin-right: 5px;
  cursor: pointer;
}

.info-link {
  color: #007bff;
  /* Change the color as needed */
  text-decoration: none;
}
.chatdid-title {
  text-align: center;
  font-size: 28px;
  padding-top: 25px;
}

.chatdid-row form {
  background: #fff;
  padding: 50px;
}
.chatdid-row {
  max-width: 100%;
  margin: 0 auto;
}

h2,
h3 {
  color: #1d2327;
  font-size: 1.3em;
  margin: 1em 0;
}

.chatdid-col h2.chatdid-title {
  font-size: 22px;
  line-height: 32px;
}

.chatdid-col .wrapper-vid-img {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
}

.chatdid-col .wrapper-vid-img .content-vid-img {
  width: 100%;
}

.table.table-bordered {
  width: 100%;
}

.table.table-bordered thead tr th {
  text-transform: capitalize;
  width: 17%;
}

.row-index.text-center {
  padding: 10px;
  max-width: 100%;
  text-align: center;
}

.chatdid-col input {
  width: 100%;
}

.row-index.text-center {
  padding: 10px;
  max-width: 100%;
  text-align: center;
}

.row-index.text-center .view_thumbnail {
  margin: 10px auto 20px;
  text-align: center;
}

/* .view_thumbnail {
  max-height: 150px;
  max-width: 150px;
  margin: 10px 10px auto;
} */

/* .view_thumbnail img {
  max-height: 150px;
  max-width: 150px;
} */

.row-index.text-center .avtar_video_preview {
  margin: 10px auto 15px;
}

.chatdid-col .wrapper-vid-img .content-vid-img .face_img_preview img,
.chatdid-col .wrapper-vid-img .content-vid-img .avtar_video_preview video {
  margin-top: 30px;
  max-width: 500px;
  max-height: 500px;
  object-fit: scale-down;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

body {
  color: #3c434a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 13px;
  line-height: 1.4em;
}

.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);
}

.close {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
  cursor: pointer;
}

/* Style for the toggle switch */
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  padding-top: 6px;

}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggole_identity {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}

.toggole_identity:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .toggole_identity {
  background-color: #2196f3;
}

input:focus + .toggole_identity {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .toggole_identity:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.toggole_identity.round {
  border-radius: 34px;
}

.toggole_identity.round:before {
  border-radius: 50%;
}

/* popup  category-change-popup*/
.close-category-change-popup {
  position: absolute;
  right: -10px;
  top: -15px;
  background: #0c71c3;
  color: #fff;
  /* padding: 10px; */
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #fff;
  box-shadow: 0 0 5px 2px rgb(14 14 14 / 50%);
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.close-category-change-popup:hover {
  opacity: 0.5;
}
div#category-change-popup {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #ffffff;
  width: fit-content;
  height: fit-content;
  padding: 50px 30px;

  min-height: 215px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 635px;
}
.select2-container {
  min-width: 164px;
}
/* .cat_sec div,
.sub-section div,
.avatar_section-data div {
  display: flex !important;
  align-items: center;
  gap: 10px;
} */
.listup-fields {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

#category-change-popup button {
  padding: 7px 20px;
  border: unset;
  color: #ffffff;
  background-color: #0c71c3;
  border-radius: 4px;
  cursor: pointer;
}

.cat_sec_popup,
.subject_sec_popup {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cat_sec_popup select,
.subject_sec_popup select {
  min-width: 165px;
}
.listup-fields input {
  max-width: 165px;
  -webkit-appearance: none; /* Chrome, Safari, Edge */
  -moz-appearance: none; /* Firefox */
}
.cat_sec_popup div,
.subject_sec_popup div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}
/* Hide the popup initially */
.identity--status--popup {
  display: none;
}
div#confirmationPopup {
  height: auto;
}
.table-responsive {
  overflow-y: hidden;
}
#pmpro_account #pmpro_account-invoices,
#pmpro_account #pmpro_account-membership {
  overflow-y: hidden;
}
table#social_media_history td {
  width: auto;
}
table#social_media_history .social-message-data {
  width: 28%;
}
div#user_details_container_social {
  padding: 20px;
}

/* Start social-Sharing page  */
.saved-chat-container .social_body #message-data .msg_text_data {
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 10px;
}
.saved-chat-container .social_body tr {
  vertical-align: top;
}
.saved-chat-container table {
  border-collapse: collapse;
}
.saved-chat-container td a {
  color: #ffffff;
}
table#social_media_history td {
  border: 1px solid #ffffff;
}
/* Switch CSS */
.switch {
  position: relative !important;
  display: inline-block !important;
  width: 60px !important;
  height: 34px !important;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.linkClass .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.linkClass .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(29px);
  -ms-transform: translateX(29px);
  transform: translateX(29px);
}

/* Rounded sliders */
.linkClass .slider.round {
  border-radius: 34px;
}

.linkClass .slider.round:before {
  border-radius: 50%;
}
button.change_category {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  padding: 7px 10px;
  border: none;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
  font-size: 14px;
  line-height: 16px;
}
button.change_category:hover {
  background: #6d54f1;
  color: #fff;
}

@media screen and (max-width: 1600px) {
  .ai-video {
    width: 400px;
  }
}
@media screen and (max-width: 1439px) {
  .membership-levels-container {
    flex-wrap: wrap;
    gap: 30px;
  }
  .membership-levels-container .membership-level {
    width: 23%;
  }
}
@media screen and (max-width: 1280px) {
  .chatdid-col .wrapper-vid-img .container {
    width: 100%;
  }
  .avenue-messenger-outer {
    width: 50%;
  }
  .avenue-messenger .menu {
    gap: 0;
  }
  .membership-levels-container .membership-level {
    width: 30%;
  }
}
@media screen and (max-width: 1024px) {
  .white-line {
    display: none;
  }
  .main-chat-container {
    flex-direction: column;
  }
  /* .ai-video {
    width: 130px;
  } */
  .chat-title h1 {
    font-size: 0;
  }
  .video-background .video-animated {
    position: relative;
  }
  /* .video-background .video-animated video#talk-video {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    z-index: 99999;
  } */
  .messages .messages-content {
    height: 470px;
    width: 100%;
    overflow-y: auto;
    max-height: 470px;
    min-height: 470px;
  }
  .chatdid-container {
    height: 100%;
  }
  .avenue-messenger {
    width: 100%;
    min-width: 320px;
    z-index: 9999 !important;
    max-height: 900px !important;
  }
  /* .message-box .message-submit {
    background: #4a90e2 !important;

    color: #fff !important;
  } */
  /* .video-background {
    width: 100% !important;
  } */
  .main-chat-container .video-background .video-animated {
    width: 300px;
    height: 300px;
    margin-bottom: 40px;
  }
  /* .ai-video {
    width: 300px !important;
  } */
  .chat-main-container {
    height: 100%;
  }
  .content-vid-img table.table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .content-vid-img table.table thead {
    display: none;
  }
  .content-vid-img table.table tbody#tbody {
    display: flex !important;
    flex-direction: column;
    width: 100%;
  }
  .content-vid-img table.table tbody#tbody tr {
    display: flex !important;
    flex-direction: column;
    width: 100%;
  }
  .content-vid-img .container {
    margin: 0;
    width: 100%;
  }
  .chatdid-row form {
    padding: 40px 20px;
  }
  input#avatar_text:after {
    content: "title";
  }
  .avatar_text_sec::before,
  .avatar_thumb_sec::before,
  .avatar_video_sec::before,
  .avatar_gender_status_sec::before {
    content: "";
    font-size: 19px;
    margin: 10px 0 !important;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background: #0c6ebd;
    padding: 10px;
    color: #fff;
  }
  .avatar_thumb_sec::before {
    content: "Image Upload";
  }
  .avatar_text_sec::before {
    content: "Avatar Name ";
  }
  .avatar_video_sec::before {
    content: "Video Upload";
  }
  .avatar_gender_status_sec::before {
    content: "Voice Type";
  }
  .avenue-messenger div.agent-face {
    display: none;
  }
  .single_avatar_setting {
    padding-bottom: 0;
  }
  .avenue-messenger-outer {
    width: 70%;
  }
  .menu_div {
    justify-content: center;
  }
  div#customPopup {
    top: 0;
  }
  .user-avatar-settings .chatdid-row .wrapper-vid-img table .view_thumbnail img,
  .user-avatar-settings
    .chatdid-row
    .wrapper-vid-img
    table
    .avtar_video_preview
    video {
    width: 300px;
    height: 300px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 900px) {
  .avenue-messenger .menu {
    flex-direction: column;
  }
  button#downloadButton_data {
    margin: 0px 0 10px;
  }
  .chat_history_btn {
    justify-content: flex-start;
  }
  .membership-levels-container .membership-level {
    width: 45%;
  }
  .user-avatar-settings table .modal {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .avenue-messenger-outer {
    width: 100%;
  }
  /* .messages {
    min-height: 400px;
  } */
  .wp-block-edd-checkout {
    display: flex !important;
    flex-direction: column;
  }
  .edd-blocks-form__cart
    .edd-blocks-cart__row
    > div:last-of-type:not(:first-of-type),
  .edd-blocks-form__cart
    .edd_cart_footer_row
    > div:last-of-type:not(:first-of-type) {
    justify-content: end;
  }

  .listup-fields {
    flex-direction: column;
    gap: 14px;
  }
  div#category-change-popup {
    min-width: 343px;
    min-height: 320px;
  }
}
@media screen and (max-width: 767px) {
  .messages .messages-content {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
  }
  /* .avenue-messenger {
    margin-top: 20px;
    border-radius: 20px !important;
    overflow: hidden;
  } */
  /* .mCSB_inside > .mCSB_container {
    padding: 0 15px;
  } */
  /* .message-box {
    padding: 10px 15px 0px !important;
  } */
  /* .main-chat-container {
    padding: 20px;
  } */
  /* .main-chat-container .video-background .video-animated {
    width: 200px;
    height: 200px;
    margin-bottom: 0px;
  }
  .ai-video {
    width: 200px !important;
  } */
  .entry-content ul.avatar_list {
    grid-template-columns: repeat(3, 1fr);
    padding: 50px 30px;
  }
  .tml-action .container {
    padding: 50px 0 !important;
  }
  .tml-action div#content-area {
    max-width: 500px;
    padding: 30px 20px;
  }
  .tml-action .tml .tml-field-wrap button.tml-button,
  .tml-action ul.tml-links li a {
    min-height: 50px;
    font-size: 15px;
  }
  .tml-action ul.tml-links {
    flex-direction: column;
    gap: 20px;
  }
  .saved-chat-container .chat-dropdown-sec {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .avatar_section-data,
  .cat_sec,
  .sub-section,
  .clear-history-result {
    flex: 1;
  }
  .mo-openid-app-icons.circle {
    border: none;
  }
  .single_avatar_setting .single_avatar_setting-container {
    flex-direction: column;
    gap: 20px;
  }
  .single_avatar_setting .single_avatar_setting-container h2::after {
    display: none;
  }
  div#customPopup {
    top: 20px;
  }
  .custom-popup {
    padding: 30px;
    left: 0;
    right: 0;
    transform: translate(0%, -50%);
    width: 280px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .media-frame-content .media-sidebar {
    width: 165px !important;
    max-width: 100% !important;
    bottom: 0 !important;
    box-sizing: content-box !important;
  }
  .media-frame-content .media-toolbar {
    right: 198px !important;
  }
  .media-frame-content .attachments-wrapper {
    right: 198px !important;
  }
  .media-frame-content .media-toolbar {
    display: flex;
    height: auto !important;
    flex-direction: column;
    padding: 15px;
  }
  .media-frame-content .media-toolbar .media-toolbar-secondary,
  .media-frame-content .media-toolbar .media-toolbar-primary.search-form {
    float: none !important;
    max-width: 100% !important;
  }
  .media-frame-content
    .media-toolbar
    .media-toolbar-secondary
    select#media-attachment-date-filters {
    width: 100% !important;
    max-width: 100%;
  }
  .media-frame-content
    .media-toolbar
    .media-toolbar-primary.search-form
    input#media-search-input {
    height: 30px;
    width: 100%;
  }
  .media-frame-content .attachments-wrapper {
    top: 195px !important;
  }
  .avenue-messenger .menu {
    gap: 10px;
  }
  .membership-price p {
    font-size: 20px;
    padding: 10px 0 0 0;
  }
  .membershp-feature ul {
    padding: 10px 0 12px !important;
  }
  .membership-levels-container
    .membership-level
    .membership-level-page
    a.pmpro_btn {
    padding: 5px 20px;
  }
  .user-avatar-settings table .modal {
    max-width: 300px;
  }

  .saved-chat-container .chat-dropdown-sec {
    flex-direction: column;
    align-items: flex-start;
  }
  .saved-chat-container #message-data .msg_text_data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    column-gap: 15px;
    min-width: 300px;
  }
  .share_data {
    margin-top: 34px;
  }

  .move_data {
    margin-top: 34px;
  }
  div#message-data .selecte_message.selected.red-background {
    column-gap: 15px;
  }
}
@media screen and (max-width: 500px) {
  .entry-content ul.avatar_list {
    grid-template-columns: repeat(2, 1fr);
    padding: 50px 20px;
  }
  .entry-content ul.avatar_list img {
    width: 100px !important;
    height: 100px !important;
  }
  div#custom-search {
    flex-direction: column;
  }
  div#user_details_container {
    padding: 20px;
  }
  .saved-chat-container #message-data .msg_text_data {
    gap: 10px;
  }
  .avenue-messenger .menu {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .chat-history-btns.history-menu-btns {
    order: 1;
    width: 100%;
  }
  .chat_history_btn.library-menu-btns {
    order: 2;
    width: 100%;
  }
  .menu_div {
    order: 3;
    width: 100%;
  }
  .single_avatar_setting .toggle-button-slider-container {
    flex-direction: column;
    gap: 15px;
  }
  .single_avatar_setting
    .toggle-button-slider-container
    .toggle-button-credits::after {
    display: none;
  }
  .avenue-messenger {
    min-width: 220px;
  }
  /* div#message-data .selecte_message.selected.red-background {
    gap: 20px;
  } */
  .membership-levels-container .membership-level {
    width: 90%;
  }
}

#loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(56, 51, 51, 0.8);
  z-index: 9999; /* Ensure it's above other elements */
  display: none; /* Hide initially */
}

.loader {
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite; /* Spin animation */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

.avatar_section .avatar_sec_title {
  text-align: center;
  padding: 40px;
}
div#social-popup {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: max-content;
  width: max-content;
  margin: 0 auto;
  background: #fff;
  padding: 40px;
  border-radius: 5px;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
  z-index: 10;
}
.close-social-media-popup {
  color: #000;
  font-weight: 700;
  text-align: end;
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
}
.user-avatar-settings .chatdid-row .wrapper-vid-img table .avatar_thumb_sec,
.user-avatar-settings .chatdid-row .wrapper-vid-img table .avatar_video_sec {
  vertical-align: top;
}
#query:disabled,
#recordButton:disabled {
  cursor: not-allowed;
}

.dt-input option {
  color: #000000;
}
.dt-input {
  margin-right: 10px;
}

/* Start Media CSS */

.parent_div.media-css {
  flex-direction: column;
}
.parent_div.media-css .media-data {
  height: auto;
  /* max-width: 300px; */
  margin: 0 auto 20px;
}
.parent_div.media-css .media-text {
  font-size: 18px;
  line-height: 28px;
  text-align: justify;
}
.et_pb_code_inner {
  display: flex;
  flex-direction: column;
}
button.clear-social-result {
  margin-left: 12px;
}

.pmpro-body-has-access a.color-change-custom {
  color: #ffffff;
}

#message-data #social_share_history {
  margin-right: 10px;
}
/* share icon will disable when class add */
a#social_share_nohistory.disabled i.mo-custom-share-icon {
  pointer-events: none;
  opacity: 0.5;
}