@font-face {
  font-family: 'MyriadProRegular';
  src: url("../../fonts/MyriadProRegular.552a2aa2757e.eot");
  src: url("../../fonts/MyriadProRegular.552a2aa2757e.eot") format("embedded-opentype"), url("../../fonts/MyriadProRegular.309f64eddf9e.woff2") format("woff2"), url("../../fonts/MyriadProRegular.6b1181253d8a.woff") format("woff"), url("../../fonts/MyriadProRegular.71b6609f615d.ttf") format("truetype"), url("../../fonts/MyriadProRegular.dd1b89f54791.svg#MyriadProRegular") format("svg");
}

@font-face {
  font-family: 'MyriadProBold';
  src: url("../../fonts/MyriadProBold.023dd6c9750b.eot");
  src: url("../../fonts/MyriadProBold.023dd6c9750b.eot") format("embedded-opentype"), url("../../fonts/MyriadProBold.e602f47413a1.woff2") format("woff2"), url("../../fonts/MyriadProBold.2bcbd8597823.woff") format("woff"), url("../../fonts/MyriadProBold.0357b4698981.ttf") format("truetype"), url("../../fonts/MyriadProBold.9291d72953fc.svg#MyriadProBold") format("svg");
}
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@400;600;700;800;900&display=swap');

* {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset {
  margin: 0;
  padding: 0;
  outline: none;
  border: 0;
}

body {
  /*padding-left:316px; */
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: 'MyriadProRegular' !important;
  color: #3b414a;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a, input, button {
  display: inline-block;
  text-decoration: none;
  color: #3a414b;
  outline: none;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
  line-height: 1.2;
  font-weight: 500;
  color: inherit;
}

small {
  text-align: left;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  letter-spacing: 0px;
}

a:focus, input:focus, textarea:focus, *:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.live-now-desktop a, .photos-desktop a, .videos-desktop a, .roulette-desktop a{
  color: #3b414a;
  text-decoration: none;
}

a.active {
  color: #9d2832 !important;
}

a:hover {
  outline: none;
  color: #3a414b ! important;
  text-decoration: none;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  left: 0;
  top: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
}

a.chat-header:hover {
    text-decoration: none;
    color: #9d2832 ! important;
}
a.chat-header:active {
    text-decoration: none;
}
.logo a.chat-header {
  font-family: 'MyriadProBold';
  font-size: 13px;
  color: #3b414a;
  vertical-align: bottom;
  text-transform: uppercase;
  padding: 0 28px;
  border-right: 2px solid #eee;
}

.logo a.chat-header:last-of-type {
  border-right: 0px;
}

.logo a.chat-header.active, .mobile-header-menu div.chat-header.active, .logo a.chat-header:hover, .mobile-header-menu div.chat-header:hover {
  text-decoration: none;
  position: relative;
  color: #9d2832;
}

.logo a.chat-header.active:after {
  position: absolute;
  height: 3px;
  margin: 0 auto;
  content: '';
  left: 0;
  right: 0;
  width: 50%;
  background-color: #9d2832;
  left: 0;
  bottom: -11px;
}
/*************profile page******** */
.desktop-gallery-custom {
  margin-top: -30px;
}
p:last-child {
  margin-bottom: 0;
}
ul.prev-next-link li {
  float: left;
  position: relative;
  border-right: 1px solid #c7c6c7;
  border-left: 1px solid #c7c6c7;
  min-width: 120px;
  text-align: center;
}
ul.prev-next-link {
  float: right;
}
ul.prev-next-link li a {
  border: 0px;

  font-size: 16px;
  line-height: 21px;
  color: #3b414a;
  padding: 5px 24px 2px;
  position: relative;
}
ul.prev-next-link li a {
  padding-left: 10px;
  padding-right: 10px;
  border: 0;
}

ul.prev-next-link li .prev i {
  margin-right: 12px;
}

ul.prev-next-link li i {
  font-size: 32px;
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
ul.prev-next-link li .next i {
  font-size: 32px;
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
ul.prev-next-link li .next i {
  margin-left: 12px;
}
ul.prev-next-link li:first-child {
  border-right: 0;
}
ul.prev-next-link li:last-child a {
      padding-right: 0;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
.hero-container {
  width: 100%;
  height: 334px;
  background-color: #333;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-container {
  padding: 24px 0 40px;
}
.profile-base-dxt {
  height: 160px;
  width: 100%;
  position: absolute;
  top: 210px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.6));
}

.about-content {
  width: 30%;
  float: left;
}

.character-profile-pic-big {
  height: 260px;
  width: 260px;
  border: 7px solid #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  margin-top: -255px;
  margin-left: -15px;
}
.new-char-profile-data {
  width: 67%;
  height: 150px;
  float: right;
  position: absolute;
  top: -150px;
  display: inline-block;
  padding-left: 15px;
  color: #fff;
  text-shadow: 0px 0px 6px #3a414b;
}

.new-char-profile-data.online_char {
  top: -180px;
}
.new-char-name {
  font-size: 30px;
  margin-bottom: 0px;
}

.new-char-rating {
  margin-top: 2px;
  /* margin-left: -30px; */
  margin-bottom: 10px;
}

.star-icon-profile {
  margin-left: 15px;
  display: inline-block;
  margin-top: -7px;
}
.star-icon-profile li {
  display: inline-block;
  margin-top: 10px;
  margin-right: -2px;
}

.star-icon-profile li span.color-icon {
    background: url("/static/images/svgIcons/Star_icon_fill.56bae5423859.svg") no-repeat center center;
    width: 18px;
    height: 17px;
    display: inline-block;
  }
  .star-icon-profile li span {
    background: url("/static/images/svgIcons/Star_icon.f9e22cd889be.svg") no-repeat center center;
    width: 18px;
    height: 17px;
    display: inline-block;
  }

.new-profile-photos ul.clips-list-items li {
  width: 32%;
  margin-top: -10px;
  margin-right: 7px;
}
.new-profile-photos ul.clips-list-items{
  display: flex !important;
  justify-content: left;
}
.new-profile-photos ul.clips-list-items li:nth-child(3n) {
  margin-right: 0 !important;
}
.custom-online-desktop {
  margin-top: 30px;
}
.head-top-online {
  margin-top: -10px;
  width: 100%;
  float: left;
  font-family: 'MyriadProBold';
  font-size: 12px;
  color: #3b414a;
  position: relative;
  z-index: 1;
}
.new-heading-name {
  font-size: 14px;
  font-family: 'MyriadProBold';
  line-height: 20px;
  color: #3a414b;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  display: inline-block;
}
.notify-onliner {
  font-family: 'MyriadProRegular';
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin-left: 10px;
}
.border-review-right {
  border-top: 1px solid #ddd;
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  top: 10px;
}
ul.hosts-list-items {
  width: calc(100% + 25px);
  margin-left: -10px;
  display: inline-block;
  vertical-align: top;
  padding: 24px 0;
}
.custom-online-desktop ul.hosts-list-items {
  margin-left: 0px;
}
.connect-icon-base {
  position: relative;
  display: inline-block;
  top: -25px;
}
/* .connect-chat-icon {
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -308px -943px;
  background: url("/static/images/svgIcons/chat_chat__up_active.ea4a35d239fa.svg") no-repeat center center;
} */

/* .connect-chat-icon.offline {
  background: url("/static/images/svgIcons/chat_chat_up.7f3ae9181671.svg") no-repeat center center;
} */

.contact-details {
  padding-left: 27px;
}
.desktop-gallery-custom .contact-details {
  margin: 31px 0px 10px -35px;
}
.connect-chat-icon-flat small, .connect-call-icon-flat small, .connect-video-icon-flat small {
  font-weight: 500;
  font-size: 12px;
  margin-left: 3px;
}
.newer-big-icon {
  margin-bottom: 30px;
}
.connect-chat-icon-flat, .connect-call-icon-flat, .connect-video-icon-flat , .connect-spoil-icon-flat {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 38px;
  width: 234px;
  background-color: #3a414b;
  border-radius: 20px;
  color: #fff;
  margin-bottom: 12px;
  margin-top: 0;
  line-height: 40px;
  padding-left: 8px;
  cursor: pointer;
}
.connect-call-icon-flat {
  display: block;
}
.connect-call-icon-flat div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.connect-chat-icon-flat img, .connect-call-icon-flat img, .connect-video-icon-flat img, .connect-spoil-icon-flat img {
  height: 22px;
  width: 20px;
  margin: 0;
}
.connect-chat-icon-flat span, .connect-call-icon-flat span, .connect-video-icon-flat span, .connect-spoil-icon-flat span {
  height: 38px;
  text-align: left;
  width: calc(100% - 40px);
}
.connect-spoil-icon-flat:hover{
  color: #fff !important;
}
.new-char-head{
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 0;
  margin-bottom: 6px;
}
.new-char-headlines {
  font-size: 17px;
  line-height: 20px;
  margin-top: -2px;
  margin-bottom: 10px;
}
ul.profile-likes {
  display: flex;
  margin-left: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
ul.profile-likes li {
  align-items: center;
  display: flex;
  gap: 8px;
  cursor: pointer;
  margin-right: 10px;
}
ul.profile-likes li span, ul.profile-likes li a{
  cursor: pointer;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.42px;
}
ul.profile-likes li .ar_block_host_btn {
  display: flex;
  align-items: center;
  gap: 8px;
}
ul.profile-likes li .ar_block_host_btn span {
  margin-top: 4px;
}
ul.profile-likes li .ar_block_host_btn.ar_blocked span {
  color: #FD7663;
}
ul.profile-likes li .ar_block_host_btn.ar_blocked svg path{
  fill: #FD7663;
}
.displayNone {
  display: none !important;
}

/* block host box css */
.ar_block_host_option_switch {
  position: absolute;
  right: 0;
  top: 0;
}
.ar_switch_check {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 22px;
  border-radius: 37px;
  background-color: #D4D4D4;
  cursor: pointer;
  transition: all .3s;
  overflow: hidden;
  box-shadow: 0 0 2px rgba(0, 0, 0, .3);
  margin: 0;
}
.ar_switch_check input{
  display: none;
}
.ar_switch_check input:checked + div{
  left: calc(48px - 19px);
  box-shadow: 0 0 0 white;
}
.ar_switch_check div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 27px;
  background-color: white;
  top: 3px;
  left: 3px;
  box-shadow: 0 0 1px rgb(150, 150, 150);
  transition: all .3s;
}

.ar_switch_check-checked{
  background-color : #FD7663;
  box-shadow: none;
}
.ar_block_host_dropdown_box {
  position: absolute;
  top: 40px;
  filter: drop-shadow(0px 6px 24px rgba(0, 0, 0, 0.10));
  width: 340px;
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  left: -20px;
  z-index: 9;
}
.ar_block_host_dropdown_box:before{
  content: '';
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  top: -9px;
  transform: rotate(45deg);
}
.ar_block_host_dropdown_single_option {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #EDEDED;
}
.ar_block_host_dropdown_single_option:last-child{
  margin: 0;
  padding: 0;
  border: none;
}
ul.profile-likes li span.ar_block_host_option_title {
  color: #3B414A;
  font-family: Overpass;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.7px;
  margin-top: 4px;
  text-shadow: none;
  cursor: auto;
}
ul.profile-likes li span.ar_block_host_option_desc {
  color: rgba(59, 65, 74, 0.80);
  font-family: Overpass;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: -0.6px;
  text-shadow: none;
  cursor: auto;
}
/* block host box css */
a.spoil-text {
  color: #FFF !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.42px;
}
.spoil-me {
  background: url("/static/images/svgIcons/spoil-icon.af5325fe3d93.svg") no-repeat center center;
  width: 21px;
  height: 21px;
  display: inline-block;
  margin-right: 0;
  background-size: cover;
}
.profile-likes .non-user-favorite {
  background: url("/static/images/svgIcons/heart-bordered.37fc28eca495.svg") no-repeat left center;
  height: 21px;
  display: inline-block;
  position: relative;
  top: 2px;
  transition: none;
  padding-left: 32px;
  line-height: 23px;
}
.profile-likes .char-not-favorite {
  background: url("/static/images/svgIcons/heart-bordered.37fc28eca495.svg") no-repeat left center;
  height: 21px;
  display: inline-block;
  position: relative;
  top: 2px;
  transition: none;
  padding-left: 32px;
  line-height: 23px;
  transform: none;
}
.profile-likes .char-not-favorite:hover{
  background: url("/static/images/svgIcons/heart_fill.1e32878902f5.svg") no-repeat left center;
  transition: none;
  color: #fff !important;
}
.profile-likes .tip-me {
  background: url("/static/images/svgIcons/dollar_white.3ba954c9c7ee.svg") no-repeat left center;
  height: 21px;
  display: block;
  position: relative;
  top: 0;
  transition: none;
  margin-right: 0;
  padding-left: 29px;
  line-height: 24px;
}
.profile-likes .tip-me:hover{
  color: #fff !important;
}
.contact-details h3 {
    font-family: 'MyriadProBold';
    font-size: 18px;
    line-height: 26px;
    color: #3b414a;
    font-weight: 700;
    margin-bottom: 10px;
    display:none;
}
.fav-text {
  display: block;
  font-size: 14px;
  margin-top:0px;
  margin-left: 0;
}
.profile-likes .non-user-favorite:hover {
  background: url("/static/images/svgIcons/heart_fill.1e32878902f5.svg") no-repeat left center;
  transition: none;
  color: #fff !important;
}
/* .profile-likes .tip-me:hover {
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -301px -518px;
} */
.new-profile-photos, .new-profile-videos {
  margin-left: 50px;
}
.heading-names {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  margin-left: 16px;
}
.show-all-right {
  font-family: 'MyriadProRegular';
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  margin-top: -24px;
}
.new-profile-photos .flex-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  height: auto;
  margin-top: 5px;
}
.gallery-wrap .heading-names{
  position: relative;
  /* top: -5px; */
}
.video-wrapper .new-profile-photos .flex-wrapper h2, .video-wrapper .new-profile-photos .flex-wrapper h4 {
  margin-bottom: 0;
}
/* .video-wrapper {
  margin-bottom: 20px;
} */
.new-profile-photos .show-all-right {
  margin-right: 10px;
}
.show-all-right span {
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -200px -228px; */
  background: url("/static/images/svgIcons/action_right_arrow.f2eb89b85031.svg") no-repeat center center;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 3px;
}
.new-profile-photos .media-thumb {
  background-position: 50% 0%;
}
.new-profile-photos figure, .new-profile-photos .media-thumb {
  min-width: 180px;
  height: 156px;
}
.btn-overflow-desktop {
  margin-top: 10px;
  text-align: left;
  display: none;
  font-family: 'MyriadProRegular';
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  /* position: absolute; */
  color: rgb(187, 187, 187);
  display: block;
}
.btn-overflow-desktop.more, .btn-overflow-desktop.less {
  cursor: pointer;
}
.new-about-me {
  margin: 0px 0px 40px -8px;
  width: 230px;
}
.header-lower {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.new-about-me h4.heading-name {
  border-bottom: 2px solid #ddd;
  width: 100%;
  padding-bottom: 2px;
  margin-bottom: 10px;
  color: #3a414b;
}
.text-overflow-desktop {
  height: 155px;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  word-wrap: break-word;
  display: block;
  text-align: justify;
}
.new-desktop-review {
  margin-left: -8px;
}
.for-new-review {
  border-bottom: 2px solid #ddd !important;
  width: 230px !important;
  margin-bottom: 10px !important;
  color: #3a414b !important;
  padding-bottom: 2px !important;
}
.review-base {
  display: block;
  margin-right: -20px;
  min-height: 0px;
  max-height: 300px;
  overflow-y: scroll;
}
.single-review-base {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.review-comment {
  position: relative;
}
.single-review-base .review-base-profile {
  height: 45px;
  width: 45px;
  text-align: center;
  margin-right: 10px;
  position: relative;
  display: inline-block;
}
.single-review-base .review-base-profile span {
  width: 73px;
  height: 73px;
  display: inline-block;
  transform: scale(0.5);
  position: absolute;
  margin-left: -37px;
  margin-top: -15px
}
.single-review-base .review-base-content {
  margin-left: 50px;
  margin-top: -50px;
  margin-bottom: -35px;
}
.single-review-base .review-base-content .reviewer {
  font-family: 'MyriadProRegular';
  font-size: 15px;
  color: #3a414b;
  font-weight: 500;
  margin-bottom: 24px;
}
.single-review-base .review-base-content .reviewer span {
  font-size: 10px;
  /* top: -10px; */
  position: relative;
  top: -7px;
}
.review-star-icon {
  position: relative;
  /* top: -25px;
  left: -15px; */
}
.single-review-base .review-base-content .review-star-icon {
  top: -45px;
  left: -16px;
}
ul.star-icon {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
  margin-left: 17px;
}
ul.star-icon li:first-child {
  padding-left: 0;
}
ul.star-icon li {
  float: left;
  padding: 0 2px;
}
.fa-star {
  color: #c7c6c7;
}
ul.star-icon li i {
  line-height: 24px;
  font-size: 18px;
  color: #bbbabb;
}
.new-desktop-review ul.star-icon li i {
  font-size: 14px;
}
ul.star-icon li .color-icon {
  color: #ffa402;
}
.single-review-base .review-base-content .review-comment {
  font-size: 13px;
    line-height: 16px;
    top: -45px;
    padding-right: 10px;
}

.ranking-by-hosts {
  margin: 0 0 15px 0;
  background: #f6f6f6;
  padding: 10px;
  border-radius: 10px;
  margin: 0 10px 10px;
}
.ranking-by-hosts h6 {
  margin-bottom: 5px;
  font-weight: 600;
  font-family: 'Overpass';
  letter-spacing: -0.05em;
}
.ranking-by-hosts span {
  font-weight: 600;
  font-size: 10px;
  line-height: 8px;
  letter-spacing: -0.03em;
  color: #434343;
}
.ranking-by-hosts .cutomer-review-ratings div:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.ranking-by-hosts ul.star-icon {
  margin-top: 0px;
  margin-left: 15px;
  margin-bottom: 0px;
}
.ranking-by-hosts ul.star-icon li i {
  font-size: 13px;
  line-height: 18px;
  width: 12px;
}

.half-circle-rating {
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: center;
}
.half-circle-rating .half-circle{
  padding-right: 7px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid #bfbfbf;
}
.half-circle-rating .half-circle.circle-fist{
  position: relative;
  left: -2px;
}
.half-circle-rating .half-circle:last-child{
  border-right: unset;
}
.half-circle-rating .half-circle:last-child:after{
  content: unset;
}
.half-circle-rating .half-bar-title {
  font-size: 10px;
  position: relative;
  top: -5px;
}
.half-circle-cust-ratings{
  position: relative;
  margin: 4px;
  float:left;
  text-align: center;
  height: 25px;
}
.barOverflow{ 
  position: relative;
  overflow: hidden; 
  width: 35px;
  height: 18px;
  margin-bottom: -14px; 
}
.halfBar{
  position: absolute;
  top: 0; left: 0;
  width: 35px;
  height: 35px; /* full circle! */
  border-radius: 50%;
  box-sizing: border-box;
  border: 7px solid #ccc;
  border-bottom-color: #ff7167;
  border-right-color: #ff7167;
}
.bar-seprate-line-wrap{
  transform: rotate(120deg);
  z-index: 1;
  position: absolute;
  left: 91%;
  top: 12px;
}
.bar-seprate-line {
  height: 7px;
    width: 0.5px;
    background: #ccc;
    position: absolute;
}
.bar-line-1{
  left: 10px;
  transform: rotate(186deg);
  top: 20px;
}
.bar-line-2{
  left: 2px;
  transform: rotate(43deg);
  top: 16px;
}
.bar-line-3{
  left: -2.3px;
  transform: rotate(87deg);
  top: 7px;
}
.bar-line-4{
  left: -1px;
  transform: rotate(118deg);
  top: 0px;
}
.circle-border{
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border: 0.4px solid #cccc;
  border-bottom: 0;
  position: absolute;
  display: block;
  z-index: 1;
}
.circle-border.circle-border-out{
  width: 35px;
  height: 21px;
  left: 0px;
  top: 0px;
}
.circle-border.circle-border-in{
  width: 21px;
  height: 21px;
  left: 7px;
  top: 7px;
}
.arrange-div-a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.arrange-div-a .media-thumb{
  filter: blur(4px);
}
.connect-chat-icon, .connect-call-icon, .connect-video-icon {
  width: 38px;
  border: 0px solid #fff;
  border-radius: 50%;
  height: 38px;
  display: inline-block;
}
/* .connect-call-icon {
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -217px -943px;
  background: url("/static/images/svgIcons/call_chat__up_active.18bf8e2a8779.svg") no-repeat center center;
}
.connect-call-icon.offline {
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -218px -899px;
  background: url("/static/images/svgIcons/call_chat_up.25533ef15fd4.svg") no-repeat center center;
} */
/* .connect-video-icon {
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -262px -943px;
  background: url("/static/images/svgIcons/Video_chat__up_active.3ddca1761392.svg") no-repeat center center;
}
.connect-video-icon.offline {
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -263px -898px;
  background: url("/static/images/svgIcons/Video_chat_up.50152412a4ca.svg") no-repeat center center;
} */
.for-new-review {
  border-bottom: 2px solid #ddd;
  width: 230px;
  margin-bottom: 10px;
  color: #3a414b;
  padding-bottom: 2px;
}
.video-locked-icon {
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -353px -820px; */
  background: url("/static/images/svgIcons/video_locked_icon.fba5677ecae7.svg") no-repeat center center;
  width: 65px;
  height: 53px;
  display: inline-block;
  margin-top: 15px;
}
.clips-hover h6 {
  font-size: 16px;
  line-height: 5px;
  color: #fff;
  text-transform: Capitalize;
  text-shadow: 0.5px 0.866px 2px rgba(0,0,0,0.6);
  letter-spacing: 1px;

}
.show-all-right a {
  color: #6c7a89;
}
.show-all-right a:hover {
  outline: none;
  color: #3a414b ! important;
  text-decoration: none;
}
.video-wrapper .show-all-right {
  position: relative;
  top: 3px;
}
.online-ui img {
  height: 10px;
  position: relative;
  top: -1px;
  margin-right: 2px;
}
/************** end profile page **************/
/* ---------------- Login Page --------------- */

.billing-base {
  background-color: #fff;
  padding-top: 2%;
  min-height: 550px;
}
.btn-payment-dark {
  margin-bottom: 15px;
  height: 38px;
  width: 100%;
  max-width: 278px;
  line-height: 40px;
  border-radius: 19px;
  background-color: #3a404a !important;
  border: 0px solid;
  color: #fff;
  font-size: 14px;
  font-family: 'MyriadProRegular';
  text-decoration: none !important;
  cursor: pointer;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.btn-payment-dark.verifyLoad {
  background-color: #3a404a !important;
  color: #fff !important;
}

a.btn-payment-dark:hover{
  color: #fff !important;
}

/* line 320, D:/WORKs/static/scss/modules/_components.scss */
.btn-payment-light {
  margin-bottom: 15px;
  height: 38px;
  width: 100%;
  line-height: 40px;
  border-radius: 20px;
  background-color: #ebecf0;
  border: 1px solid #3b414a;
  color: #3b414a !important;
  font-size: 14px;
  font-family: 'MyriadProRegular';
  text-decoration: none !important;
  cursor: pointer;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.noFloat {
  float: unset !important;
  line-height: unset !important;
  margin-bottom: 0px;
}

.subText{
   font-weight: 400;
    display: block;
    width: 100%;
    /* color: #848484; */
    color: #3b414a;
    font-size: 12px;
}

/* line 11, D:/WORKs/static/scss/modules/_blocks.scss */
.phone-error {
  color: red;
  text-align: left;
  font-size: 14px;
  display:none;
  margin-bottom: 1px;
  margin-top: 10px;
}

/* line 14, D:/WORKs/static/scss/modules/_blocks.scss */
.phone-error a {
  color: #3a414b;
  text-decoration: underline;
  font-weight: bold;
  text-underline-position: under;
}

.input-controller {
  position: relative;
}
/* .css-loading-design, .css-loading-designs {
  height: 10px;
  width: 42px;

  display: none;
  position: absolute;
  top: 23px;
  right: 20px;
} */

/* .css-loading-design {
  position: absolute;
  top: 28px;
  right: 21px;
} */
.intl-tel-input .country-list {
  width: 276px !important;
}



.custom-online-desktop .online-host-display {
  margin: -2px;
}

/* .char-profile-img {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #3a414b;
} */

.char-profile-name {
  font-family: 'MyriadProRegular';
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  bottom: 50px;
  position: absolute;
  left: 0;
  right: 0;
  height: 29px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: #fff;
  font-weight: 900;
  z-index: 5;
}

.online-small-icon {
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png")
  no-repeat -88px -30px !important; */
  width: 10px !important;
  height: 10px !important;
  display: inline-block;
  position: relative;
  top: 1px;
  left: 1px;
  background-color: #2eb130;
  border-radius: 50%;
}

.busy-small-icon {
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -88px -100px !important;
  width: 11px !important;
  height: 11px !important;
  display: inline-block;
  position: relative;
  top: 1px;
  left: 1px;
}

.heading-tests h1, .heading-tests-online h1 {
  font-size: 24px;
  font-weight: 500;
}

.email-join-success-notice {
  height: 41px; width: 100%;
  background-color: #fafafa;
  border-bottom: 1px solid #d7d6d7;
  display: block;
  text-align: center;
  margin: 10px 0px 21px 0px;
}
.email-join-success-notice p {
  font-size: 14px;
  display: inline-block;
  width: calc(100% - 20px);
  line-height: 41px;
  margin-bottom: 0px;
}

.decor-link {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
}

.email-join-msg-close {
  position: absolute;
  right: 0px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  bottom: auto;
}

h1.hidden-sm-custom{
  font-size: 24px; font-weight: 500;
}

.head-top {
  margin-top: 35px;
  width: 100%;
  float: left;
  font-family: 'MyriadProBold';
  font-size: 12px;
  color: #3b414a;
  position: relative;
  z-index: 1;
}

.head-top .heading-name {
  float: left;
}

.head-top .heading-name-right {
  float: right;
}

.heading-name {
  font-family: 'MyriadProRegular';
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #3a414b;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: uppercase; font-weight: 600;
}

.heading-name-right {
  font-family: 'MyriadProRegular';
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 0;
}
.heading-name-right a{
  color: #6c7a89;
}

.heading-name-right a:hover {
  color: #3a414b;
}
.heading-name-right a span {
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -200px -228px; */
  background: url("/static/images/svgIcons/circle_arrow_grey.642c60a116ce.svg") no-repeat center center;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.heading-name-right span:hover{
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -200px -251px; */
  background: url("/static/images/svgIcons/circle_arrow_dark.f3169cb8123c.svg") no-repeat center center;

}

.gallery-inner-outer {
  background: #fff;
  /* margin-left: -27px; */
  padding: 0px 0;
  border-top: 0px;
}

ul.clips-list-items {
  width: 100%;
  margin-left: 0px;
  display: inline-block;
  vertical-align: top;
  min-height: 90px;
}

ul.clips-list-items li {
  width: 25%;
  float: left !important;
  /* padding: 15px !important; */
  padding: 10px 0px !important;
  position: relative;
}


.clips-box {
  position: relative;
  float: left;
  background-color: #fafafa;
  border: solid 1px #dddbdd;
  border-radius: 10px;
  width: 100%;
}

ul.live-now-list {
  text-align: left;
}



.for-New-empty-video, .for-New-empty-photo{
  text-align: center;
  font-size: 16px;
  color: #D8D7DA;
  margin: 0 auto;
  padding: 60px;
}

.for-New-empty-video p, .for-New-empty-photo p {
  padding: 20px;
  font-size: 24px;
}

.for-New-empty-photo span{
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -209px -558px;
  width: 125px; height: 125px; display: inline-block; margin-top: 20px;
}

.for-New-empty-video span{
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -211px -707px; */
  background: url("/static/images/svgIcons/video_big_grey.dff1bc1c73e5.svg") no-repeat center center;
  width: 122px;
  height: 102px;
  display: inline-block;
  margin-top: 20px;
}

.content-before-footer {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
}

.head-before-footer {
  font-size: 20px;
  font-weight: 500;
}

.btn-overflow.arrow_bttm {
  top: -10px;
  position: relative;
}

.btn-overflow {
  font-family: 'MyriadProRegular';
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center !important;
}

.margin-0 {
  margin-left: 0;
  margin-right: 0;
}

#userHelp {
  text-align: left;
  display: flex;
  font-size: 12px;
  margin: 0px;
  letter-spacing: 0px;
  width: 100%;
  padding-right: 0;
  margin-right: 0;
}

/* line 107, D:/WORKs/static/scss/pages/_login-signup.scss */
.form-check label {
  text-align: center;
}

/* line 111, D:/WORKs/static/scss/pages/_login-signup.scss */

/* line 113, D:/WORKs/static/scss/pages/_login-signup.scss */
.form-check p {
  text-align: center;

}

/* line 33, D:/WORKs/static/scss/pages/_previousStyling.scss */
.container {
  width: 100%;
  max-width: 920px;
}
.container.ar-chat-module-container{
  width: 100%;
  max-width: 1140px;
}

.display-block {
  display: block !important;
}

.form-group {
  margin-bottom: 0px;
}

.form-group button {
  border: 0px;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.form-group label {
  float: left;
  font-size: 15px;
  font-family: 'MyriadProRegular';
  color: #3a414b;
  line-height: 2px;
}

.form-control {
  height: 34px;
}

.form-control:focus {
  border-color: #3a414b;
  box-shadow: 0px 0px 15px 1px #aaa ! important;
}

.form-control .bar-with-border.updateCredit{
  width: 65px;
  display: inline-block;
  height: 30px;
}

.form-group label{font-size: 15px;}

.v-failed {
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -350px -105px; */
  background: url("/static/images/svgIcons/info_red.c93975a229b2.svg") no-repeat center center;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  float: right;
  top: -26px;
  right: 10px;
}
.v-success {
  background: url("/static/images/svgIcons/success_icon.826f565b9256.svg") no-repeat center center;
  width: 16px;
  height: 11px;
  display: inline-block;
  position: relative;
  float: right;
  top: -20px;
  right: 10px;
}
.loading-first {
  animation: loadingAnimation 1s infinite 0s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.loading-second {
  animation: loadingAnimation 1s infinite 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.loading-third {
  animation: loadingAnimation 1s infinite 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.width-100-perc {
  width: 100%;
}
.hide {
  display: none;
}
@keyframes loadingAnimation{
  0%{
      transform: scale(0);
      }
  25%{
      transform: rotate(xx) scale(1);
      }
  50%{
      transform: rotate(xx) scale(0);
      }
  75%{
      transform: rotate(xx) scale(1);
      }
}

.css-loading-design, .css-loading-designs{height: 10px; width: 42px; display: none; position: relative; float: right; margin-right: 0px; top: -26px;}
.css-loading-design span, .css-loading-designs span{border-radius: 50%; background: #aaa; line-height: 10px;
  height: 6px; width: 6px; display: inline-block; position: relative;}


  .css-loading-design , .css-loading-designs {
    position: absolute;
    top: 28px;
    right: 21px;
  }
/* .css-loading-designs{
  position:absolute;
  top:8px;
  left:55%;
} */

.border-failed {
  border: 1px solid #ff0000 !important;
  border-radius: 3px !important;
}

small#phoneHelp {
  display: block;
  width: 100%;
  font-size: 12px;
}
.flag-container{
  border-right: 1px solid #3a414b;
  z-index: 1;
}
input[type=tel].phone-num-place {
  border: 1px solid #3a414b;
}
.css-loading-designs span{
  border-radius: 50%;
  background: #aaa;
  line-height: 10px;
  height: 6px;
  width: 6px;
  display: inline-block;
  position: relative;
}

.email-div .css-loading-design {
  top: 27px;
  right: 33px;
}

.joinError, .userError {
  display: none;
  color: red;
  text-align: left;
  font-size: 14px;
  padding-top: 5px;
}

.joinError {
  text-align: center;
}



.begin-email-error {
  color: red;
  text-align: left;
  font-size: 14px;
  display: none;
  margin-bottom: 1px;
  margin-top: 3px;
}

.selection-div{
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}

#phone-resend-code {
  display: block;
}

.form-check-input{
  margin-top: 1px;
}


.submit_button_disabled{
  background-color: #ebebeb !important;
  color:#3a404a !important;
}

.adjustmargin{
  font-size:16px;
  margin: -11px 0px 25px 0px;
}
.bar-with-border {
  border: 1px solid #3a414b;
  border-radius: 5px;
}

.join-texts a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: under;
}
.mt-10 {
  margin-top: 10px;
}

.sign-code-verify.purchase_ui form {
  max-width: 281px;
  margin: auto;
}

.billing-menu-login {
  padding: 0;
  margin-top: 104px;
  text-align: center;
  padding-bottom: 4px;
  min-height: 50px;
}

.billing-base-success {
  background-color: #f2f0f3;
  padding-top: 10px;
  padding-left: 5%;
  padding-right: 5%;
  min-height: 600px;
  margin-top: 57px;
}

.billing-base-success {
  background: #fff;
}


.billing-base-success .text-center i {
  display: block;
  margin-top: -100px;
  font-size: 100px;
  -webkit-text-stroke: 5px #f2f0f3;
}

.ds-success {
  background: url("/static/images/svgIcons/email_sucess.11edd391403e.svg") no-repeat center center;
  width: 139px;
  height: 139px;
  transform: scale(0.8);
  display: inline-block;
}
.ds-pending {
  background: url("/static/images/svgIcons/status_pending.5a46f6f42531.svg") no-repeat center center;
  width: 139px;
  height: 139px;
  transform: scale(0.8);
  display: inline-block;
}

.ds-decline {
  /* background: url("/static/images/arousr-sprites-buy-credits_02.769d73ec6e04.png") no-repeat -449px -15px; */
  background: url("/static/images/svgIcons/reject_dark.3a858b046089.svg") no-repeat center center;

  width: 139px;
  height: 139px;
  transform: scale(0.8);
  display: inline-block;
}

.good-text-next {
  font-family: 'MyriadProRegular';
  font-size: 18px;
  color: #3a414b;
}

.good-text-next span {
  font-size: 16px;
}

.red-heading-top {
  text-align: center;
  font-size: 1.7em;
  padding: 20px;
  color: #861726;
  margin-top: 130px;
}

.mar-top-130 {
  margin-top: 130px !important;
}

.re-confirm-phone, .code-sent-notice{display: none;}

.invalid-code {
  text-align: left;
  display: none;
  color: red;
}

.cust-code-sent{
  font-size: 16px;
  font-weight: 600;
  margin-top: 25px;
}

.cust-code-sent span{
  background: url("/static/images/arousr-sprites-buy-credits_02.769d73ec6e04.png") no-repeat -14px -221px;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: relative;
  left: 7px;
  top: 3px;
}

.contact-support {
  margin-top: 20px;
  font-family: 'MyriadProRegular';
  font-size: 15px;
  color: #3a414b;
}

.contact-support span {
  cursor: pointer;
  font-family: 'MyriadProRegular';
  text-decoration: underline;
  font-weight: 600;
  text-underline-position: under;
}

.buttonload, .processLoad, .verifyLoad {
  color: #3a414b !important;
  background-color: #fff;
  letter-spacing: 0px;
  border: 1px solid #3a414b;
  pointer-events: none;
  display: none;
  cursor: progress;
}

.bg-color-fff-imp {
  background-color: #fff !important;
}

.promotion-pop-wrap {
  position: fixed;
  z-index: 99999;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.80);
}
.promotion-pop-wrap .main-pop-window {
  border-radius: 20px;
  background: url("/static/images/promo-popup-bg.e6f5900e0606.png");
  width: 350px;
  height: 441px;
  padding: 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  box-shadow: none;
  right: auto;
}
.promotion-pop-wrap .main-pop-window .pops-display-texts {
  height: auto;
  width: 100%;
  padding: 230px 46px 0px 46px;
}
.promo-pop-title {
  color: rgba(59, 65, 74, 0.95);
  text-align: center;
  font-size: 17px;
  font-family: Overpass;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.85px;
}

.promo-pop-info {
  color: #3D434C;
  text-align: center;
  font-size: 12px;
  font-family: Overpass;
  font-style: normal;
  font-weight: 600;
  line-height: 11px;
  letter-spacing: -0.36px;
  border-radius: 5px;
  background: rgba(253, 118, 99, 0.10);
  padding: 9px 8px;
  margin-top: 14px;
}

.promotion-pop-wrap .pops-footer {
  border: none;
  height: auto;
  position: unset;
  text-align: center;
  padding-bottom: 30px;
}

.promotion-pop-wrap .pops-footer .ar-btn-dark {
  display: block;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-family: Overpass;
  font-style: normal;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: -0.42px;
  text-transform: uppercase;
  background: #3A414B;
  max-width: 290px;
  margin: 20px auto;
  height: 40px;
  border-radius: 50px;
}

.promotion-pop-wrap .pops-footer .ar-pop-link {
  color: #FD7663;
  text-align: center;
  font-size: 11px;
  font-family: Overpass;
  font-style: normal;
  font-weight: 600;
  line-height: 10px;
  letter-spacing: -0.44px;
  text-decoration-line: underline;
  text-transform: uppercase;
  float: none;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  cursor: pointer;
}

@media only screen and (min-width: 767px) {
  .ar_subscribe_available .marginal-big {
    margin-top: 180px;
  }
  .marginal-big {
    margin-top: 110px;
  }
  ul.clips-list-items li {
    max-height: 245px;
    min-height: 245px;
  }
  .confirmation-pop .main-pop-window{
    height: auto;
  }
  .confirmation-pop .pops-header{
    border: none;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 12px 18px;
    height: auto;
  }
  .confirmation-pop .pops-image, .confirmation-pop .pops-close {
    margin: 0;
    float: none;
  }
  .confirmation-pop .pops-text {
    color: #3C434B;
    font-size: 15px;
    font-family: Overpass;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: -0.7px;
    margin: 0;
    width: auto;
  }
  .confirmation-pop .main-pop-window .pops-display-texts{
    height: auto;
    margin-top: 20px;
  }
  .confirmation-pop .pops-main-txt {
    color: #3D434C;
    text-align: center;
    font-size: 18px;
    font-family: Overpass;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.72px;
  }
  .confirmation-pop .pops-main-txt .character-name {
    color: #FD7663;
  }
  .confirmation-pop .pops-small-txt {
    color: #3B404A;
    text-align: center;
    font-size: 13px;
    font-family: Overpass;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: -0.36px;
    margin: 15px 0;
    text-transform: capitalize;
  }
  .confirmation-pop .pops-test-setup {
    border-radius: 8px;
    background: rgba(136, 22, 35, 0.04);
    color: #3D434C;
    text-align: center;
    font-size: 12px;
    font-family: Overpass;
    font-style: normal;
    font-weight: 600;
    line-height: 11px;
    letter-spacing: -0.36px;
    padding: 14px;
  }
  .confirmation-pop .pops-test-setup .test-setup-link {
    color: #FD7663;
    text-decoration: underline;
    border: none;
    background: transparent;
  }
  .confirmation-pop .pops-test-setup .test-setup-link:hover {
    outline: none;
    color: #3a414b ! important;
    background: transparent;
  }
  .confirmation-pop .pops-footer{
    height: auto;
    position: unset;
    width: 100%;
    display: flex;
    padding: 20px;
    gap: 12px;
    border: none;
  }
  .confirmation-pop .pops-footer .pops-left-button, .confirmation-pop .pops-footer .pops-right-button{
    position: unset;
    text-align: center;
    font-size: 14px;
    font-family: Overpass;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.7px;
    text-transform: uppercase;
    height: 45px;
    line-height: 45px;
    border-radius: 50px;
    border: none;
    margin: 0;
  }
  .confirmation-pop .pops-footer .pops-left-button{
    background: #E2E2E2;
    color: #3B404A;
  }
  .confirmation-pop .pops-footer .pops-right-button{
    background: #3B404A;
    color: #FFF;
  }
}

.custom-online-desktop .online-host-display {
  margin: -2px;
}

.online-small-icon {
  width: 10px !important;
  height: 10px !important;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  background-color: #2eb130;
  border-radius: 50%;
  margin-right: 2px;
}

.busy-small-icon {
  background-image: none !important;
    width: 10px !important;
    height: 10px !important;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0px;
    background-color: #f77563 !important;
    border-radius: 50px;
    margin-right: 2px;
}
.online-icon-media span{
  margin-left: 4px;
}
.busy-icon-media span{
  margin-left: 4px;
}

.main-pop-outer,
.main-pop-Tips,
.main-pop-Purchase,
.main-pop-Ratings,
.main-pop-Rate-Thanks,
.main-pop-LoginAction,
.main-pop-Login,
.main-pop-Phone,
.main-pop-Media,
.main-pop-confirmation,
.main-pop-AdultList,
.main-pop-PopBase,
.main-pop-permission
.main-popup-roulette-paid-call {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.main-pop-window {
  position: fixed;
  display: block;
  width: 375px;
  height: 328px;
  border-radius: 10px;
  background-color: #fff;
  /* top: 30%;
  left: 50%;
  transform: translate(-50%, -50%); */
  top: 10%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1001;
  box-shadow: 1.5px 2.598px 5px;
  opacity: 1 !important;
  animation: popDown 0.5s forwards 0s ease-out;
}

.main-pop-window-md {
  position: fixed;
  display: block;
  width: 300px;
  height: auto;
  border-radius: 10px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  z-index: 1001;
  box-shadow: 1.5px 2.598px 5px;
  opacity: 1 !important;
  animation: popDown 0.5s forwards 0s ease-out;
}

.pops-header {
  height: 45px;
  border-bottom: 1px solid #b5b6b7;
  display: fixed;
}

.pops-image {
  background-image: url("/static/images/icons/favicon-96x96.4dddd5077ffe.png") !important;
  display: inline-block;
  width: 27px;
  height: 27px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin: 9px 0px 0px 9px;
}

.pops-text {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  width: 80%;
  font-family: 'MyriadProRegular';
  text-align: center;
  margin: 0px;
  margin: 12px 0px 0px 0px;
}

.pops-close {
  display: inline-block;
  width: 15px;
  height: 15px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  float: right;
  cursor: pointer;
  margin: 14px 14px 0px 0px;
}

.pops-close-css {
  display: inline-block;
  width: 15px;
  height: 15px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  float: right;
  cursor: pointer;
  margin: 14px 14px 0px 0px;
}

.pops-display-texts {
  position: relative;
  height: 236px;
  width: 375px;
  text-align: center;
  font-family: 'MyriadProRegular';
  font-size: 23px;
  padding: 0px 30px 0px 30px;
  display: flex;
  /* vertical-align: middle; */
  line-height: 25px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.pops-display-texts p:first-child {
  font-size: 40px;
  margin-bottom: 20px;
}
.main-pop-Oops, .main-pop-registerPhone, .main-pop-Oops-roulette {
  position: fixed;
  z-index: 99999;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.current-balance {
  display: none;
}

.main-pop-Oops-roulette .cancel-btn-device-popup {
  width: 100%;
}


.pops-footer {
  position: absolute;
  height: 45px;
  border-top: 1px solid #3a414b;
  bottom: 0px;
  width: 100%;
}

.pops-left-button {
  display: inline-block;
  float: left;
  height: 45px;
  line-height: 47px;
  width: 50%;
  background-color: #f0f0f0;
  color: #3a414b;
  text-transform: uppercase;
  font-size: 1rem;
  text-align: center;
  height: 100%;
  border-radius: 0px 0px 0px 10px;
  cursor: pointer;
}

.camera-microphone-modal-okbtn {
  width: 100% !important;
  border-radius: 0 0 8px 8px;
}

/* Email Verification Popup CSS Start */
.main-pop-email-verification .pops-header{
  border: none;
}

.main-pop-email-verification .new-join-text {
  text-align: center;
  max-width: 260px;
  width: 100%;
  margin: 0 auto 20px;
}
.main-pop-email-verification.main-pop-email-verification-success .new-join-text {
  margin: 34px auto 20px;
}
.main-pop-email-verification.main-pop-email-verification-success .main-pop-window-md{
  background: url("../../images/success-popup-bg.c56c258376cb.png");
  background-size: 102%;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #fff;
}
.main-pop-email-verification .pops-icon-box {
  width: 65px;
  height: 65px;
  background: #FFEFED;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 18px;
}

.main-pop-email-verification .pops-title {
  color: #3A414B;
  text-align: center;
  font-family: Overpass !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: -0.8px;
}

.main-pop-email-verification .new-join-text p {
  color: #58626C;
  text-align: center;
  font-family: Overpass !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: -0.52px;
  margin: 12px 0 20px;
}

.main-pop-email-verification .form-control {
  height: 40px;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  background: #F5F5F5;
  color: #3B404A;
  font-family: Overpass !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 11px;
  letter-spacing: -0.42px;
}

.btn-fill-yellow {background: #FDC363;filter: drop-shadow(0px 4px 8px rgba(253, 195, 99, 0.50));display: block;height: 42px;width: 100%;border-radius: 50px;margin-top: 14px;color: #3B404A;text-align: center;font-family: Overpass !important;font-size: 14px;font-style: normal;font-weight: 800;line-height: 13px;letter-spacing: -0.42px;text-transform: uppercase;}

/* Email Verification Popup CSS End */

/* Coupon modal popup css starts */
.active-coupon-notification-modal .main-pop-window {
  position: fixed;
  display: block;
  width: 300px;
  height: auto;
  border-radius: 10px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  margin: 0;
  z-index: 1001;
  box-shadow: 1.5px 2.598px 5px;
  opacity: 1 !important;
  animation: popDown 0.5s forwards 0s ease-out;
  transform: translate(-50%, -50%);
}
.active-coupon-notification-modal .pops-display-texts {
  position: relative;
  height: auto;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #58626C;
}
.active-coupon-modal-body {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  background: url("/static/images/Backgroun-image.b1b50876e404.svg") no-repeat top center;
}
.active-coupon-modal-body .pops-close{
  position: fixed;
  top: 0;
  right: 0;
}
.active-coupon-modal-body .coupon-icon {
  width: 70px;
  height: 70px;
  margin: 35px 0 20px;
  font-size: 14px;
  font-weight: 800;
  color: #3B404A;
}
#active-coupon-redeem-button.pops-right-button {
  width: 260px;
  height: 40px;
  line-height: 40px;
  float: none;
  border-radius: 40px;
  color: #3B404A;
  background: #FDC363;
  margin: 20px 0;
  font-size: 14px;
  font-weight: 800;
  filter: drop-shadow(0px 4px 8px rgba(253, 195, 99, 0.50));
}
/* Coupon modal popup css Ends */


.pops-right-button {
  display: inline-block;
  float: right;
  height: 45px;
  line-height: 47px;
  width: 50%;
  background-color: #3a414b;
  color: #f0f0f0;
  text-transform: uppercase;
  font-size: 1rem;
  text-align: center;
  height: 100%;
  border-radius: 0px 0px 10px 0px;
  cursor: pointer;
}
.pops-right-button.confirmPurchaseLoading {
  background-color: #3a414b;    
  color: #666;              
  cursor: not-allowed;      
  opacity: 0.6;
  pointer-events: none;
  color: #f0f0f0;
  text-transform: uppercase;
  font-size: 1rem;
  text-align: center;
  height: 100%;
  border-radius: 0px 0px 10px 0px;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 45px;
  line-height: 47px;
  width: 50%;
  display: none;
}

.pops-dark-button {
  display: inline-block;
  float: right;
  height: 45px;
  line-height: 47px;
  width: inherit;
  background-color: #3a414b;
  color: #f0f0f0;
  text-transform: uppercase;
  font-size: 1rem;
  text-align: center;
  height: 100%;
  border-radius: 0px 0px 10px 10px;
  cursor: pointer;
}

.thumb_overlay {
  position: relative;
}

.thumb_overlay:before {
  content: '';
  background: linear-gradient(transparent, rgba(0, 0, 0, .6));
  position: absolute;
  /* width: 100%; */
  height: 45px;
  bottom: 0;
}

.thumb_overlay .video-duration {
  bottom: 1px;
}

.heart_icon,
.view_icon {
    position: absolute;
    min-height: 15px ! important;
    bottom: 5px;
    left: 10px;
    color: #fff !important;
    line-height: 15px;
    display: inline-block !important;
    background: transparent !important;
    cursor: pointer;
}

.heart_icon .char-not-favorite,
.heart_icon .char-is-favorite,
.view_icon .char-not-favorite {
    /* background-position: -150px -344px; */
    top: 1px;
    /* background-size: 300px; */
    width: 12px;
    height: 12px;
    vertical-align: text-top;
}

.char-not-favorite {
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -250px -523px; */
  background: url("/static/images/svgIcons/heart_bordered_white.b13467882d78.svg") no-repeat center center ;
  display: inline-block;
  position: relative;
  transition: none;
}

.heart_icon .char-not-favorite-heart {
  /* background-position: -150px -344px; */
  top: 1px;
  /* background-size: 300px; */
  width: 12px;
  height: 12px;
  vertical-align: text-top;
  background: url("/static/images/svgIcons/heart_bordered_white.b13467882d78.svg") no-repeat center center ;
  display: inline-block;
  position: relative;
  transition: none;
}

.char-is-favorite {
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -227px -523px;
  display: inline-block;
  position: relative;
  transition: none;
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -250px -523px; */
  background:url("/static/images/svgIcons/action_Heart_Filled.b45dcdf78284.svg") no-repeat center center;
  display: inline-block; position: relative; transition: none;
  background-size: cover !important;
  background-position: center !important;
  transform: scale(1.2);
}
.profile-likes .char-is-favorite{
  background: url("/static/images/svgIcons/heart_fill.1e32878902f5.svg") no-repeat left center !important;
  transition: none !important;
  color: #fff !important;
  height: 21px;
  display: inline-block;
  position: relative;
  top: 2px;
  padding-left: 32px;
  line-height: 23px;
  width: auto;
  text-indent: unset;
  transform: none;
}

/* a:hover {
  outline: none;
  color: #3a414b ! important;
  text-decoration: none;
} */

.width-100-perc {
  width: 100%;
}

@media (min-width: 767px) {
  .char-not-favorite {
    transform: scale(1.2);
  }
}

.clips-hover {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
}

.clips-hover h6 {
  font-size: 16px;
  line-height: 5px;
  color: #fff;
  text-transform: Capitalize;
  text-shadow: 0.5px 0.866px 2px rgba(0,0,0,0.6);
}

.clips-hover img {
  height: 40px;
  width: auto;
  opacity: 0.7;
}

figure {
  width: 100%;
  height: 180px;
}

figure img {
  width: 100%;
  border-radius: 10px 10px 0 0;
}

.media-thumb {
  width: 100%;
  height: 180px;
  border-radius: 10px 10px 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

figcaption {
  position: relative;
  overflow: hidden;
  height: 35px;
  width: 100%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'MyriadProBold';
  font-size: 13px;
  line-height: 16px;
  padding: 0px 5px 0px;
}
.figCaption-adjust{
  margin-top:6px;
}

figcaption small {
  width: 100%;
  float: left;
  font-family: 'MyriadProRegular';
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}

.photo-locked-icon{
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -351px -751px; */
  background: url("/static/images/svgIcons/photo_lock.f1412ac116f3.svg") no-repeat center center;
  width: 64px;
  height: 62px; display: inline-block; cursor: pointer;
}
.photo-locked-icon.thumb{
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -302px -360px;
  width: 50px; margin-left: 13px; margin-top: 14px;
  height: 47px; display: inline-block; transform: scale(0.5);
}
.focus{
  box-shadow: 0px 0px 10px 2px #888888;
}

.photo-locked-icon-medium{
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -344px -467px;
  width: 106px;
  height: 102px; display: inline-block; cursor: pointer;
  background-color: rgba(255,255,255,0);
}

.video-unlocked-icon.thumb {
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -251px -365px;
  width: 52px;
  margin-top: 18px;
  margin-left: 0px;
  height: 42px;
  display: inline-block;
  transform: scale(0.5);
}

.video-unlocked-icon {
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -356px -881px; */
  background: url("/static/images/svgIcons/shadow_play.543781da07de.svg") no-repeat center center;
  width: 90px;
  height: 90px;
   display: inline-block;
  background-size: cover !important;
  background-position: center !important;
}

.video-locked-icon {
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -353px -820px; */
  background: url("/static/images/svgIcons/video_locked_icon.fba5677ecae7.svg") no-repeat center center;
  width: 65px;
  height: 53px;
  display: inline-block;
  margin-top: 15px;
  cursor: pointer;
}

@media(min-width:767px){
  .video-unlocked-icon{
      margin-top: 33px;
  }
}

.view_icon .char-not-view {
  background-image: url("/static/images/svgIcons/Eye_Icon.c54868187143.svg");
  background-position: center;
  width: 18px;
  height: 16px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 18px;
  vertical-align: bottom;
  margin-right: 2px;
  position: relative;
  top: 0px;
}

.left-60 {
  left: 50px !important;
}

.video-duration {
  position: absolute;
  right: 0px;
  bottom: 43px;
  width: 35px;
  height: 20px;
  background: transparent;
  color: #fff;
  text-align: center;
  margin-bottom: 1px;
}
.show-sm-custom {
  display: none !important;
}
.loading_media {
  margin-left: 46%;
  display: none;
}
.end_of_result {
  display: none;
  text-align: center;
  font-size: 26px;
  font-family: 'MyriadProRegular';
  margin-bottom: 20px !important;
}
.pt-0{
  padding-top: 0px !important;
}
.mt-20{
  margin-top: 20px !important;
}
.m-auto{
  margin: auto !important;
}
.stroke_btn {
  border: 1px solid #3b414a;
  color: #3b414a;
  border-radius: 20px;
  background: transparent;
  cursor: pointer;
  height: 38px; line-height: 40px;
  width: 278px;
}
.text-overflow {
  height: 100px;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  word-wrap: break-word;
  display: block;
}

/* ================= header start======================= */
.heading-tests {
  display: block;
  margin-top: 103px;
  margin-bottom: 20px;
  font-family: 'MyriadProRegular';
}
.badge-beta {
  color: #fff;
  background-color: #FD7663;
  text-transform: capitalize;
  text-transform: capitalize;
  position: relative;
  top: -2px;
  font-size: 10px;
  left: 2px;
}
/* line 13, D:/WORKs/static/scss/modules/_components.scss */
.heading-tests h1, .heading-tests-online h1 {
  font-size: 24px;
  font-weight: 500;
}
@media only screen and (min-width: 767px) {
  .heading-tests-online {
    margin-top: 86px;
    text-align: left;
  }
  .heading-tests-online.thankyouheader{
    margin-top: 125px;
  }
}
.sign-up-flush-online {
  margin-top: 144px;
  margin-bottom: 20px;
}
.scroll-to-top {
  /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -159px -525px; */
  background: url("/static/images/svgIcons/scroll_top.fc87b4a80794.svg") no-repeat center center;
  width: 42px;
  height: 42px;
  position: fixed;
  z-index: 10;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
}

/* ================= header end======================= */

/* ================= Footer start ================= */
footer {
  background: #fafafa;
  border-top: solid 1px #c7c6c7;
}

footer .container {
  width: 100%;
  max-width: 780px;
}

.footer-upper {
  padding: 38px 0 25px;
}

.footer-list {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.footer-box {
  float: left;
}

.footer-box.one {
  width: 29%;
}

.footer-box.two {
  width: 29%;
}

.footer-box.three {
  width: 29%;
}

.footer-box.four {
  width: 13%;
}

.footer-box h5 {
  font-family: 'MyriadProBold';
  font-size: 14px;
  line-height: 20px;
  color: #6c7a89;
  text-transform: uppercase;
  margin-bottom: 8px;
}

ul.footer-list-items {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

ul.footer-list-items li a {
  font-family: 'MyriadProRegular';
  font-size: 14px;
  line-height: 24px;
  color: #6c7a89 ! important;
}

.footer-content p {
  margin-bottom: 15px;
}

.copyright {
  margin-bottom: 0;
  display: none;
}

.footer-lower {
  text-align: center;
  padding: 0 0 20px;
}

.footer-lower p {
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 10px;
}

.footer-logo span {
  padding-left: 30px;
}

.common-footer {
  margin-top: 20px;
  margin-bottom: 60px;
}

.copyright-text {
  margin-bottom: 5px;
}

.copyright-text > p {
  color: #6c7a89;
}

.footer-logo {
  margin-top: 0px;
  margin-bottom: 5px;
  text-align: center;
}
#footer-rta{
    /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -14px -292px; */
    background: url("/static/images/svgIcons/rta_footer.4fe7080736eb.svg") no-repeat center center;
	width: 69px;
	height: 26px; display: inline-block; margin-right: 20px;
}
#footer-asacp{
    /* background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -86px -292px; */
    background: url("/static/images/svgIcons/asacp_footer.f5ebe635b6b1.svg") no-repeat center center;
	width: 70px;
	height: 25px; display: inline-block;
}
.f-arousr, .f-arousr a {
  font-size: 15px;
  color: #6c7a89;
  margin-top: 2px;
}
ul.prev-next-link li a {
  text-decoration: none;
}
figcaption small span a {
  color: #3a414b!important;
  text-decoration: none !important;
}
figcaption small span a:hover {
  color: #3a414b !important;
  text-decoration: none !important;
}
/* ================= Footer end ================= */


.no-favorite-online{
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 30px;
  text-align: center;
  margin-top: -5px;
  margin-bottom: 25px;
  margin-left: -15px;
  line-height: 30px;
  font-size: 16px;
  color: #7e7e7e;
}
.pl-10{
  padding-left:10px;
}
.pr-10{
  padding-right:10px;
}

@media only screen and (max-width: 768px) {

  .new-char-profile-data {
    padding-left: 82px;
  }
  .new-desktop-header {
    padding-right: 15px;
    box-shadow: 0 3px 7px rgba(0,0,0,.4);
  }
  .new-profile-photos ul.clips-list-items li {
    width: 49.33%;
  }
  .custom-online-desktop {
    margin-left: 0;
    margin-right: 0;
  }
  .new-profile-photos .flex-wrapper {
    width: 85%;
    margin: 15px auto;
    margin-bottom: 0;
  }
  .new-profile-photos {
    margin-left: 75px;
  }
  .character-profile-pic-big {
    margin-left: 13px;
  }
  .new-char-profile-data.online_char {
    top: -187px;
  }

  h1.hidden-sm-custom {
    padding-left: 23px;
  }
  ul.clips-list-items {
    padding:0px;
  }
  ul.clips-list-items li {
    /* width: 32%; */
    width: 25%;
  }
  .gallery-container {
    margin-bottom: 27px;
  }
  .gallery-container .head-top {
    padding: 0 20px;
  }
  .gallery-container .gallery-top {
    padding-right: 35px;
  }
  .prev-next-link {
    padding: 9px;
  }
  .hero-container {
    height: 314px;
  }
  .signup-text p {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
  }
  .join-texts {
    text-align: left !important;
  }
  .host-profile-wrap {
    display: block !important;
  }

  figure,
  .media-thumb {
    height: 150px;
  }
}

.emailsuccess_number_adjust{
  text-align: left;
}
.emailsuccess_number_adjust .css-loading-design{
  right: 35px !important;
}
.verif-send-btn {
  width: 60px;
  height: 35px;
  display: inline-block;
  position: absolute;
  background: #3a414b;
  border: 0px;
  border-radius: 0px 5px 5px 0px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  line-height: 35px;
  top: 0;
  z-index: 1;
  right: 0;
  cursor: pointer;
}
#phoneWidgetWithButton span.v-success {
  left: 70%;
  right: 0;
}
#phoneWidgetWithButton span.v-failed {
  left: 70%;
  right: 0;
}
#phoneWidgetWithButton .css-loading-design, #phoneWidgetWithButton .css-loading-designs {
  position: absolute;
  top: 8px;
  left: 55%;
}
#phoneWidgetWithButton .phone-error {
  margin-left: -20px;
}
.sign-code-verify {
  padding-bottom: 24px;
}
.alert-notReg {
  display: block;
  width: 100%;
  color: #FF0000;
  text-align: left;
  margin-top: -20px;
}
.alert-notReg a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: under;
  color: #3a414b;
}
.pac-container{
  margin-top: -74px;
}.pops-one-button{
  text-align: center;
  color: #fff;
  background-color: #3a414b;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 375px;
  cursor: pointer;
  height: 45px;
  border-radius: 0px 0px 10px 10px;
  line-height: 47px;
  font-size: 16px; cursor: pointer;
  border: 1px solid #3a414b;
}
.rate-character{
  height: 29px; width: 100px; border: 1px solid #fff; border-radius: 20px;
  line-height: 27px; padding-left: 8px; padding-top: 0px;
  display: inline-block; position: relative; margin-top: -4px; margin-left: 15px; font-size: 15px;
  cursor: pointer; color: #fff; padding-left: 12px; box-shadow: 0px 1px 1px #000;
}
.rate-character:hover{
  background: rgba(0,0,0,0.1);
}
.rate-character span{
  background: url("/static/images/arousr-spritesv3.098371bfac67.png") no-repeat -158px -232px;
width: 12px; height: 12px; position: absolute; display: inline-block; margin-left: -18px;
margin-top: 7px; margin-right: 10px; transform: scale(0.8) rotate(45deg); text-shadow: 0px 2px 2px rgba(0,0,0,1);
}
.pay-back-but-text span:hover {
  color: #5a6268;
}
.email-not-verified{
  margin-top: 35%;
}




/* SIDE WIDGET */

.widget-box {
  border: 1.4px solid #d9d9d9;
  border-radius: 6px;
  background-color: #fafafa;
  padding: 18px 22px;
}
.host-profile-wrap {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  margin-bottom: 20px;
}
.host-profile {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-size: cover;
}
.host-profile-wrap .host-profile {
  margin-right: 13px;
}
.product-host-prof {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #ddd;
}
.host-profile-info {
  flex: 1;
  margin-top: 2px;
}
.host-name {
  font-family: 'MyriadProRegular';
  font-size: 24px;
  color: #3b414a;
}
.host-right .host-name {
  display: block;
  width: 180px;
}
.host-right .widget-box .host-name {
  width: auto;
  font-size: 18px;
  position: relative;
  bottom: -10px;
}


ul.star-icon li {
  float: left;
  padding: 0 2px;
}
ul.star-icon li:first-child {
  padding-left: 0;
}
ul.star-icon li i {
  font-size: 18px;
  line-height: 24px;
  color: #bbbabb;
}
.ratingIn-Product ul.star-icon li i {
  font-size: 14px;
}

.connect-icon-base {
  position: relative;
  display: inline-block;
  top: -25px;
}
.host-right .connect-icon-base {
  top: 6px;
}

.connect-chat-icon, .connect-call-icon, .connect-video-icon {
  width: 38px;
  border: 0px solid #fff;
  border-radius: 50%;
  height: 38px;
  display: inline-block;
}
.connect-chat-icon {

  background: url("/static/images/svgIcons/chat_chat__up_active.ea4a35d239fa.svg") no-repeat center center;
}
.connect-call-icon.offline {
  background: url("/static/images/svgIcons/chat_chat_up.7f3ae9181671.svg") no-repeat center center;
}
.connect-call-icon {
  background: url("/static/images/svgIcons/call_chat__up_active.18bf8e2a8779.svg") no-repeat center center;

}
.connect-call-icon.offline {
  background: url("/static/images/svgIcons/call_chat_up.25533ef15fd4.svg") no-repeat center center;
}
.connect-video-icon {
  background: url("/static/images/svgIcons/Asset_140.9c515afb6dd3.svg") no-repeat center center;
}
.connect-video-icon.offline {
  background: url("/static/images/svgIcons/Asset_143.3e29a3075a14.svg") no-repeat center center;
}

.phone-info h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  display: none;
}
.widget-box-girls-profile {
  margin-top: 24px;
}

.host-upper-content {
  padding: 5px;
  padding-left: 10px;
}
.widget-box-girls-profile .host-upper-content {
  margin: 0px;
  padding: 0px;
  padding-left: 4px;
  margin-bottom: 6px;
  font-size: 20px;
}

.image-listings, .video-listings {
  min-height: 166px;
}

.widget-box-girls-profile ._video-listings {
  border-top: 1.4px solid #d9d9d9;
  border-radius: 0px;
  padding: 18px 9px;
  /* display: flex; */
  justify-content: space-around;
  flex-wrap: wrap;
}
.media-thumb-small {
  display: inline-block;
  width: 75px;
  margin: 4px;
  height: 75px;
  border-radius: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}

.video-listings._video-listings .video-unlocked-icon.thumb {
  margin-left: 14px;
}

.video-unlocked-icon.thumb {
  background: url("/static/images/svgIcons/Asset_68.eb24bcf4d14f.svg") no-repeat center center;
  width: 52px;
  margin-top: 18px;
  margin-left: 0px;
  height: 42px;
  display: inline-block;
  transform: scale(0.5);
}
.video-locked-icon.thumb {
  background: url("/static/images/svgIcons/Asset_69.5a22875a7a66.svg") no-repeat center center;
  width: 52px;
  margin-top: 18px;
  margin-left: 13px;
  height: 42px;
  display: inline-block;
  transform: scale(0.5);
}
.text-right {
  text-align: right!important;
}
.pagination-widget {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
}
.icon-disable {
  opacity: 0.3;
  pointer-events: none;
}


.pagination-widget .on-hover-state {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.fa-chevron-right:before {
  content: "\f054";
}
._image-listings {
  min-height: inherit;
}
.widget-box-girls-profile ._image-listings {
  border-top: 1.4px solid #d9d9d9;
  border-radius: 0px;
  padding: 18px 9px;
  /* display: flex; */
  justify-content: space-around;
  flex-wrap: wrap;
}
.photos-from-others-lists {
  width: 100%;
  display: inline-block;
  text-align: center;
  border-top: 1.4px solid #d9d9d9;
  border-radius: 0px;
  padding: 15px 0px;
}
.cust-profile-image {
  border: 1px solid #999;
  border-radius: 50%;
}


/* SIDE WIDGETS */
.hidden {
  display: none;
}

#productPrice {
  display: contents;
}

/* COMMENT SECTION APPROVAL MESSAGE */

.approvel_toast_msg {
  height: 30px;
  background: #d5acb2;
  color: #881624;
  font-size: 13px;
  padding: 10px;
  padding-top: 6px;
  border-radius: 3px;
  width: 82%;
  text-align: left;
  margin-left: 16%;
  margin-top: 10px;
  position: relative;
}
.approvel_toast_msg span {
  position: absolute;
  right: 10px;
}

/* Prompt-GoLogin-beforeAnyAction */

.main-pop-LoginAction .how-it-works-text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 100%;
  margin-top: -35px;
  z-index: 99;
  position: relative;
}

.main-pop-LoginAction .how-it-works-text span {
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.close-popup-automsg {
  display: flex;
  justify-content: flex-end;
  /* margin: 0px; */
  padding: 10px;
}

.popup-automsg-body{
  margin-top: 35px;
}

.sayhi-link{
  color: #fff;
}

.sayhi-link:hover {
  color: #fff !important;
}

.auto-msg-performer-img-wrapper {
  display: flex;
  justify-content: center;
}

.auto-msg-performer-img-wrapper img {
  width: 125px;
  border-radius: 50%;
}

.auto-msg-performer-text {
  margin: 25px;
  text-align: center;
  font-size: 17px;
}
.breadcrumb-base {
  position: relative;
  margin: 30px auto;
  margin-top: 100px;
}

.cr4-icon-1of3 {
  background-image: url("/static/images/svgIcons/Right_click_Progress.975e0db7a627.svg");
  height: 20px;
  width: 20px;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.cr4-icon-2of3 {
  background-image: url("/static/images/svgIcons/Right_click_Progress.975e0db7a627.svg");
  height: 20px;
  width: 20px;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}

.cr4-icon-3of3 {
  background-image: url("/static/images/svgIcons/Right_click_Progress.975e0db7a627.svg");
  height: 20px;
  width: 20px;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.bc-line-full3b {
  height: 10px;
  border-bottom: 2px solid #3a414b;
  position: absolute;
  left: 16%;
  right: 16%;
  z-index: -1;
}

.cong-amount {
  font-size: 17px;
}

/* css waiting screen ============ */
.waiting-screen {
  position: absolute;
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 99999;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  height: 100%;
}
.roulette-time-popup-img{
  margin-bottom: 20px;
}
.roulette-time-popup-wrap{
  background-image: url("/static/images/roulette-hour-popup-bg.237fc93cd560.png") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
background-color: white;}
.roulette-time-popup-wrap{
  position: fixed;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 290px 0 0;
  height: 505px;z-index: 999;
  border-radius: 20px;
  text-align: center;
  max-width: 460px;
  width: 100%;
}
.roulette-time-popup h5 , .roulette-time-popup p{
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -0.05em;
  color: #3D434C;
}
.roulette-time-popup p{
  background: rgba(253, 118, 99, 0.16);
  line-height: 30px !important;
  width: fit-content;
  margin: 10px auto;
  border-radius: 5px;
  padding: 0px 12px;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #3D434C;
}
.roulette-time-popup-wrap .launch-btn{
  font-family: Overpass;
  background: #00B13F;
  color: white;
  border: unset;
  padding: 15px 30px;
  border-radius: 25px;
  text-align: center;
  max-width: 245px;
  width: 100%;
  margin-bottom: 15px;cursor: pointer;
}
.roulette-time-popup-wrap a.launch-btn:hover {
  color: white !important;
}
.session-count{
  color: #fd7663;
}
.close-btn{
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}
.timesession-popup-overlay{
  position: fixed;
  background: #0000003d;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  /* display: none; */
  overflow: hidden;
  outline: 0;
}
.roulette-time-popup h3 {
  font-family: Overpass !important;
  margin-bottom: 3px !important;
  color: #3C434D;
  text-transform: capitalize;
  font-weight: 800;
  font-size: 28px;
  line-height: 35px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #3D434C;
}
.roulette-time-popup h4 {
  font-family: Overpass;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #3C434D;
  margin-bottom: 10px;
}
.popup-divider {
  height:1px ;
  background:#BDBDBE;
  margin: 10px 0;
}
.text-orange{
  color: #fd7663;
}
/* Testimonial section start */
.testimonial-sec{
  margin-bottom: 30px;;
}
.testimonial-wrap {
  margin: 40px 0 20px;
}
p.testimonail-text {
  position: relative;
}
p.testimonail-text:after {
  content: "";
  background-image: url("../../images/testimonial-icon-quote.0dc83942f14b.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  top: 30px;
  width: 60px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.9;
}
.testimonial-wrap .testimonial{
  width: 285px;
  vertical-align: top;
  height: 135px;
  margin: 0 auto;
  text-align: center;
}
.testimonial-wrap .testi-img-wrap {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
/* Testimonial section ends */
/* trust pilot popup */
#trustpilot-review-popup.tip-confirmation-popup .main-pop-window{
  height: unset;
}
#trustpilot-review-popup.tip-confirmation-popup .pops-display-texts{
  height: unset;
  padding: 30px 20px 50px;
}
#trustpilot-review-popup.tip-confirmation-popup .pops-display-texts p{
  font-size: 20px;
}
.trustpilot-fav-checkbox {
  background: rgba(136, 22, 35, 0.03);
  padding: 14px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  width: 100%;
}

.trustpilot-fav-checkbox .text-span {
  color: #3D434C;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0.4px;
  margin-top: 1px;
}

.trustpilot-fav-checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  vertical-align: text-top;
}

.checkbox-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin: 0;
}

.checkbox-container input {
  position: absolute;
  width: 0;
  left: 50px;
  height: 0;
  opacity: 0;
  cursor: pointer;
}

.checkbox-container .checkmark {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 4px;
  outline: 1px solid #acacac;
  transition: all 0.2s ease;
}

.checkbox-container:hover .checkmark {
  background: #f4f4f5;
  transition: all 0.2s ease;
}

.checkbox-container input:checked ~.checkmark {
  background: #FD7663;
  outline: 1px solid #FD7663;
}

.checkbox-container .checkmark::after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  top: 41%;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
  transition: all 0.2s ease;
  border-radius: 0.5px;
}

.checkbox-container input:checked~.checkmark::after {
  opacity: 1;
  transition: all 0.2s ease;
}
.character-product-favourate-popup .pops-display-texts {
  font-size: 16px;
  font-weight: 600;
}
.favourite-host-notification-modal  .main-pop-window{
  height: unset;
  top: 30%;
}
.favourite-host-notification-modal  .pops-display-texts{
  height: unset;
  padding: 30px 20px 20px;
}
.favourite-host-notification-modal .pops-display-texts p {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
.favourite-host-notification-modal  .pops-header{
  border-bottom: 0 !important;
}
.favourite-host-notification-modal  .pops-header .pops-text{
  width: unset;
  padding-left: 14px;
  font-size: 16px;
}
.favourite-host-notification-modal  .Note-title{
  font-size: 14px !important;
  font-weight: 400 !important;
}
.favourite-host-notification-modal  .Note-title span{
  color: #881623;
}
.favourite-host-notification-modal  .pops-footer {
  position: static;
  height: unset;
  border-top: 0;
  width: 100%;
  display: flex;
    padding: 15px;
}
.favourite-host-notification-modal  .pops-footer .pops-one-button{
  width: 220px;
    border-radius: 20px;
    margin: 0 10px;
}
.favourite-host-notification-modal  .pops-footer  .favorite-host-notification-close{
  background-color: #bfbfbf;
  border: 1px solid #bfbfbf;
  color: #3a414b;
  font-weight: 600;
}

/* this is for fav host notification throgh out the website */
#notification-toaster {
  position: fixed;
  right: 65px;
  z-index: 9999;
  top: 20px;
}
.fav-host-notification-toast {
  display: flex;
  align-items: center;
  background: #3c434a;
  padding: 10px;
  min-width: 250px;
  max-width: 400px;
  border-radius: 5px;
  right: 15px;
  z-index: 999;
  margin-bottom: 10px;
  position: relative;
}
.fav-host-notification-toast.ar_fav_toast{
  min-width: 305px;
}
.fav-host-notification-toast a{
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
}
.fav-host-notification-toast.ar_fav_toast a {
  width: calc(100% - 25px);
}
.fav-host-notification-toast a:hover {
  text-decoration: none;
}
.fav-host-notification-toast .notify-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  border: 1px solid #ddd;
}
.fav-host-notification-toast .notify-txt {
  font-weight: bold;
  color: #fff;
}
.fav-host-notification-toast .notification-txt-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 70%;
}
.fav-host-notification-toast.ar_fav_toast .notification-txt-box {
  width: 100%;
}
.fav-host-notification-toast span {
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top:10px;
}

/* CSS for Application Tracking */
#applicationTrackModal .modal-header {
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: space-between;
  border: none;
  padding: 18px;
}

#applicationTrackModal .modal-right-title {
  display: flex;
  margin: 0px 0 0px 0px !important;
  float: unset !important
}
#applicationTrackModal .form-group {
  margin-bottom: 0;
}
#applicationTrackModal .form-group input{ 
  width: 100%;
  height: 42px;
  margin: 6px 0px 0px 0px;
  padding: 0 15px;
  border-radius: 8px;
  border: 1px solid #EAEAEA;
  background: #FAFAFA;
  color: #3B404A;
  font-size: 14px;
  font-family: Overpass;
  font-weight: 500;
  line-height: 11px;
  letter-spacing: -0.42px;
}
#applicationTrackModal .form-group input::placeholder{
  color: #3B404A;
  opacity: 0.5;
}
#applicationTrackModal .modal-left-title strong {
  line-height: 1;
  color: #3C434B;
  font-size: 14px;
  font-family: Overpass;
  font-weight: 700;
  letter-spacing: -0.7px;
}
#fetchApplicationIDBtn {
  margin: 18px 0px 0;
  width: 100%;
  border-radius: 32px;
  height: 42px;
  background: #3a414b;
  border: none;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-family: Overpass;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: -0.42px;
  text-transform: uppercase;
}
#modalHeader {
  text-align: center;
  margin-bottom: 12px;
}

#modalHeader h3 {
  color: #3B404A;
  text-align: center;
  font-size: 18px;
  font-family: Overpass;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.9px;
  margin: 0;
  text-transform: capitalize;
}

#applicationTrackModal .modal-body {
  vertical-align: unset!important;
  padding: 0px 20px 20px !important;
  height: auto;
  width: 100%;
}
#imgContainer{
  margin: 2px 0px 20px;
}
#applicationTrackModal .modal-body .form-group label{
  color: #3B404A;
  font-size: 12px;
  font-family: Overpass;
  font-weight: 500;
  letter-spacing: -0.36px;
  display: block;
  float: none;
  margin: 0;
  line-height: 1;
  text-align: left;
}
#formSection{
  height: 100%;
  width: 100%
}

#applicationTrackModal .main-pop-window {
  min-height: auto;
  height: auto;
  padding-bottom: 0;
  width: 300px;
  box-shadow: 1px 3px 5px #979797;
  top: 20%;
}

#applicationTrackModal #validationText{
  color: red;
  font-size: 14px;
  margin: 0;
  text-align: left;
}

#applicationTrackBtn {
  font-family: 'MyriadProRegular';
  font-size: 14px;
  line-height: 24px;
  color: #6c7a89 ! important;
  cursor: pointer;
}

#modalFooterBtn {
  margin: 10px 0px;
  width: 100%;
  border-radius: 32px;
  height: 45px;
  background: #3a414b;
  color: #fff;
}

#applicationTrackModal #modal_msg p, #applicationTrackModal #modal_msg {
  color: #58626C;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.333px;
  margin: 0;
  word-break: break-word;
}
.reason-list {
  border-radius: 10px;
  background: #F4F4F4;
  padding: 12px;
  text-align: center;
  color: #3C434B;
  font-size: 12px;
  font-family: Overpass;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: -0.6px;
  margin: 18px 0;
}
.reason-list li{
  padding-left: 6px;
}
.note {
  color: #FD7663;
  text-align: center;
  font-size: 12px;
  font-family: Overpass;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.36px;
  display: inline;
}
#applicationTrackModal #modal_msg p.note_para{
  color: #3C434B;
  text-align: center;
  font-size: 12px !important;
  font-family: Overpass;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.36px;
  display: inline;
  word-break: break-word;
}
#modal_footer {
  width: 100%;
}

#applicationTrackModal #modalFooterBtn, #applicationTrackModal #ApplicationTrackAnchor {
  margin: 20px 0px 0;
  width: 100%;
  border-radius: 50px;
  height: 42px;
  background: #3a414b;
  border: none;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-family: Overpass;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: -0.42px;
  text-transform: uppercase;
}
.resend-code-txt {
  color: #861726;
  cursor: pointer;
}
/* Subscription UI CSS */
.ar_subscription_section{
  background: #fcf4f4;
  padding: 16px;
}
.ar_subscription_banner_container {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ar_subscription_banner_left_content {
  width: auto;
}

.ar_subscription_banner_left_content span {
  display: block;
}

.ar_subscription_banner_left_content span.ar_subscription_banner_title {
  color: #3C434B;
  font-family: Overpass;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  display: flex;
  gap: 2px;
}

.ar_subscription_banner_left_content span.ar_subscription_banner_desc {
  color: #3C434B;
  font-family: Overpass;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.42px;
  margin-top: 6px;
}

.ar_subscription_banner_left_content span.ar_subscription_banner_title span {
  color: #862526;
}

.ar_subscription_banner_right_content .ar_subscribe_btn {
  background: #FDC363;
  border: none;
  color: #3C434B;
  text-align: center;
  font-family: Overpass;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 43px;
  text-transform: uppercase;
  width: 130px;
  height: 40px;
  border-radius: 30px;
  filter: drop-shadow(0px 4px 5px rgba(253, 195, 99, 0.40));
}
.ar_subscription_modal {
  background-color: rgba(0, 0, 0, 0.9);
}
.ar_subscription_modal .main-pop-window{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding: 30px 20px 20px;
  height: auto;
}
.ar_subscription_modal_body .ar_subscription_modal_title {
  color: #3D434C;
  text-align: center;
  font-family: Overpass;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 0 40px;
}
.ar_subscription_modal_desc {
  margin: 12px 45px;
  color: #3D434C;
  text-align: center;
  font-family: Overpass;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.ar_subscription_modal_box {
  background: rgba(136, 22, 35, 0.05);
  padding: 10px 15px;
  text-align: center;
  border-radius: 10px;
  max-width: 310px;
  width: 100%;
  margin: 0 auto 16px;
}
.ar_subscription_modal_box span{
  color: #3D434C;
  text-align: center;
  font-family: Overpass;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}
.ar_subscription_modal_footer {
  display: flex;
  gap: 10px;
}
.ar_btn_rounded {
  height: 42px;
  width: 100%;
  border-radius: 50px;
  text-align: center;
  font-family: Overpass;
  font-size: 14px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: -0.84px;
  text-transform: uppercase;
  border: none;
}
.ar_btn_grey{
  background: #E2E2E2;
  color: #3B404A;
}
.ar_btn_dark{
  background: #3A414B;
  color: #ffffff;
}

/* Join Popup CSS Start */
.ar_join_pop_wrap{
  background-color: rgba(0, 0, 0, 0.85) !important;
}
.ar_join_pop_wrap .main-pop-window{
  height: auto !important;
  padding-bottom: 20px;
  top: 10%;
}
.ar_join_pop_wrap .main-pop-window .pops-header .pops-close{
  filter: brightness(0.2);
}
.ar_join_pop_wrap .main-pop-window .pops-display-texts{
  height: auto !important;
}
.ar_join_pop_wrap .main-pop-window .pops-display-texts .ar_pop_title {
    color: #161516;
    text-align: center;
    font-family: Overpass;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.54px;
    display: block;
    margin: 16px 0 12px;
}
.ar_join_pop_wrap .main-pop-window .pops-display-texts .ar_pop_details {
    width: calc(100% - 40px);
    border-radius: 8px;
    background: rgba(136, 22, 35, 0.04);
    padding: 14px 0;
    margin: 0 auto;
}

.ar_join_pop_wrap .main-pop-window .pops-display-texts .ar_pop_details p {
    color: #3B404A;
    text-align: center;
    font-family: Overpass;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1; /* 164.286% */
    letter-spacing: -0.7px;
    margin: 7px 0 !important;
    display: block;
}
.ar_join_pop_wrap .main-pop-window .pops-footer {
    height: auto !important;
    position: unset !important;
    margin-top: 20px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 14px;
    padding: 0 20px;
    border: none;
}
.ar_join_pop_wrap .main-pop-window .pops-footer div{
  position: unset !important;
  margin: 0 !important;
  width: 100%;
  border-radius: 50px;
  border: none;
  color: #161516;
  text-align: center;
  font-family: Overpass;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: -0.7px;
  text-transform: uppercase;
  background-color:#E2E2E2;
}
.ar_join_pop_wrap .main-pop-window .pops-footer div.go-signup{
  background-color: #FDC362;
  color: #3B404A;
}
.ar_join_pop_wrap .main-pop-window .how-it-works-text{
  width: auto;
  text-align: center;
  margin-top: 20px;
}
.ar_join_pop_wrap .main-pop-window .how-it-works-text span{
  font-size: 14px;
}
/* Join Popup CSS End */