/*----------- Reset css start --------------*/
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul,
p {
  margin: 0px;
}

body,
html {
  position: relative;
}

html {
  height: 100%;
}

a:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
button:focus,
input:focus,
select:focus {
  outline: none;
  text-decoration: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

a {
  color: #1877f2;
  transition: all 0.4s ease-in 0s;
  -webkit-transition: all 0.4s ease-in 0s;
  -o-transition: all 0.4s ease-in 0s;
  -moz-transition: all 0.4s ease-in 0s;
  -ms-transition: all 0.4s ease-in 0s;
  cursor: pointer;
}

a:hover {
  color: #4495ff;
  text-decoration: none;
  cursor: pointer;
}

label {
  font-weight: normal;
}

::-moz-placeholder {
  opacity: 1;
}

input[type="text"]::-ms-clear,
input[type="text"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.form-control::-moz-placeholder {
  color: #3c5364;
  opacity: 0.7;
}

.form-control:-ms-input-placeholder {
  color: #3c5364;
  opacity: 0.7;
}

.form-control:-moz-placeholder {
  color: #3c5364;
  opacity: 0.7;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  scrollbar-color: #1877f2 #eee;
  scrollbar-width: thin;
}

::-moz-selection {
  color: #fff;
  background: #1877f2;
}

::selection {
  color: #fff;
  background: #1877f2;
}

.btn-group.open .dropdown-toggle {
  box-shadow: 0 0;
  -moz-box-shadow: 0 0;
  -ms-box-shadow: 0 0;
  -o-box-shadow: 0 0;
  -webkit-box-shadow: 0 0;
}

select:focus,
.dropdown-toggle:focus,
button,
.slick-slide.slick-active,
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  background-color: transparent;
  border-color: #8f4398;
  color: #8f4398;
}

.btn.active,
.btn:active {
  box-shadow: 0 0;
  -moz-box-shadow: 0 0;
  -ms-box-shadow: 0 0;
  -o-box-shadow: 0 0;
  -webkit-box-shadow: 0 0;
}

.btn.focus,
.btn:focus {
  outline: none;
}

.btn {
  transition: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.no-pointer {
  pointer-events: none;
  cursor: default;
}

/*------------- reset css starts here -----------------*/
@font-face {
  font-family: "Avenir-Black";
  src:
    url("../fonts/Avenir-Black.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Avenir-Black.otf") format("opentype"),
    url("../fonts/Avenir-Black.woff") format("woff"),
    url("../fonts/Avenir-Black.ttf") format("truetype"),
    url("../fonts/Avenir-Black.svg#Avenir-Black") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AvenirNextLTPro-Heavy";
  src: url("../fonts/AvenirNextLTPro-Heavy.eot");
  src:
    url("../fonts/AvenirNextLTPro-Heavy.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AvenirNextLTPro-Heavy.otf") format("opentype"),
    url("../fonts/AvenirNextLTPro-Heavy.woff2") format("woff2"),
    url("../fonts/AvenirNextLTPro-Heavy.woff") format("woff"),
    url("../fonts/AvenirNextLTPro-Heavy.ttf") format("truetype"),
    url("../fonts/AvenirNextLTPro-Heavy.svg#AvenirNextLTPro-Heavy")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-Bold";
  src: url("../fonts/AvenirNextLTPro-Bold.eot");
  src:
    url("../fonts/AvenirNextLTPro-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AvenirNextLTPro-Bold.woff2") format("woff2"),
    url("../fonts/AvenirNextLTPro-Bold.woff") format("woff"),
    url("../fonts/AvenirNextLTPro-Bold.ttf") format("truetype"),
    url("../fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AvenirLTStd-Book";
  src:
    url("../fonts/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AvenirLTStd-Book.otf") format("opentype"),
    url("../fonts/AvenirLTStd-Book.woff") format("woff"),
    url("../fonts/AvenirLTStd-Book.ttf") format("truetype"),
    url("../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "NeusaNextStd-Light";
  src:
    url("../fonts/NeusaNextStd-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/NeusaNextStd-Light.woff") format("woff"),
    url("../fonts/NeusaNextStd-Light.ttf") format("truetype"),
    url("../fonts/NeusaNextStd-Light.svg#NeusaNextStd-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "NeusaNextStd-Regular";
  src:
    url("../fonts/NeusaNextStd-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/NeusaNextStd-Regular.woff") format("woff"),
    url("../fonts/NeusaNextStd-Regular.ttf") format("truetype"),
    url("../fonts/NeusaNextStd-Regular.svg#NeusaNextStd-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "NeusaNextStd-Medium";
  src:
    url("../fonts/NeusaNextStd-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/NeusaNextStd-Medium.woff") format("woff"),
    url("../fonts/NeusaNextStd-Medium.ttf") format("truetype"),
    url("../fonts/NeusaNextStd-Medium.svg#NeusaNextStd-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "NeusaNextStd-Bold";
  src:
    url("../fonts/NeusaNextStd-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/NeusaNextStd-Bold.woff") format("woff"),
    url("../fonts/NeusaNextStd-Bold.ttf") format("truetype"),
    url("../fonts/NeusaNextStd-Bold.svg#NeusaNextStd-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: NeusaNextStd-Regular, sans-serif;
  color: #babfc5;
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
  background: #111214;
}

#app,
.fullbody-wrapper {
  height: 100%;
}

.outer-wrapper {
  min-height: 100%;
  margin-bottom: -315px;
}

.push {
  height: 315px;
}

.wrapper {
  max-width: 1820px;
  margin: 0 0 0 auto;
  padding: 0 0px 0 30px;
}

.wrapper-sm,
.wrapper-md,
.wrapper-md-old {
  max-width: 1530px;
  margin: 0 auto;
  padding: 0 15px;
}

.new-wrapper-md {
  max-width: 1690px;
  margin: 0 auto;
}

.wrapper-md {
  max-width: 1680px;
}

.search-icon,
.plus-icon,
.btn-with-arrow::after,
.btn-cart,
.login-icon,
.btn-with-store-icon::before,
.sprite-icons,
.chat-icons,
.recording-icon,
.video-icon,
.mute-icon,
.pause-icon,
.send-tip:before,
.purple-star,
.gray-star,
.green-color:before {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
}

.header-right-top .btn-cart {
  width: 25px;
  height: 28px;
  margin: 0 40px 0 0px;
  position: relative;
  padding: 0;
  background: url(../images/cart-icon.svg) no-repeat;
  background-size: contain;
}

.btn-cart .badge,
.btn-outline-theme .badge {
  font-size: 10px;
  padding: 2px 7px 3px;
  top: -6px;
  position: absolute;
  right: -17px;
  font-family: Avenir-Black, sans-serif;
  line-height: 1;
  font-weight: normal;
}

.btn-outline-theme {
  color: #e5e5e5;
  background: #3e4147;
  border: 1px solid #e5e5e5;
  position: relative;
}

.btn-outline-theme .badge {
  top: -6px;
  right: -7px;
}

.btn-outline-theme:hover,
.btn-outline-theme:focus,
.btn-with-store-icon:hover,
.btn-with-store-icon.active {
  background: #e9ecef;
}

.btn-with-store-icon,
.market-link {
  position: relative;
  text-align: right;
  min-width: 147px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
  font-family: Avenir-Black, sans-serif;
  font-size: 16px;
  background: #007aed;
  border-color: #007aed;
  color: #fff;
}

.btn-with-store-icon::before {
  content: "";
  background-image: url(../images/uv-store.svg);
  width: 23px;
  height: 22px;
  position: absolute;
  left: 17px;
  top: 50%;
  margin-top: -11px;
  filter: brightness(5.5);
}

.btn-with-store-icon.active::before,
.btn-with-store-icon:hover::before {
  filter: brightness(0);
}

.site-logo {
  margin-bottom: -72px;
  position: relative;
  z-index: 1;
  padding: 5px 0 0 30px;
}

.site-logo::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35%;
  z-index: 1;
}

.btn-zIndex {
  z-index: 102;
}

.header-right {
  width: 100%;
}

.header-right-top {
  position: relative;
  padding: 25px 30px 5px;
}

.site-header {
  position: relative;
  z-index: 101;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.2);
}

.search-form {
  max-width: 830px;
  width: 100%;
  position: relative;
  align-self: center;
  margin-right: 40px;
}

.search-form .form-control {
  height: 55px;
  padding-left: 60px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  font-family: "NeusaNextStd-Regular", sans-serif;
  background: #ffffff;
  border: 1px solid #3c536463;
  text-overflow: ellipsis;
}

.right-filter .search-form .form-control {
  height: 50px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.right-filter .search-form .search-btn {
  top: 12px;
}

.header-right-top .search-icon,
.search-with-btn .search-icon,
.search-icon {
  background-image: url(../images/header-search.svg);
  background-color: transparent;
}

.header-right-top .search-form {
  max-width: 100%;
}

.search-btn {
  background-color: transparent;
  width: 26px;
  height: 26px;
  border: none;
  top: 50% !important;
  left: 18px;
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.current-status {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  color: #babfc3;
}

input.form-control::-webkit-input-placeholder {
  letter-spacing: 0.36px;
  color: #757c81;
}

input.form-control::-moz-placeholder {
  letter-spacing: 0.36px;
  color: #757c81;
}

input.form-control:-ms-input-placeholder {
  letter-spacing: 0.36px;
  color: #757c81;
}

input.form-control:-moz-placeholder {
  letter-spacing: 0.36px;
  color: #757c81;
}

.search-form input::-webkit-input-placeholder {
  letter-spacing: 0.36px;
  color: #757c81;
  opacity: 1;
}

.search-form input::-moz-placeholder {
  letter-spacing: 0.36px;
  color: #757c81;
  opacity: 1;
}

.search-form input:-ms-input-placeholder {
  letter-spacing: 0.36px;
  color: #757c81;
  opacity: 1;
}

.search-form input:-moz-placeholder {
  letter-spacing: 0.36px;
  color: #757c81;
  opacity: 1;
}

.cursor-pointer {
  cursor: pointer;
}

.header-right-top .btn-col {
  /*flex: 0 0 410px;max-width: 410px;*/
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.header-right-top .search-col {
  max-width: 40%;
  flex: 0 0 40%;
}

.header-right-top .search-form .form-control {
  height: 50px;
  text-transform: ellipsis;
}

.login-link,
.btn.login-link {
  display: inline-block;
  padding: 12px 30px;
  text-transform: uppercase;
  min-width: 143px;
  font-family: Avenir-Black, sans-serif;
  background: transparent;
  color: #e5e5e5;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.login-link.active {
  color: #1877f2;
}

.login-link.dropdown-toggle {
  padding-right: 0;
}

.login-link.dropdown-toggle::after {
  content: "";
}

.btn.login-link:not(:disabled):not(.disabled).active,
.btn.login-link:not(:disabled):not(.disabled):active,
.show > .btn.login-link.dropdown-toggle {
  color: #e5e5e5;
  background-color: transparent;
  border-color: #dadada;
}

.btn.login-link:not(:disabled):not(.disabled).active:focus,
.btn.login-link:not(:disabled):not(.disabled):active:focus,
.show > .btn.login-link.dropdown-toggle:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

.header-dropdown .dropdown-item.active,
.header-dropdown .dropdown-item:active {
  color: #16181b;
  background-color: var(--color-white);
}

.custom-pagination:empty,
.delete-image-new:empty {
  display: none;
}

.login-icon {
  background: #000;
  margin-left: 12px;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  overflow: hidden;
  line-height: 16px;
  margin-top: -3px;
}

.login-icon img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.header-right-top .btn-outline-theme {
  height: 50px;
  line-height: 47px;
  margin-right: 40px;
  border-radius: 6px;
  font-family: Avenir-Black, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  padding: 0 15px;
  white-space: nowrap;
}

.header-cart-icon {
  display: inline-block;
  width: 26px;
  background: url(../images/cart-icon-white.svg);
  height: 24px;
  vertical-align: middle;
  margin-top: -5px;
}

.btn-outline-theme:hover .header-cart-icon {
  background: url(../images/header-cart.svg);
  background-size: 100%;
}

.plain-blue-link {
  background: transparent;
  border: none;
  font-size: 17px;
  font-family: Avenir-Black, sans-serif;
  color: #1877f2;
}

.plain-blue-link:hover,
.plain-blue-link:focus,
.plain-blue-link:active {
  color: #e5e5e5;
  background: transparent;
}

.plain-dropdown::after {
  content: "";
  display: inline-block;
  height: 20px;
  width: 1px;
  background: #b7b7b7;
  vertical-align: middle;
  margin: 0 30px;
}

.banner-btn {
  min-width: 170px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  padding: 12px 30px;
  font-size: 18px;
  text-align: center;
  background: #f0be00;
  border: 2px solid #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  color: #ffffff;
  text-shadow: 2px 1px 1px #000000c1;
  text-transform: uppercase;
  font-family: Avenir-Black, sans-serif;
  box-shadow: 2px 3px 3px #000000c1;
}

.banner-btn:hover {
  background: #fff;
  color: #f0be00;
  text-shadow: none;
  border-color: #f0be00;
}

.header-dropdown {
  display: inline-block;
  vertical-align: middle;
}

.header-right-bottom {
  text-align: center;
  padding-top: 10px;
}

.header-right-bottom .navbar-nav {
  align-items: center;
}

.site-header .navbar-light .navbar-nav .nav-link {
  font-size: 14px;
  color: #7abbfb;
  text-transform: uppercase;
  padding: 12px 15px;
  max-width: 236px;
  width: 100%;
  font-family: Avenir-Black, sans-serif;
  line-height: 1.4;
}

.site-header .navbar-light .navbar-nav .nav-link:hover,
.site-header .navbar-light .navbar-nav .nav-link:focus,
.site-header .navbar-light .navbar-nav .active.nav-link {
  color: #f6bd32;
}

.navbar.navbar-light.bg-light {
  background-color: transparent !important;
}

.plain-dropdown {
  display: inline-block;
  vertical-align: middle;
}

.btn-purple {
  color: #fff;
  background: #1877f2;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: none;
  min-width: 120px;
  font-family: Avenir-Black, sans-serif;
  text-transform: uppercase;
  height: 43px;
  line-height: 42px;
  padding: 0 20px;
  transition: none;
  font-size: 14px;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple.active,
.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled):active,
.show > .btn-purple.dropdown-toggle,
.show > .btn-purple.dropdown-toggle:focus {
  color: #fff;
  background: #1877f2;
  transition: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.horizontal-scroll {
  max-width: 2065px;
  width: 100%;
  margin: 0 0 0 auto;
  padding: 30px 0px;
  overflow-x: scroll;
  position: relative;
  z-index: 1;
}

.banner-section {
  position: relative;
  font-family: Avenir-Black, sans-serif;
}

.banner-section .img-fluid {
  width: 100%;
}

.banner-text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.banner-title,
.banner-tagline {
  color: #f0be00;
  text-shadow: 2px 1px 1px #000000c1;
  text-transform: uppercase;
  font-size: 58px;
  font-family: Avenir-Black, sans-serif;
  line-height: 1.2;
}

.banner-tagline {
  font-size: 25px;
  line-height: 1.5;
}

.uv-store-page .form-title {
  font-size: 26px;
  text-transform: capitalize;
  margin-bottom: 0;
  margin-top: 20px;
}

.right-filter {
  flex: auto;
  justify-content: flex-end;
}

.left-heard span {
  color: #bbb;
}

.common-spacing {
  padding: 25px 0;
}

.shout-out-request-outer.common-spacing {
  position: relative;
  z-index: 1;
}

.bg-pattern {
  background-image: url("../images/pattern.jpg");
}

.bg-grey,
.bg-grey-new,
.site-content-new.bg-grey {
  background-color: #111214;
}

.bg-pattern-grey {
  background-image: url("../images/pattern-bg2.png");
}

.bg-lightgrey {
  background-color: rgba(247, 247, 247, 0.5);
}

.title-md {
  font-size: 28px;
  color: #e5e5e5;
  text-transform: uppercase;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.light-text {
  font-family: NeusaNextStd-Light, sans-serif;
  font-size: 14px;
  color: #e5e5e5;
}

.text-white,
.css-1pahdxg-control input {
  color: #e5e5e5 !important;
}

.white-text {
  color: #fff;
}

.text-16 {
  font-size: 16px;
}

.text-30 {
  font-size: 30px;
}

.inner-wrapper {
  max-width: 1700px;
  padding-right: 30px;
}

.box-item {
  background: #fff;
  box-shadow: 0px 0px 10px #00000015;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  width: 100%;
  height: 100%;
  border: 1px solid #efefef;
}

.box-img {
  position: relative;
  max-height: 220px;
  overflow: hidden;
  height: 100%;
  line-height: 210px;
  background: #dadada;
}

.box-img .img-fluid {
  width: 100%;
}

.box-title {
  position: absolute;
  bottom: 0;
  letter-spacing: 0.6px;
  color: #ffffff;
  font-size: 11px;
  background: #0000007b;
  left: 0;
  margin: 0;
  padding: 10px 5px;
  width: 100%;
  padding-left: 70px;
  font-family: NeusaNextStd-Medium, sans-serif;
  line-height: 1.2;
}

.box-details {
  padding: 10px 5px 20px 0px;
}

.box-left {
  width: 55px;
  height: 55px;
  float: left;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid #fff;
  margin-left: 5px;
  margin-top: -40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  line-height: 37px;
}

.box-left .img-fluid {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.box-right {
  padding-left: 70px;
}

.box-name {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 20px;
  line-height: 1.3;
  margin: 0;
  letter-spacing: 0.8px;
  color: #3c5364;
}

.box-categories {
  font-size: 12px;
  line-height: 1.2;
  font-family: NeusaNextStd-Medium, sans-serif;
  letter-spacing: 0.12px;
  color: #3c5364;
  margin-top: 2px;
}

.celebrencers-box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}

.celebrencers-box .box-title {
  padding: 10px 20px;
  background: #404040;
  opacity: 0.8;
  /* color: #E0E0E0; */
}

.no-img .box-right {
  padding-left: 20px;
}

.celebrencers-box .box-name {
  letter-spacing: 1.04px;
  color: #7c3b84;
  font-size: 26px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.celebrencers-box .box-categories {
  font-size: 14px;
  letter-spacing: 0.14px;
  color: #3c5364;
  opacity: 0.6;
}

.live-stream-box .box-img {
  line-height: normal;
  max-height: 200px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.sidebar {
  padding: 15px 0;
}

.title-light {
  color: #3c5364;
  opacity: 0.44;
  font-size: 23px;
  margin-top: 50px;
  font-family: NeusaNextStd-Light, sans-serif;
  margin-bottom: 30px;
  font-weight: 600;
}

.filter-list li {
  color: #3c5364;
  font-size: 21px;
  line-height: 2.5;
  font-family: NeusaNextStd-Medium, sans-serif;
  cursor: pointer;
}

.right-content .search-form {
  max-width: 800px;
}

.right-filters {
  margin-bottom: 40px;
}

.custom-toggle .btn {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  min-width: 240px;
  font-family: NeusaNextStd-Medium, sans-serif;
  letter-spacing: 0.4px;
  font-size: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.btn-white {
  color: #aaa;
  background-color: #171a1d;
  /*border-color: #5e5e5e;*/
}

.btn-white:hover,
.btn-white:focus {
  color: #fff;
  background-color: #3b3f45;
  border-color: #171a1d;
}

.btn-white.active {
  color: #fff;
  background-color: #1877f2;
  border-color: #1877f2;
}

.btn-white.active:hover,
.btn-white.active:focus {
  color: #fff;
  background-color: #0665d7;
  border-color: #0665d7;
}

.custom-pagination .pagination {
  padding: 40px 0;
}

.card-body-new .custom-pagination .pagination {
  padding: 40px 0 0;
}

.custom-pagination {
  width: 100%;
}

.custom-pagination nav {
  display: flex;
}

.pagination {
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: center;
}

.pagination li a {
  height: 50px;
  text-align: center;
  background: #1e2023;
  width: 50px;
  line-height: 50px;
  border: 1px solid #353b43;
  letter-spacing: 0.42px;
  color: #e5e5e5;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 21px;
  padding: 0;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
}

.custom-pagination .page-item.active .page-link {
  color: #1877f2;
  background-color: #111214;
  border-color: #353b43;
}

.right-filter .search-form {
  margin-right: 20px;
  max-width: 350px;
}

.select-box {
  position: relative;
}

.right-filter .select-box div.css-yk16xz-control .css-1wa3eu0-placeholder {
  color: #acb6be;
}

.right-filter .select-box div.css-yk16xz-control,
div.css-yk16xz-control,
div.css-1pahdxg-control,
div.css-1pahdxg-control:focus,
div.css-1pahdxg-control:hover {
  min-width: 180px;
  background: #fff;
  border: 1px solid #ced4da;
  box-shadow: 0px 0px 15px #ddd;
  -webkit-box-shadow: 0px 0px 15px #ddd;
  -moz-box-shadow: 0px 0px 15px #ddd;
  -ms-box-shadow: 0px 0px 15px #ddd;
  -o-box-shadow: 0px 0px 15px #ddd;
  color: #acb6be;
  font-family: NeusaNextStd-Medium, sans-serif;
  min-height: 50px;
}

.select-box select {
  -webkit-appearance: none;
  height: 50px;
  border-radius: 6px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  padding-right: 30px;
  min-width: 150px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.select-box .arrow-icon {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  pointer-events: none;
}

.custom-pagination .page-item:first-child .page-link {
  border-left: 1px solid #353b43;
}

.custom-pagination .page-link:hover,
.custom-pagination .page-link:focus {
  color: #1877f2;
  background-color: #111214;
  border-color: #353b43;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.arrow-right,
.arrow-left {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #3c5364;
  border-right: 3px solid #3c5364;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.arrow-left {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}

.wrapper-left-aligned {
  margin: 0 auto 0 0;
  padding: 0 30px 0 0;
}

.p-30 {
  padding: 0 30px !important;
}

.p-16 {
  padding: 16px !important;
}

::-webkit-scrollbar {
  width: 0px;
  height: 8px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ddd;
  -webkit-box-shadow: inset 0 0 5px #ddd;
  -moz-box-shadow: inset 0 0 5px #ddd;
  -ms-box-shadow: inset 0 0 5px #ddd;
  -o-box-shadow: inset 0 0 5px #ddd;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #1877f2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #1877f2;
}

.react-calendar {
  background-color: #292a2d;
  color: #e5e5e5;
  border-color: #2f3135;
}

.react-calendar [type="button"]:not(:disabled),
.react-calendar [type="reset"]:not(:disabled),
.react-calendar [type="submit"]:not(:disabled),
.react-calendar button:not(:disabled) {
  color: #e5e5e5;
}

button.custom_color,
.custom-calender .react-calendar__tile--active.custom_color:enabled:hover,
.custom-calender .react-calendar__tile--active.custom_color:enabled:focus,
.custom-calender .react-calendar__tile--now.custom_color {
  background: #111214;
}

.custom_color abbr {
  display: inline-block;
  background: #24bb88;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  font-family: NeusaNextStd-Medium, sans-serif;
  border: 2px solid #fff;
  margin-top: -4px;
  color: #fff;
}

.custom_old_color,
.custom_color {
  position: relative;
}

.custom-calender .react-calendar__tile--now abbr {
  color: #e5e5e5;
}

.custom_old_color:after {
  content: "";
  background: #ff0000;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 28px;
  right: 0px;
  left: 0;
  margin: auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #3a3a3a;
}

.live-stream-box .box-details {
  padding: 20px 20px 30px;
}

.btn-pink {
  background: linear-gradient(78deg, #be66c9 0%, #d11515 100%);
  box-shadow: 0px 8px 15px #727c8e5c;
  border: 3px solid #ffffff89;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 10px;
  padding: 0px 0px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 13px;
  font-family: NeusaNextStd-Bold, sans-serif;
  height: 24px;
  width: 57px;
  line-height: 20px;
}

.live-stream-box .btn-pink {
  position: absolute;
  right: 20px;
  top: 20px;
}

.stream-details {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 10px;
}

.stream-details span {
  letter-spacing: 0.55px;
  color: #3c5364;
  font-size: 11px;
  opacity: 0.5;
}

.stream-details .stream-fields {
  font-family: NeusaNextStd-Medium, sans-serif;
  opacity: 1;
  margin-left: 10px;
}

.stream-details .live-time {
  float: right;
}

.live-stream-box .box-name {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  line-height: 1.5;
  margin-bottom: 7px;
}

.box-desc {
  font-size: 16px;
  font-family: NeusaNextStd-Light, sans-serif;
  color: #bcc0c6;
  line-height: 1.5;
}

.grey-box .box-desc {
  font-size: 18px;
  font-family: NeusaNextStd-Regular, sans-serif;
}

.btn-outline-purple {
  color: #1877f2;
  border: 2px solid #1877f2;
  font-family: AvenirLTStd-Book, sans-serif;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-weight: bolder;
  font-size: 12px;
  min-width: 109px;
}

.btn-outline-purple:hover,
.btn-outline-purple:focus {
  color: #fff;
  background-color: #1877f2;
  border-color: #1877f2;
}

.bordered-box {
  height: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.view-all-text {
  font-size: 28px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #d1d1d1;
  text-transform: uppercase;
  max-width: 134px;
  line-height: 1.2;
}

.more-numbers {
  position: absolute;
  bottom: 20px;
  font-size: 23px;
  color: #1877f2;
}

.bg-gradient-purple {
  background: linear-gradient(255deg, #8f4398 0%, #2a182c 100%);
}

.btn-light-purple {
  background: #7c3b84;
  box-shadow: 0px 0px 15px #00000010;
  border: 1px solid #be66c9;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  min-width: 143px;
  height: 60px;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
  letter-spacing: 0.36px;
  color: #ffffff;
  opacity: 0.7;
}

.btn-light-purple:hover,
.btn-light-purple:focus {
  background: #713079;
  color: #fff;
}

.search-form.maxWidth-430 {
  max-width: 430px;
  width: 430px;
  margin-right: 20px;
}

.btn-with-arrow {
  text-align: left;
  padding: 0 16px;
  position: relative;
}

.btn-with-arrow::after {
  content: "";
  width: 20px;
  height: 20px;
  background-position: -79px 1px;
  position: absolute;
  right: 16px;
  top: 17px;
}

.live-celebencers {
  text-align: center;
  color: #fff;
  position: relative;
  padding-top: 12px;
}

.celebencer-img {
  background: #1877f2;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 6px;
  width: 119px;
  height: 119px;
  overflow: hidden;
  margin: 0 0 12px;
  line-height: 110px;
}

.celebencer-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.chat-type {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 12px #000000a0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-family: AvenirLTStd-Book, sans-serif;
  font-size: 11px;
  color: #1877f2;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
  padding: 7px 10px 5px;
}

.chat-auther-name {
  font-family: Avenir-Black, sans-serif;
  font-size: 17px;
  margin-bottom: 5px;
}

.chat-time {
  font-size: 12px;
  font-family: NeusaNextStd-Light, sans-serif;
}

.custom-row {
  margin: 0 -30px;
}

.custom-col {
  padding: 0 30px;
  max-width: 180px;
}

.custom-row-padding {
  padding: 60px 0 0;
}

.uv-news-feed {
  padding-top: 60px;
}

.vertical-scroll {
  max-height: 740px;
  overflow-y: auto;
  padding-right: 100px;
  margin-top: 30px;
}

.uv-news-feed .box-item {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
}

.site-footer {
  background: #000;
  color: #fff;
  padding: 20px 0;
}

.footer-menu {
  display: flex;
}

.footer-menu .nav-link {
  color: #757c81;
  font-size: 18px;
}

.footer-menu .nav-link:hover,
.footer-menu .nav-link:focus,
.footer-menu .active .nav-link {
  color: #e5e5e5;
}

.footer-para {
  font-size: 18px;
  color: #747c81;
}

.photo-uploaded {
  width: 95px;
  height: 95px;
  border: 1px solid #efefef;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  margin-right: 7px;
  margin-bottom: 15px;
  position: relative;
}

.photo-uploaded .error {
  white-space: nowrap;
}

.photo-uploaded .custom-file-new .custom-file-input {
  height: 100%;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.common-forms .photo-uploaded label.form-control {
  width: 100%;
  border: none;
  line-height: normal;
  font-size: 11px;
  padding: 0;
  text-align: center;
  height: auto;
}

.photo-uploaded .plus-icon {
  margin: 15px auto 10px;
}

.plus-icon {
  display: block;
  width: 45px;
  height: 45px;
  background-position: 0px -72px;
  margin: 0 auto 15px;
}

.file-input-btns .form-label-group {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
}

input[type="file"].form-control {
  cursor: pointer;
}

/*******/
.common-banner-img {
  background: url("../images/banner.jpg");
  background-size: cover;
}

.banner-content-outer {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 10;
}

.banner-content {
  padding: 100px 0 0;
  position: relative;
  bottom: -50px;
}

.merchant-info-box {
  background: #fff;
  height: 100%;
  padding: 20px 40px 60px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  box-shadow: 0px 0px 30px #00000026;
}

.merchant-social-info {
  position: absolute;
  bottom: 0;
  background: #f6f6f6;
  left: 0;
  padding: 15px 40px;
  width: 100%;
  border-radius: 0 0 12px 12px;
  -webkit-border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  -ms-border-radius: 0 0 12px 12px;
  -o-border-radius: 0 0 12px 12px;
}

.merchant-title {
  letter-spacing: 1.44px;
  color: #7c3b84;
  font-size: 36px;
  font-family: NeusaNextStd-Bold, sans-serif;
  margin: 0;
  padding-right: 220px;
}

.tagline {
  letter-spacing: 0.18px;
  color: #454545;
  font-size: 16px;
  font-family: NeusaNextStd-Light, sans-serif;
  font-style: italic;
}

.merchant-about {
  padding: 15px 0 0;
  min-height: auto;
  letter-spacing: -0.18px;
  color: #3c5364;
  font-family: NeusaNextStd-Regular, sans-serif;
}

.modal-content {
  padding: 0 15px;
  background: #1e2023;
}

.marchent-outer .full-dec {
  max-width: 100%;
  flex: auto;
}

.normal-merchent-design .col-7-width {
  max-width: 58%;
  flex: auto;
}

.normal-merchent-design .full-width {
  max-width: 100%;
  flex: auto;
}

.add-remove {
  display: none;
}

.marchent-outer .full-width {
  max-width: 66%;
}

.marchent-outer .add-remove {
  display: block;
}

.marchent-outer .col-7-width {
  max-width: 75%;
}

.title-sm {
  letter-spacing: 0.44px;
  font-size: 20px;
  font-family: NeusaNextStd-Bold, sans-serif;
  color: #e5e5e5;
}

.social-info-list li span {
  width: 30px;
  height: 30px;
  margin-right: 6px;
  background-size: cover;
}

.youtube-icon {
  background-image: url(../images/youtube.svg);
}

.insta-icon {
  background-image: url(../images/insta.svg);
}

.fb-icon {
  background-image: url(../images/fb.svg);
}

.twitr-icon {
  background-image: url(../images/twitter.svg);
}

.social-info-list li {
  margin-right: 20px;
  letter-spacing: 0.72px;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
  position: relative;
}

.social-info-list li .edit-profile-icon {
  position: unset;
}

.social-progress {
  text-align: right;
  margin-top: 8px;
}

.social-progress li {
  display: inline-block;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-right: 15px;
  vertical-align: middle;
}

.social-progress li:last-child {
  margin-right: 0;
}

.social-progress li a {
  font-size: 14px;
  font-family: "NeusaNextStd-Regular", sans-serif;
  padding: 6px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.social-progress li:last-child a {
  padding-right: 0;
}

.page-views {
  font-size: 15px;
  font-family: NeusaNextStd-Regular, sans-serif;
}

.page-views span {
  font-size: 18px;
  letter-spacing: 0.8px;
  font-family: NeusaNextStd-Medium, sans-serif;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.dash-sections {
  padding: 100px 0 40px;
}

.heading {
  letter-spacing: 0.8px;
  font-family: NeusaNextStd-Light, sans-serif;
  font-weight: 900;
  font-size: 30px;
}

.white-box {
  background: #1e2023;
  padding: 20px 30px 20px 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 0px 30px #00000026;
  -webkit-box-shadow: 0px 0px 30px #00000026;
  -moz-box-shadow: 0px 0px 30px #00000026;
  -o-box-shadow: 0px 0px 30px #00000026;
  -ms-box-shadow: 0px 0px 30px #00000026;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.info-box-outer {
  margin-top: 40px;
  margin-bottom: -80px;
}

.count {
  font-size: 65px;
  font-family: NeusaNextStd-Light, sans-serif;
  font-weight: 900;
}

.count-info {
  font-size: 24px;
  margin-left: 30px;
  color: #99a7b2;
}

.count-info small {
  font-size: 10px;
  display: block;
  max-width: 150px;
}

.btn-purple-gradient,
.card-header .btn-purple-gradient {
  height: 45px;
  background: #1877f2;
  color: #fff;
  min-width: 170px;
  font-size: 18px;
  font-family: NeusaNextStd-Bold, sans-serif;
  letter-spacing: 0.5px;
  transition: none;
  border: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.card-header .btn-purple-gradient {
  text-transform: capitalize;
  min-width: 200px;
}

.btn-purple-gradient:hover,
.btn-purple-gradient:focus,
.btn-purple-gradient:not(:disabled):not(.disabled):active {
  background: #0665d7;
  color: #fff;
  transition: none;
}

.token-box {
  justify-content: space-between;
}

.token-icon {
  text-align: right;
  position: relative;
  margin-left: 6%;
}

.token-icon::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 19px;
  background: url("../images/token.svg") no-repeat;
  left: 15px;
  top: 15px;
}

.merchant-detail-panel {
  padding-bottom: 70px;
}

.accordion.custom-accordion .card {
  background: #1e2023;
  box-shadow: 0px 0px 30px #00000026;
  -webkit-box-shadow: 0px 0px 30px #00000026;
  -moz-box-shadow: 0px 0px 30px #00000026;
  -o-box-shadow: 0px 0px 30px #00000026;
  -ms-box-shadow: 0px 0px 30px #00000026;
  margin-bottom: 20px;
  border: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.custom-accordion.accordion .card-header {
  background: #1e2023;
  border: 0;
  padding: 26px 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  position: relative;
  z-index: 2;
}

.card-head-left {
  width: 100%;
  position: relative;
  padding-right: 235px;
}

.card-head-left::after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  background: #545454;
  right: -42px;
}

.card-header-action {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.public-store-icon {
  text-align: left;
  position: relative;
  font-size: 17px;
  min-width: 216px;
  padding: 7px 20px;
  line-height: 1.79;
}

.public-store-icon::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("../images/box-arrow.svg") no-repeat;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.card-header a {
  font-size: 32px;
  color: #e5e5e5;
  text-transform: uppercase;
  font-family: NeusaNextStd-Bold, sans-serif;
  display: inline-block;
  vertical-align: middle;
}

.blue-pill,
.white-pill {
  display: inline-block;
  background: #111214;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  color: #babfc5;
  height: 39px;
  line-height: 40px;
  vertical-align: middle;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 18px;
  margin: 3px 0px;
  margin-right: 15px;
  padding: 0 12px;
  border: 1px solid #707070;
}

.blue-pill i {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  line-height: 1;
  margin-top: 2px;
}

.card-header .card-head-left a + .blue-pill {
  margin-right: 15px;
}

.card-header .card-head-left > a {
  margin-right: 15px;
}

.white-pill {
  border-color: #bbc1c9;
  color: #c8cacf;
  background: #fff;
}

.blue-pill span,
.white-pill span {
  vertical-align: middle;
  display: inline-block;
}

.accordion-details {
  font-size: 18px;
  color: #747c81;
  font-family: NeusaNextStd-Light, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
}

.accordion-btn {
  display: inline-block;
  margin-left: 80px;
  position: relative;
}

.arrow-icon {
  width: 18px;
  height: 18px;
  border-left: 4px solid #757c81;
  border-bottom: 4px solid #757c81;
  transform: rotate(134deg);
  -webkit-transform: rotate(134deg);
  -moz-transform: rotate(134deg);
  -o-transform: rotate(134deg);
  -ms-transform: rotate(134deg);
  border-radius: 0 0px 0px 2px;
  -webkit-border-radius: 0 0px 0px 2px;
  -moz-border-radius: 0 0px 0px 2px;
  -o-border-radius: 0 0px 0px 2px;
  -ms-border-radius: 0 0px 0px 2px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
}

.collapsed .arrow-icon {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.btn-grey {
  background: #ffffffd8;
  box-shadow: 0px 8px 15px #727c8e5c;
  -webkit-box-shadow: 0px 8px 15px #727c8e5c;
  -moz-box-shadow: 0px 8px 15px #727c8e5c;
  -ms-box-shadow: 0px 8px 15px #727c8e5c;
  -o-box-shadow: 0px 8px 15px #727c8e5c;
  border: 3px solid #b2a1b8;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  color: #7c3b84;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 14px;
  height: 35px;
  min-width: 182px;
  line-height: 1;
  padding: 8px 15px;
}

.btn-wallpaper {
  position: absolute;
  right: 0;
  top: -65px;
}

.btn-profile {
  position: absolute;
  top: 24px;
  right: 40px;
}

.merchant-img-box {
  height: 100%;
  background: #dadada;
  margin-right: 40px;
  max-width: 415px;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -o-border-radius: 11px;
  -ms-border-radius: 11px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.merchant-img-wrap {
  max-height: 411px;
  height: 100%;
  overflow: hidden;
  line-height: 398px;
  width: 100%;
  text-align: center;
  background: #dadada;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -o-border-radius: 11px;
  -ms-border-radius: 11px;
}

.merchant-img-wrap .img-fluid {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}

.live-chat-details {
  background: linear-gradient(
    265deg,
    rgba(207, 29, 40, 0.7) 0%,
    rgba(199, 65, 189, 0.7) 100%
  );
  border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
  -ms-border-radius: 0px 0px 10px 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 15px 15px 15px 40px;
}

.merchant-about p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
}

.merchant-about .title-sm {
  font-size: 16px;
}

.blue-transparent-bg {
  background: linear-gradient(265deg, #3c5364 0%, #4193c7 100%);
}

.title-xs {
  text-transform: uppercase;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 17px;
  line-height: 1;
}

.light-text-sm {
  font-size: 13px;
  line-height: 1;
}

.btn-outline {
  box-shadow: 0px 8px 15px #727c8e5c;
  -webkit-box-shadow: 0px 8px 15px #727c8e5c;
  -moz-box-shadow: 0px 8px 15px #727c8e5c;
  -ms-box-shadow: 0px 8px 15px #727c8e5c;
  -o-box-shadow: 0px 8px 15px #727c8e5c;
  border: 3px solid #ffffff89;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  height: 36px;
  color: #fff;
  line-height: 1;
  min-width: 140px;
  padding: 0 16px;
  font-size: 14px;
}

.chat-details-inner {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 14px;
  position: relative;
  padding-left: 18px;
}

.chat-details-inner::before {
  content: "";
  width: 16px;
  height: 16px;
  background: #07d064;
  border: 2px solid #fff;
  position: absolute;
  left: -13px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  top: 0px;
}

.rounded-input,
.disabled-search {
  background: #fff;
  border-color: #c3c3c3;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  height: 54px;
  max-width: 600px;
  margin: 20px 0 10px;
  padding: 0 20px;
  font-size: 18px;
  font-family: NeusaNextStd-Light, sans-serif;
}

.disabled-search {
  border: 1px solid #bbb;
  height: 45px;
  line-height: 45px;
  color: #bbb;
}

.edit-profile-icon {
  position: absolute;
  width: 38px;
  height: 38px;
  background-image: url("../images/edit.svg");
  border: 0;
  right: 20px;
  top: -1px;
}

.live-box {
  position: absolute;
  left: 0;
  width: 100%;
  letter-spacing: 0.36px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  height: 54px;
  padding: 0 15px 0;
  font-family: NeusaNextStd-Bold, sans-serif;
  top: -30px;
  z-index: 1;
  overflow: hidden;
}

.live-box span {
  background: linear-gradient(261deg, #ff336c 0%, #ff0000 100%);
  width: 100%;
  display: inline-block;
  height: 90px;
  padding: 5px 15px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  z-index: 1;
  position: relative;
}

.store-icon {
  padding-left: 48px;
}

.store-icon::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 37px;
  left: -9px;
  background: url(../images/store.svg) no-repeat;
  top: 19px;
}

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

.switch {
  font-size: 1rem;
  position: relative;
}

.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
  visibility: hidden;
}

.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * 0.8) * 2);
  border-radius: calc(2.375rem * 0.8);
  -webkit-border-radius: calc(2.375rem * 0.8);
  -moz-border-radius: calc(2.375rem * 0.8);
  -o-border-radius: calc(2.375rem * 0.8);
  -ms-border-radius: calc(2.375rem * 0.8);
  height: calc(2.375rem * 0.8);
  line-height: calc(2.375rem * 0.8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 0.5rem);
  margin-bottom: 0;
  max-width: 62px;
}

.switch input + label::before,
.switch input + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * 0.8) * 2);
  bottom: 0;
  display: block;
}

.switch input + label::before {
  right: 0;
  background: #e0e0e0;
  border-radius: calc(2.375rem * 0.8);
  -webkit-border-radius: calc(2.375rem * 0.8);
  -moz-border-radius: calc(2.375rem * 0.8);
  -o-border-radius: calc(2.375rem * 0.8);
  -ms-border-radius: calc(2.375rem * 0.8);
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  -ms-transition: 0.2s all;
}

.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
  height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #fff;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  -ms-transition: 0.2s all;
  box-shadow: 0px 0px 5px #505050;
  -webkit-box-shadow: 0px 0px 5px #505050;
  -moz-box-shadow: 0px 0px 5px #505050;
  -o-box-shadow: 0px 0px 5px #505050;
  -ms-box-shadow: 0px 0px 5px #505050;
  border: 1px solid #e5e5e5;
  margin-left: calc(2.375rem * 0.8);
}

.switch input:checked + label::before {
  background: #1877f2;
}

.switch input:checked + label::after {
  margin-left: 0;
}

.switch input:focus + label::before {
  outline: none;
  box-shadow: 0px 0px 4px #505050;
  -webkit-box-shadow: 0px 0px 4px #505050;
  -moz-box-shadow: 0px 0px 4px #505050;
  -o-box-shadow: 0px 0px 4px #505050;
  -ms-box-shadow: 0px 0px 4px #505050;
}

.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}

.switch input:disabled + label::before {
  background-color: #e9ecef;
}

.switch + .switch {
  margin-left: 1rem;
}

.switch.switch-sm {
  font-size: 0.875rem;
}

.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * 0.8) * 2);
  height: calc(1.9375rem * 0.8);
  line-height: calc(1.9375rem * 0.8);
  text-indent: calc(calc(calc(1.9375rem * 0.8) * 2) + 0.5rem);
}

.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * 0.8) * 2);
}

.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
  height: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
  margin-left: calc(1.9375rem * 0.8);
}

.switch.switch-sm input:checked + label::after {
  margin-left: 0;
}

.toggle-text {
  font-size: 18px;
  text-transform: uppercase;
  padding: 0 10px 0 0;
  padding-left: 0;
  margin-top: 3px;
}

.switch-outer {
  display: flex;
  align-items: center;
}

.toggle-text.toggle {
  color: #999;
  padding-right: 0;
  padding-left: 10px;
}

.btn-pink-gradient {
  background: linear-gradient(112deg, #ff0031 0%, #ff5c9b 100%);
  box-shadow: 0px 0px 5px #ff5c9b93;
  height: 54px;
  padding: 0 20px;
  letter-spacing: 0.42px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  font-family: NeusaNextStd-Bold, sans-serif;
  transition: none;
}

.btn-pink-gradient:hover,
.btn-pink-gradient:focus {
  background: #ff0031;
  color: #fff;
}

.custom-accordion .card-body {
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.panel-listing {
  padding: 30px 25px;
  font-size: 20px;
  height: 100%;
}

.panel-listing .custom-toggle .btn {
  height: 56px;
  line-height: 56px;
  min-width: unset;
  white-space: nowrap;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 20px;
}

.panel-listing .search-form {
  max-width: 380px;
  margin: 0 0 0 20px;
}

.panel-listing .search-form .form-control {
  height: 56px;
  padding-left: 56px;
}

.panel-para {
  opacity: 0.82;
  margin: 0 0 35px;
  line-height: 1.6;
}

.panel-listing .table {
  color: #e5e5e5;
}

.panel-listing .table thead th {
  font-family: AvenirLTStd-Book, sans-serif;
  letter-spacing: -0.36px;
  border-top: 0;
  opacity: 1;
  font-size: 17px;
  font-weight: bold;
  white-space: nowrap;
}

.product-name-col {
  width: 180px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: auto;
  text-overflow: ellipsis;
}

.custom-tables {
  font-family: NeusaNextStd-Medium, sans-serif;
  margin: 20px 0 0;
  font-size: 18px;
  padding-bottom: 20px;
}

.custom-tables tr td {
  vertical-align: middle;
}

.user-type {
  font-size: 15px;
  text-transform: uppercase;
  color: #97c4ff;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.text-sm,
.text-xs {
  font-size: 16px;
  font-family: Avenir-Black, sans-serif;
}

.text-xs {
  font-size: 14px;
}

.received-at {
  display: block;
  color: #747c81;
  font-size: 14px;
}

.btn-pink-white,
.btn-lightblue,
.card .btn-secondary,
.card .btn-danger {
  background: #ff174c;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  color: #fff;
  border: none;
  height: 36px;
  font-size: 14px;
  padding: 0 20px;
  min-width: 128px;
  line-height: 36px;
}

.btn-pink-white:hover,
.btn-pink-white:focus {
  color: #fff;
  background: #ff174c;
}

.btn-pink-white {
  position: relative;
  line-height: 36px;
}

.btn-pink-white .form-label-group {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  margin: 0;
}

.message-icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url("../images/message.svg") no-repeat;
}

.disabled {
  opacity: 0.5;
}

.btn-lightblue {
  background: #7eb4db;
  box-shadow: none;
}

.btn-lightblue:hover,
.btn-lightblue:focus {
  background: #6da3ca;
  color: #fff;
}

.purple {
  color: #be66c9;
}

.check-icon,
.cross-icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 18px;
  background: url("../images/tick.svg") no-repeat;
}

.cross-icon {
  width: 18px;
  background-image: url("../images/cross.svg");
}

.btn-success {
  background: #65ae76;
  min-width: 79px;
  height: 36px;
  line-height: 26px;
}

.card .btn-danger {
  background: #e24a49;
  min-width: auto;
  line-height: 40px;
}

.card .btn-secondary {
  background: #999;
  border-color: #d0d0d0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

.custom-tables tbody tr:last-child {
  border-bottom: 1px solid #dee2e6;
}

.panel-details {
  padding: 30px 40px;
  height: 100%;
  position: relative;
}

.bg-grey .panel-details {
  min-height: 580px;
  padding: 30px 16px 20px 20px;
}

.heading-md {
  font-size: 24px;
  font-family: NeusaNextStd-Regular, sans-serif;
  margin-bottom: 27px;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.panel-details .white-box {
  display: block;
  padding: 15px 20px;
  height: 100%;
}

.heading-sm {
  font-size: 16px;
  display: block;
  opacity: 0.6;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.panel-details .heading-sm {
  padding-right: 60px;
}

.panel-details .edit-profile-icon {
  top: 28px;
}

.panel-details .white-box .switch.switch-sm {
  position: absolute;
  right: 10px;
  top: 13px;
}

.bold-text {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 1.1;
  color: #e5e5e5;
}

.bold-text span {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
}

.profile-icon {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  background: url("../images/profile.svg");
  margin-right: 10px;
}

.panel-detail-actions {
  margin-top: 20px;
}

.panel-detail-actions .btn-pink-white,
.panel-detail-actions .btn-primary,
.card .panel-detail-actions .btn-secondary {
  height: 50px;
  font-size: 19px;
  line-height: 50px;
  font-family: NeusaNextStd-Bold, sans-serif;
  padding: 0 20px;
}

.panel-detail-actions .btn-download {
  height: 50px;
  font-size: 19px;
  line-height: 50px;
  font-family: NeusaNextStd-Bold, sans-serif;
  padding: 0 20px;
}

.card .panel-detail-actions .btn-secondary {
  background: #8b8b8b;
}

.card .panel-detail-actions .btn-secondary:hover,
.card .panel-detail-actions .btn-secondary:focus {
  background-color: #545b62;
}

.title-with-rt-border::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  border-top: 2px solid #343b43;
  top: 12px;
}

.selected-row-details h2 {
  font-size: 23px;
  display: inline-block;
  background: #111214;
  position: relative;
  padding-right: 10px;
  z-index: 1;
}

.title-with-rt-border {
  position: relative;
  margin-bottom: 20px;
}

.selected-row-details .btn-purple-gradient {
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  padding: 0 20px;
}

.field-name {
  letter-spacing: -0.4px;
  opacity: 0.7;
  font-family: AvenirLTStd-Book, sans-serif;
  font-weight: 900;
  margin-bottom: 15px;
}

.field-value {
  font-family: Avenir-Black, sans-serif;
  margin-bottom: 15px;
}

.msg-text {
  font-family: NeusaNextStd-Regular, sans-serif;
  letter-spacing: -0.16px;
}

.selected-row-details {
  margin: 35px 0 0;
  text-align: justify;
}

.title-lg {
  font-size: 22px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.text-grey {
  color: #3c5364;
  font-size: 16px;
}

.chat-timing {
  font-size: 20px;
}

.product-label {
  color: #a0a0a0;
  font-size: 15px;
}

.font-regular {
  font-family: NeusaNextStd-Regular, sans-serif;
}

.share-arrow {
  width: 16px;
  height: 16px;
  background: url(../images/share-arrow.svg) no-repeat;
  background-size: contain;
  border: none;
}

.pink-pills-sm {
  background: #ff0f42;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  color: #fff;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  padding: 0 10px;
  vertical-align: middle;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 14px;
}

.pink-pills-sm b {
  font-weight: normal;
  font-family: NeusaNextStd-Bold, sans-serif;
  margin-left: 10px;
  vertical-align: middle;
  font-size: 17px;
}

.panel-detail-actions .btn-purple-gradient {
  height: 50px;
  min-width: 50px;
  padding: 0;
}

.share-icon-white {
  display: inline-block;
  width: 20px;
  height: 22px;
  background-image: url("../images/share-white-icon.svg");
  background-repeat: no-repeat;
  background-size: 15px auto !important;
  vertical-align: middle;
  background-position: 1px 2px;
}

.gallery-outer {
  padding: 40px 10px 0;
}

.gallery-img-outer {
  height: 335px;
  overflow: hidden;
  position: relative;
  line-height: 335px;
  background: #dadada;
}

.product-box {
  background: #fff;
  padding: 5px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0px 3px 6px #eee;
  -webkit-box-shadow: 0px 3px 6px #eee;
  -moz-box-shadow: 0px 3px 6px #eee;
  -ms-box-shadow: 0px 3px 6px #eee;
  -o-box-shadow: 0px 3px 6px #eee;
  height: 100%;
}

.blue-btn {
  background: #49a7d6;
  color: #fff;
  margin-left: 15px;
}

.blue-btn:hover {
  color: #fff;
}

.product-detail .quantity-left {
  font-size: 14px;
  font-style: italic;
  font-family: "AvenirLTStd-Book", sans-serif;
}

.product-detail .product-price {
  font-size: 20px;
  margin-bottom: 15px;
}

.all-uv-products .product-detail .product-price {
  margin-bottom: 0;
  line-height: normal;
}

.product-box .action-btns button {
  min-width: auto;
}

.all-uv-products .box-details {
  padding-bottom: 10px;
}

.all-uv-products .quantity-left {
  flex: auto;
}

.custom-tables tr td:last-child {
  white-space: nowrap;
}

.custom-calender .react-calendar__tile--active abbr {
  color: #fff;
}

.quienty-price .delete-price {
  color: #bbb;
}

.product-box .action-btns {
  position: unset;
  padding: 0;
}

.product-listing {
  max-height: 700px;
  overflow: auto;
  width: 100%;
  padding-right: 15px;
}

.product-image {
  background: #e5e5e5;
  padding: 5px;
  margin-bottom: 6px;
  position: relative;
  text-align: center;
}

.filter-row .dropdown {
  display: inline-block;
}

.filter-row .btn.dropdown-toggle {
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0px 0px 4px #ccc;
  -webkit-box-shadow: 0px 0px 4px #ccc;
  -moz-box-shadow: 0px 0px 4px #ccc;
  -ms-box-shadow: 0px 0px 4px #ccc;
  -o-box-shadow: 0px 0px 4px #ccc;
  height: 44px;
  margin-left: 5px;
}

.dropdown .dropdown-toggle::after {
  content: none;
}

.dropdown .arrow-icon {
  border-top: 3px solid #757c81;
  border-bottom: none;
  border-right: 3px solid #757c81;
  width: 10px;
  height: 10px;
  vertical-align: initial;
  margin-left: 10px;
  border-left: none;
}

.shareicon {
  background: #666;
  width: 40px;
  height: 40px;
  position: absolute;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 5px;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.product-hashtag {
  font-size: 14px;
  color: #49a7d6;
}

.product-detail .product-hd {
  font-size: 20px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.on-hover-links {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
}

.gallery-img-outer:hover .on-hover-links {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.links-outer {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.hover-link {
  display: inline-block;
  width: 73px;
  height: 73px;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 10px;
  border: none;
}

.share-icon {
  background-image: url("../images/share-icon.svg");
  width: 86px;
  height: 86px;
}

.edit-icon {
  background-image: url(../images/edit-icon.svg);
  width: 60px;
  height: 60px;
}

.delete-icon {
  background-image: url("../images/delete-icon.svg");
}

.delete-image:before {
  background: url(../images/delete-icon-sm-gray.png) no-repeat;
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 10;
  right: 15px;
  top: 5px;
  cursor: pointer;
}

.delete-image {
  display: inline-block;
  position: relative;
}

.bottom-shadow::after {
  content: "";
  position: absolute;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  height: 130px;
  width: 110%;
  z-index: 0;
}

.one-top-one-dlt {
  text-indent: -99999px;
}

.one-top-one-dlt::before {
  right: -35px;
  top: 0;
  background: url(../images/delete-icon-sm-red.png) no-repeat;
}

.file-upload-section {
  padding-bottom: 10px;
}

.bedge-img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

.react-tabs__tab-list {
  display: flex;
}

.bedge-btn {
  padding: 4px 10px 4px 6px;
  border: none;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  background: linear-gradient(
    90deg,
    rgba(181, 73, 136, 1) 0%,
    rgba(181, 73, 170, 1) 63%,
    rgba(137, 73, 181, 1) 100%
  );
}

.bedge-number {
  display: inline-block;
  vertical-align: middle;
}

.chat-title,
.liveimage-title {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 26px;
}

.liveimage-title {
  font-family: NeusaNextStd-Bold, sans-serif;
  margin-bottom: 0;
}

.video-history {
  font-size: 18px;
  font-weight: normal;
  color: #747c81;
  font-family: "NeusaNextStd-Regular", sans-serif;
  margin: 6px 0 15px;
  display: inline-block;
}

.chat-user {
  font-family: NeusaNextStd-Light, sans-serif;
  color: #000;
  font-size: 14px;
}

.paid-user b {
  color: #000;
  font-size: 13px;
  line-height: normal;
}

.paid-user .user-details {
  margin-left: 10px;
  line-height: normal;
}

.yellow-bedge {
  background: #e2ae07;
}

.paid-user {
  background: #a949b5;
  padding: 10px;
  margin-top: 8px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
}

.customer-vio {
  background: #be65ca;
  color: #000;
  font-size: 13px;
  padding: 4px 10px;
  margin-bottom: 8px;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
}

.msg-box {
  padding: 15px 25px 0;
  border-top: 1px solid #353b43;
}

.msg-box-new {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.chat-right-side {
  width: calc(100% - 90px);
}

.chat-right-side img {
  width: 45px;
  height: 45px;
  min-width: 45px;
}

.chat-right-side .custom-chat-textarea {
  max-height: 80px;
  resize: vertical;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 16px;
}

.msg-box-new .chat-btns,
.msg-box-new .send-icon {
  margin: 0;
}

.chat-image {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 35px;
  height: 35px;
  min-width: 35px;
}

.custom-chat-textarea {
  width: 100%;
  margin-left: 10px;
  background: #292a2d;
  border: 1px solid #2f3135;
  height: auto;
  max-height: 30px;
  font-size: 17px;
  color: #e5e5e5;
  resize: none;
}

.custom-chat-textarea::placeholder {
  color: #757c81;
}

textarea.form-control::placeholder {
  color: #757c81;
}

.group-chat .search-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  margin-right: 10px;
}

.remove-person {
  flex: auto;
  text-align: right;
}

.remove-btns {
  border: 2px solid #1877f2;
  background: #1877f2;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  color: #e5e5e5;
  padding: 2px 15px;
  font-family: "NeusaNextStd-Regular", sans-serif;
}

.group-chat .chat-image {
  margin-right: 10px;
}

.group-chat .user-chat-detail li {
  margin-bottom: 0;
}

.custom-chat-textarea:focus {
  outline: none;
}

li .user-name {
  color: #747c81;
  padding: 0 10px;
}

.user-chat-detail li {
  margin-bottom: 8px;
}

.user-chat-detail li span {
  font-family: NeusaNextStd-Medium, sans-serif;
  text-align: left;
}

.live-chat-page {
  padding-top: 45px;
  padding-bottom: 30px;
  /* background: #111214; */
}

.video-detal li:after {
  content: "|";
  padding: 5px;
}

.live-video-controls {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 10;
}

.live-video-controls .btn {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.live-video-controls .btn.round-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: none;
  line-height: 50px;
  padding: 0;
}

.video-icon-grey {
  background-image: url("../images/video-icon-grey.svg");
  width: 23px;
  height: 14px;
}

.video-off-blue {
  background-image: url("../images/video-off-blue.svg");
  width: 19px;
  height: 21px;
}

.video-icon-blue {
  background-image: url("../images/video-icon-blue.svg");
  width: 19px;
  height: 13px;
}

.mic-icon-grey {
  background-image: url("../images/mic-icon-grey.svg");
  width: 12px;
  height: 23px;
}

.mute-icon-blue {
  background-image: url("../images/mute-icon-blue.svg");
  width: 19px;
  height: 23px;
}

.user-chat-detail {
  padding: 15px 25px;
  overflow: auto;
  margin-bottom: 15px;
  height: 100%;
  scrollbar-color: #d7dbe2 #eee;
}

.video-detal li:last-child:after {
  display: none;
}

.social-history {
  padding: 15px 0;
}

.user-live {
  align-items: center;
}

.user-details h2 {
  font-size: 22px;
  margin-bottom: 0;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.video-detal li {
  display: inline-block;
  font-size: 16px;
  color: #747c81;
  font-family: "NeusaNextStd-Regular", sans-serif;
}

.live-history {
  border-bottom: 1px solid #353b43;
  padding-bottom: 15px;
}

.user-image {
  height: 67px;
  width: 67px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
  line-height: 67px;
  min-width: 67px;
}

.user-image img {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.bedge-btns {
  padding: 0 25px 10px 25px;
  border-bottom: 1px solid #353b43;
}

.live-chat-box {
  height: calc(100% - 160px);
}

.live-chat-token .live-chat-box {
  height: calc(100% - 190px);
}

.live-chat {
  padding: 25px 0 15px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #1e2023;
  height: 680px;
  margin-bottom: 20px;
}

.live-image {
  overflow: hidden;
  position: relative;
  height: 680px;
  background: #000;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  z-index: 1;
  margin-bottom: 15px;
}

.live-image video {
  width: 100%;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  overflow: hidden;
  margin-bottom: 20px;
  height: 100%;
  position: relative;
  z-index: 1;
  object-fit: cover !important;
}

.live-image video:focus {
  outline: none;
}

.live-btn,
.recording-btn {
  position: absolute;
  left: 20px;
  top: 20px;
  color: #fff;
  font-family: NeusaNextStd-Medium, sans-serif;
  z-index: 10;
  padding: 2px 5px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}

.live-btn::after,
.recording-btn::after {
  content: "";
  background: #f00;
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 10px;
  top: 9px;
}

.remove-pd {
  padding-top: 0 !important;
  overflow: hidden;
}

.remove-pd .bedge-btns {
  padding: 20px 25px 10px 25px;
}

.live-btn::before,
.recording-btn::before {
  margin-right: 10px;
  vertical-align: top;
  margin-top: 2px;
  display: inline-block;
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 2px solid #f00;
  padding: 6px;
}

.recording-btn::after {
  background: #31cf01;
}

.recording-btn::before {
  border-color: #31cf01;
}

.chat-tab li {
  flex: auto;
  text-align: center;
  background: #f6f6f6;
  padding: 15px;
  border-bottom: 1px solid #353b43;
  font-family: NeusaNextStd-Medium, sans-serif;
  cursor: pointer;
}

.chat-tab li:focus {
  outline: none;
}

.chat-tab .react-tabs__tab--selected {
  background: #fff;
  color: #1877f2;
}

.chat-tab .panel-filter-list li {
  padding: 20px 15px 15px;
  background: transparent;
  min-width: auto;
  width: 50%;
}

.bedge-btns:empty {
  display: none;
}

.search-box {
  padding: 15px 20px;
  border: 0;
  border-bottom: 1px solid #353b43;
}

.chat-tab .react-tabs__tab-panel--selected {
  height: 100%;
}

.joined-members-outer {
  padding: 10px 20px 0;
  border-top: 1px solid #353b43;
  font-size: 15px;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-weight: normal;
  letter-spacing: 0.3px;
  text-align: center;
}

aside.emoji-picker-react {
  width: 100% !important;
  height: 265px !important;
}

.live-chat-box .emoji-picker-react ul.skin-tones-list label {
  margin: 0;
}

.live-chat-box .emoji-picker-react ul.skin-tones-list {
  top: 10px;
  right: 37px;
}

.live-chat-box .emoji-picker-react .emoji-group:before {
  font-size: 14px;
  line-height: 18px;
  margin-top: 8px;
}

.live-chat-box .emoji-picker-react input.emoji-search {
  padding: 2px 10px;
}

.live-chat-box li {
  background: transparent;
  padding: 5px 0;
  border: none;
  border-bottom-color: #dadada;
}

.chat-tab
  .panel-filter-list
  .chat-tab
  .filter-btn-item.react-tabs__tab--selected::after,
.chat-tab .panel-filter-list .chat-tab .filter-btn-item:hover::after,
.chat-tab .panel-filter-list .filter-btn-item::after {
  bottom: 0;
}

.group-chat {
  border: none;
  padding: 0;
}

.search-member,
.search-member:focus {
  background: #292a2d;
  border-color: #2f3135;
  color: #e5e5e5;
  outline: none;
  box-shadow: unset;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  -ms-box-shadow: unset;
  -o-box-shadow: unset;
}

.chat-tab .active {
  background: #fff;
}

.chat-tab .active a {
  color: #be65ca;
}

.chat-tab li a {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 16px;
}

.video-icon,
.recording-icon,
.pause-icon,
.mute-icon {
  content: "";
  position: absolute;
  bottom: 30px;
  right: 30px;
  background-position: -224px -31px;
  background-color: #be65ca;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 38px;
  height: 38px;
  text-align: center;
}

.video-time,
.send-tip {
  position: absolute;
  right: 30px;
  background: #fff;
  min-width: 60px;
  text-align: center;
  top: 22px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  padding: 6px 5px 3px;
  font-size: 16px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #ed4848;
  z-index: 1;
}

.send-tip {
  min-width: 120px;
  padding-left: 40px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

.send-tip:before {
  content: "";
  position: absolute;
  bottom: -2px;
  background-position: -265px -71px;
  width: 38px;
  height: 38px;
  left: 10px;
}

.address-name {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 28px;
  margin: 0;
}

.payment-address address span {
  font-size: 20px;
  color: #000;
  display: block;
}

.payment-address address {
  margin-bottom: 5px;
}

.plain-modal .close {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 0;
  z-index: 1;
}

.plain-modal .close span {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
}

.recording-icon,
.mute-icon {
  right: 90px;
  background-position: -195px -31px;
}

.mute-icon {
  background-position: -195px -73px;
}

.pause-icon {
  background-position: -225px -73px;
}

.redbtn {
  background: #ed4948;
  min-width: 220px;
  min-height: 50px;
  border: 1px solid #e24949;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  color: #fff;
  margin-left: 40px;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 20px;
}

.white-btn-pill {
  background: #353b43;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  padding: 12px 30px 8px;
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  line-height: 1.2;
}

.white-btn-pill span {
  color: #f24949;
}

.white-btn-pill div {
  display: inline-block;
  vertical-align: middle;
}

.right-btnn {
  flex: auto;
  text-align: right;
}

.custom-file-upload {
  display: flex;
  background: #292a2d;
  border: 4px dashed #42454a;
  padding: 20px 40px;
  flex-direction: column;
  text-align: center;
  align-items: center;
  position: relative;
  letter-spacing: 0px;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 26px;
  word-break: break-word;
}

.custom-file-upload span {
  opacity: 0.29;
}

.cloud-icon {
  width: 77px;
  height: 54px;
  background-image: url("../images/upload-icon.svg");
  display: inline-block;
}

.chat-btns {
  margin-top: 10px;
  position: relative;
}

.chat-icons {
  background-position: -74px -77px;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-color: transparent;
  border: none;
}

.doller-icon {
  background-position: -115px -77px;
}

.send-icon {
  background-position: -157px -77px;
  float: right;
}

.custom-file-upload input[type="file"] {
  display: block !important;
  cursor: pointer;
}

.custom-file-upload p {
  font-size: 22px;
  margin: 12px 0 0;
}

.input-upload,
.custom-file-upload input[type="file"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.text-xs.blue {
  font-size: 16px;
  color: #5197cb;
  opacity: 1;
  width: 100%;
  display: inline-block;
}

.text-mute {
  opacity: 0.6;
}

.right-content .loader {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.common-forms .form-control.minus,
.common-forms input.form-control,
.common-forms .form-control.plus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

/****************** Registration Page *******************/
.outer-pages-banner {
  min-height: 420px;
  align-items: center;
  display: flex;
}

.outer-page-banner {
  margin-bottom: -60px;
}

.outer-banner-content {
  text-align: center;
  padding: 0 0 30px;
}

.outer-banner-content .banner-title,
.outer-banner-content .banner-tagline {
  max-width: 100%;
}

.wrapper-xs {
  max-width: 1300px;
  margin: 0 auto;
  width: 100%;
}

.custom-radio-outer {
  position: relative;
}

.custom-radio-outer input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
}

.custom-radio-outer .custom-toggle {
  height: 370px;
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 0px 30px #00000026;
  -webkit-box-shadow: 0px 0px 30px #00000026;
  -moz-box-shadow: 0px 0px 30px #00000026;
  -o-box-shadow: 0px 0px 30px #00000026;
  -ms-box-shadow: 0px 0px 30px #00000026;
  justify-content: center;
  font-size: 28px;
  font-family: NeusaNextStd-Bold, sans-serif;
  letter-spacing: 1px;
  flex-direction: column;
  border: 3px solid transparent;
}

.custom-radio-outer .custom-toggle span {
  margin-bottom: 30px;
  background-size: cover;
}

.user-icon {
  background-image: url("../images/user.svg");
  width: 114px;
  height: 114px;
}

.celebrancer-icon {
  background-image: url("../images/celebrancer.svg");
  width: 112px;
  height: 112px;
}

.merchant-icon {
  background-image: url("../images/merchant.svg");
  width: 139px;
  height: 113px;
}

.custom-radio-outer input:checked ~ .custom-toggle {
  background: #be66ca;
  color: #fff;
  border-color: #fff;
}

.custom-radio-outer input:checked ~ .custom-toggle .user-icon {
  background-image: url("../images/user-selected.svg");
}

.custom-radio-outer input:checked ~ .custom-toggle .celebrancer-icon {
  background-image: url("../images/celebrancer-selected.svg");
}

.custom-radio-outer input:checked ~ .custom-toggle .merchant-icon {
  background-image: url("../images/merchant-selected.svg");
}

.form-label-group {
  position: relative;
  margin-bottom: 1.5rem;
}

/* floating labels css here */
*:focus::-webkit-input-placeholder {
  opacity: 0;
}

/* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder {
  opacity: 0;
}

/* FF 4-18 */
*:focus::-moz-placeholder {
  opacity: 0;
}

/* FF 19-50 */
*:focus:-ms-input-placeholder {
  opacity: 0;
}

/* IE 10+ */
*:focus::placeholder {
  opacity: 0;
}

/* Modern Browsers */
.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group textarea::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group textarea:-ms-input-placeholder {
  color: transparent;
}

.form-label-group textarea::-ms-input-placeholder {
  color: transparent;
}

.form-label-group textarea:-moz-placeholder {
  color: transparent;
}

.form-label-group textarea::-moz-placeholder {
  color: transparent;
}

.form-label-group textarea::placeholder {
  color: transparent;
}

.form-label-group > .label {
  color: #3c5364;
  opacity: 0.4;
  position: absolute;
  top: 23px;
  left: 16px;
  margin-bottom: 0;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  font-size: 22px;
  pointer-events: none;
  padding: 0 15px;
}

.form-label-group .form-control:not(:placeholder-shown) ~ .label {
  top: -15px;
  color: #333;
  left: 0;
  opacity: 1;
}

.custom-forms .form-label-group .form-control:not(:placeholder-shown) ~ .label,
.form-label-group .form-control:focus ~ .label {
  top: -7px;
  background: #fff;
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  left: 16px;
  color: #999;
  opacity: 0;
}

.expiration-date-field
  .form-label-group
  input:focus::-webkit-input-placeholder {
  color: #3c5364;
  opacity: 0.4;
}

.expiration-date-field .form-label-group input:focus::-ms-input-placeholder {
  color: #3c5364;
  opacity: 0.4;
}

.expiration-date-field .form-label-group input:focus:-ms-input-placeholder {
  color: #3c5364;
  opacity: 0.4;
}

.expiration-date-field .form-label-group input:focus:-moz-placeholder {
  color: #3c5364;
  opacity: 0.4;
}

.expiration-date-field .form-label-group input:focus::-moz-placeholder {
  color: #3c5364;
  opacity: 0.4;
}

.expiration-date-field .form-label-group input:focus::placeholder,
.css-1wa3eu0-placeholder {
  color: #e5e5e5 !important;
  opacity: 0.4;
}

.custom-forms .form-control,
.custom-forms .css-yk16xz-control,
.custom-forms .css-1pahdxg-control {
  font-size: 21px;
  height: 78px;
  line-height: normal;
  color: #3c5364;
  padding: 20px 30px;
  box-shadow: 0px 0px 30px #0000000f;
  -webkit-box-shadow: 0px 0px 30px #0000000f;
  -moz-box-shadow: 0px 0px 30px #0000000f;
  -o-box-shadow: 0px 0px 30px #0000000f;
  -ms-box-shadow: 0px 0px 30px #0000000f;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}

.css-1wa3eu0-placeholder {
  font-family: "NeusaNextStd-Regular", sans-serif;
  line-height: 18px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

.react-select__control {
  background-color: #e0e0e0 !important;
  border: 2px solid #ccc !important;
  border-radius: 5px !important;
  padding: 5px !important;
}

.custom-forms .css-yk16xz-control {
  padding: 0 15px;
  height: auto;
  min-height: 78px;
}

.custom-forms .is-invalid .css-yk16xz-control {
  border-color: #dc3545;
}

.custom-forms .css-yk16xz-control .css-6htbnp-ValueContainer,
.css-yk16xz-control .custom-forms .css-g1d714-ValueContainer {
  height: auto;
  line-height: 1.4;
}

.custom-forms .css-6htbnp-ValueContainer,
.custom-forms .css-g1d714-ValueContainer {
  padding: 0;
  height: auto;
  line-height: 1.4;
  min-height: auto;
}

.custom-forms div.css-1pahdxg-control:hover,
.custom-forms div.css-yk16xz-control,
.custom-forms div.css-1pahdxg-control,
.custom-forms div.css-1pahdxg-control:focus,
div.css-1pahdxg-control:hover {
  min-height: 78px;
  height: auto;
  border-width: 1px;
}

.custom-forms .css-1uccc91-singleValue {
  padding: 0 15px;
  color: #e5e5e5;
}

.text-success {
  cursor: pointer;
}

.custom-forms .css-1pahdxg-control .css-1uccc91-singleValue {
  padding: 0;
}

.custom-forms .css-1rhbuit-multiValue {
  margin-left: 15px;
  margin-right: 0;
}

.custom-forms .css-1pahdxg-control .css-1rhbuit-multiValue {
  margin-left: 0;
  margin-right: 15px;
}

.custom-forms .css-b8ldur-Input {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.selectbox {
  margin-bottom: 1.5rem;
}

.custom-forms .css-9dlz0m-placeholder {
  color: #3c5364;
  opacity: 0.4;
  padding: 0 15px;
  margin: 0;
  line-height: 1;
  font-family: "NeusaNextStd-Regular", sans-serif;
}

.custom-forms .css-t33evk-container {
  margin-top: 0;
}

.custom-forms .css-3fklg9-placeholder {
  top: -4px;
  background: #fff;
  opacity: 1;
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  left: -15px;
  padding: 0 15px;
  margin: 0;
}

.custom-forms .css-1pahdxg-control {
  box-shadow: 0px 0px 30px #0000000f;
  -webkit-box-shadow: 0px 0px 30px #0000000f;
  -moz-box-shadow: 0px 0px 30px #0000000f;
  -o-box-shadow: 0px 0px 30px #0000000f;
  -ms-box-shadow: 0px 0px 30px #0000000f;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  padding: 0 30px;
}

.custom-forms .css-12jo7m5 {
  padding: 6px;
  line-height: 1;
}

.invalid-feedback {
  font-size: 14px;
}

.form-label-group .form-control:focus,
.form-label-group .custom-select:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.custom-select {
  background: #fff url("../images/select-arrow.png") no-repeat right 0.75rem
    center/22px 22px;
}

.custom-forms .custom-control {
  margin: 0;
  font-size: 20px;
  padding-left: 30px;
}

.custom-forms .custom-control-label::before,
.custom-forms .custom-control-label::after {
  left: -1.6rem;
}

.custom-forms .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #bd67ca;
  background-color: #bd67ca;
}

.form-sections .title-sm {
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 22px;
  margin: 25px 0 15px;
  letter-spacing: 0.5px;
}

.form-title {
  font-size: 36px;
  margin-top: 15px;
  text-transform: none;
}

.uv-store .heading-md {
  font-family: "AvenirLTStd-Book", sans-serif;
  font-weight: normal;
  margin-bottom: 20px;
}

.theme-button {
  border: 2px solid #007aed;
  background: #007aed;
  color: #fff;
  height: 61px;
  min-width: 220px;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 56px;
  padding: 0 15px;
}

.theme-button:hover,
.theme-button:focus,
.theme-button:active,
.theme-button:not(:disabled):not(.disabled):active {
  background: #0665d7;
  color: #fff;
  border-color: #0665d7;
}

.custom-select.multiple-select {
  padding: 15px 20px;
}

.profile-upload {
  background: #fff;
  border: 1px solid #ced4da;
  padding: 18px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  text-align: center;
  color: #bcc0c3;
  font-size: 20px;
}

.profile-image {
  width: 64px;
  height: 64px;
  display: inline-block;
  vertical-align: middle;
  background: #dadada;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  margin-bottom: 12px;
}

.profile-image img {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.custom-profile-upload {
  height: 30px;
  min-width: 117px;
  font-size: 14px;
  line-height: 25px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  margin: 6px 0 0;
  position: relative;
}

.custom-profile-upload .form-label-group {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.height100 {
  height: 100%;
}

.common-link {
  font-size: 16px;
}

.purple-link {
  color: #1877f2;
}

.purple-link:hover,
.purple-link:focus {
  color: #4495ff;
}

.alert {
  max-width: 500px;
  position: fixed;
  width: 100%;
  right: 0;
  top: 60px;
  padding: 19px 20px;
  z-index: 9999;
  border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
}

.alert-warning {
  text-align: left;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 20px;
}

.img-box {
  max-height: 399px;
  background: #eaeaea;
  line-height: 399px;
  cursor: pointer;
}

.img-box video::-webkit-media-controls-start-playback-button {
  display: none;
}

.plain-modal .img-video-outer.modal-body {
  min-height: auto;
  padding: 30px 20px;
}

.video-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}

.video-box video {
  width: 100%;
  height: 100%;
}

.bottom-bg-black::after {
  content: "";
  height: 35%;
  bottom: 0;
  background: linear-gradient(180deg, #0000 0%, #000 100%);
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 0;
}

.image-title {
  position: absolute;
  bottom: 0;
  padding: 10px 15px;
  color: #fff;
  font-size: 22px;
  margin: 0;
  width: 100%;
  font-family: NeusaNextStd-Medium, sans-serif;
  line-height: 1.4;
  z-index: 1;
  letter-spacing: 0.5px;
}

.img-box .video-link {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.play-icon {
  background: url("../images/video-play.svg");
  width: 107px;
  height: 107px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
}

.video-box .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 99;
  cursor: pointer;
}

.form-desc {
  font-size: 21px;
  margin: 20px 0 40px;
  line-height: 1.8;
}

.custom-forms textarea.form-control {
  height: 240px;
  resize: none;
}

.bg-theme {
  background: #1f303a;
  color: #fff;
}

.video-section {
  padding: 0 120px;
  position: relative;
}

.slider-arrow-left,
.slider-arrow-right {
  position: absolute;
  width: 43px;
  height: 70px;
  border: none;
  background: url(../images/slider-arrow-left.svg);
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
}

.slider-arrow-right {
  background: url(../images/slider-arrow-right.svg);
  left: auto;
  right: 0;
}

.video-created {
  opacity: 0.3;
  font-size: 22px;
  margin-top: 20px;
}

.video-desc {
  font-size: 21px;
  font-family: NeusaNextStd-Medium, sans-serif;
  max-width: 1140px;
  width: 100%;
  margin-top: 18px;
}

.error {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 14px;
  color: #dc3545;
  text-align: left;
}

.plain-modal .title-sm {
  text-align: center;
  font-size: 40px;
  font-family: NeusaNextStd-Regular, sans-serif;
  margin-bottom: 30px;
}

.plain-modal .modal-header .close span,
.payment-header .close {
  background-image: url("../images/cross.svg");
  background-size: cover;
  height: 35px;
  width: 35px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.plain-modal .modal-header,
.plain-modal .modal-footer {
  border: none;
}

.plain-modal .modal-body {
  min-height: 760px;
  padding-bottom: 50px;
}

.plain-modal .custom-forms {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.plain-modal .form-sections .title-sm {
  font-size: 22px;
  text-align: left;
}

.plain-modal .form-sections {
  text-align: left;
}

.edit-price-popup {
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 68px;
  left: 0;
  padding: 0 20px;
}

.edit-price-popup .modal-dialog {
  width: 100%;
  max-width: 356px;
  margin-top: 0;
}

.edit-price-popup .modal-header {
  border: none;
}

.request-shoutout {
  position: absolute;
  top: 18px;
  right: 30px;
}

.custom_color {
  background: #65ae76;
  color: #fff;
}

.outer-banners {
  height: 580px;
  background: #f5f5f5;
}

.outer-banners .banner-title,
.outer-banners .banner-tagline {
  color: #3c5364;
  text-shadow: none;
}

.banner-right-img img {
  max-width: 693px;
}

.banner-right-img {
  position: relative;
  bottom: -60px;
  text-align: right;
}

.service {
  text-align: center;
  box-shadow: 0px 3px 36px #00000014;
  -webkit-box-shadow: 0px 3px 36px #00000014;
  -moz-box-shadow: 0px 3px 36px #00000014;
  -o-box-shadow: 0px 3px 36px #00000014;
  -ms-box-shadow: 0px 3px 36px #00000014;
  padding: 60px 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  background: #fff;
}

.service-icons {
  display: inline-block;
  vertical-align: top;
}

.service-icons1 {
  width: 151px;
  height: 145px;
  background-image: url("../images/shout-icon1.svg");
}

.service-icons2 {
  background-image: url("../images/shout-icon2.svg");
  width: 157px;
  height: 147px;
}

.service-icons3 {
  background-image: url("../images/shout-icon3.svg");
  width: 147px;
  height: 147px;
}

.service-icons4 {
  background-image: url("../images/shout-icon4.svg");
  width: 162px;
  height: 149px;
}

.section-para-sm {
  font-size: 20px;
  margin-top: 80px;
}

.public-page-title {
  font-size: 30px;
  font-family: NeusaNextStd-Medium, sans-serif;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.public-page-sections {
  font-size: 20px;
  line-height: 1.7;
}

.services-section {
  padding-top: 150px;
}

.about-features .service {
  height: 320px;
  display: flex;
  align-items: center;
  max-width: 300px;
  margin: 0 auto;
}

.feature-icon {
  display: block;
  margin: 0 auto;
}

.feature1 {
  width: 168px;
  height: 157px;
  background-image: url("../images/feature1.svg");
}

.feature2 {
  width: 157px;
  height: 129px;
  background-image: url("../images/feature2.svg");
}

.feature3 {
  width: 207px;
  height: 194px;
  background-image: url("../images/feature3.svg");
}

.feature4 {
  width: 168px;
  height: 168px;
  background-image: url("../images/feature4.svg");
}

.feature5 {
  width: 163px;
  height: 157px;
  background-image: url("../images/feature5.svg");
}

.feature-title {
  text-align: center;
  margin: 30px 0 0;
  text-transform: uppercase;
  font-size: 24px;
  padding: 0 30px;
  line-height: 1.6;
}

.btn-purple-gradient .add-symbol {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  font-size: 26px;
}

.product-type {
  font-size: 13px;
  font-family: NeusaNextStd-Regular, sans-serif;
}

.dropdown-outline {
  border: 1px solid #dadada;
  height: 52px;
  margin-left: 20px;
  min-width: 138px;
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #3c5364;
  text-align: left;
  padding: 0 20px;
  box-shadow: 0px 0px 15px #00000010;
  -webkit-box-shadow: 0px 0px 15px #00000010;
  -moz-box-shadow: 0px 0px 15px #00000010;
  -o-box-shadow: 0px 0px 15px #00000010;
  -ms-box-shadow: 0px 0px 15px #00000010;
}

.btn-link:hover {
  text-decoration: none;
}

.dropdown-outline.dropdown-toggle::after {
  position: absolute;
  top: 18px;
  right: 20px;
  border: 0;
  width: 10px;
  height: 10px;
  border-left: 3px solid #3c5364;
  border-bottom: 3px solid #3c5364;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -o-border-bottom-left-radius: 2px;
  -ms-border-bottom-left-radius: 2px;
}

.inventory-item {
  border: 1px solid #f2f2f2;
  padding: 8px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 0px 15px #000010;
  -webkit-box-shadow: 0px 0px 15px #000010;
  -moz-box-shadow: 0px 0px 15px #000010;
  -o-box-shadow: 0px 0px 15px #000010;
  -ms-box-shadow: 0px 0px 15px #000010;
  padding-bottom: 72px;
  position: relative;
}

.product-img-box {
  background: #e5e5e5;
  position: relative;
  max-height: 210px;
  overflow: hidden;
  height: 100%;
}

.product-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.product-img-box .share-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: contain;
  right: 10px;
  background-repeat: no-repeat;
  top: 10px;
}

.uv-store .product-title {
  font-family: AvenirLTStd-Book, sans-serif;
  margin: 5px 0;
  font-size: 20px;
}

.uv-store .product-description {
  padding-top: 5px;
}

.product-hd {
  font-family: NeusaNextStd-Bold, sans-serif;
  margin-bottom: 0;
}

.action-btns {
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: space-between;
  left: 0;
  padding: 10px 13px;
  bottom: 0;
}

.action-btns .btn {
  width: 47%;
  height: 44px;
  font-size: 16px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.product-details {
  font-size: 22px;
  font-family: NeusaNextStd-Medium, sans-serif;
  padding: 10px 5px;
}

.quantity-left {
  font-family: NeusaNextStd-Light, sans-serif;
  font-size: 18px;
}

.product-stock {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 2px solid #f2f2f2;
}

.panel-listing .dropdown-outline {
  min-width: 200px;
}

.panel-detail-actions .btn-lg {
  height: 46px;
  font-size: 17px;
  min-width: 132px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.table .btn-sm {
  min-width: 80px;
}

.color-sky-blue {
  color: #3fa7d5;
}

.color-green {
  color: #a5eb8c;
}

.request-type {
  text-transform: uppercase;
  font-size: 12px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.border-left-blue {
  position: relative;
  border-left: 5px solid #8edcff;
}

.border-left-green {
  position: relative;
  border-left: 5px solid #a5eb8c;
}

.action-btn-col {
  min-width: 200px;
  white-space: nowrap;
}

.scroll-Top {
  position: fixed;
  right: 40px;
  bottom: 90px;
  z-index: 999;
  background: #1877f2;
  height: 50px;
  width: 50px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.top-arrow-icon {
  width: 15px;
  height: 15px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin-top: 3px;
}

.monthly-subscription-text {
  font-size: 30px;
  font-family: NeusaNextStd-Light, sans-serif;
  font-weight: bold;
}

.monthly-subscription-text span {
  font-family: NeusaNextStd-Bold, sans-serif;
}

.panel-detail-title {
  font-family: NeusaNextStd-Bold, sans-serif;
  opacity: 0.7;
  margin-bottom: 0;
  font-size: 30px;
}

.product-promotion-detail {
  background: #1e2023;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  padding: 20px;
  height: 100%;
}

.uv-store .product-promotion-detail {
  background: transparent;
}

.product-promotion-img {
  height: 211px;
  width: 257px;
  background: #dadada;
  line-height: 211px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  margin-right: 40px;
  text-align: center;
  overflow: hidden;
}

.product-promotion-detail .social-info-list .sprite-icons {
  width: 25px;
  height: 25px;
}

.product-promotion-detail .social-info-list li {
  font-size: 15px;
}

.product-promotion-detail .social-info-list {
  border-bottom: 1px solid #dadada;
  padding-bottom: 8px;
  margin-right: 20px;
  margin-bottom: 5px;
}

.uv-store .product-promotion-img {
  width: 110px;
  height: 150px;
  line-height: 150px;
  display: inline-block;
  margin: 25px 8px 5px 0;
  border-radius: unset;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  -o-border-radius: unset;
}

.share-btn img {
  background: #3aa5cc;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  padding: 4px;
  width: 26px;
  height: 26px;
  margin-top: -3px;
}

.share-btn {
  background: #fff;
  border: 2px solid #3aa5cc;
  color: #3aa5cc;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 10px 5px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}

.uv-store .product-hd {
  font-family: Avenir-Black, sans-serif;
  margin-bottom: 5px;
}

.product-hashtags {
  color: #3aa5cc;
  font-weight: bold;
  font-family: "AvenirLTStd-Book", sans-serif;
  font-size: 18px;
}

.uv-inventory .heading-md {
  font-family: "AvenirLTStd-Book", sans-serif;
  font-weight: normal;
  font-size: 30px;
  color: #666;
}

.uv-store .panel-detail-actions {
  position: unset;
}

.product-title {
  margin: 15px 0 10px;
  font-size: 28px;
}

.product-price {
  font-family: "Avenir-Black", sans-serif;
  font-size: 28px;
}

.product-promotion-action-btns .btn {
  height: 45px;
  min-width: 125px;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 16px;
}

.product-description {
  padding: 30px 0;
  font-family: NeusaNextStd-Light, sans-serif;
  font-size: 18px;
  text-align: justify;
  letter-spacing: -1px;
}

.input-group-text {
  background-color: #292a2d;
  border-color: transparent;
  border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -o-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
}

.field-value-new.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
  border-right: 0;
}

.custom-forms .input-group-text {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  width: 80px;
  justify-content: center;
}

.modal-small .modal-dialog {
  max-width: 640px;
}

.modal-small .modal-body {
  min-height: auto;
}

.modal-small .modal-header {
  padding: 20px 50px 10px;
}

.panel-listing .custom-tables .dropdown-outline {
  min-width: 100px;
  height: 26px;
  font-size: 14px;
  margin: 0;
  text-align: left;
  padding: 0 20px 0 6px;
}

.panel-listing .custom-tables .dropdown-outline.dropdown-toggle::after {
  top: 9px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-left: 2px solid #3c5364;
  border-bottom: 2px solid #3c5364;
}

.marchent-outer {
  position: unset;
  margin-top: -450px;
}

.common-tabs.nav-tabs .nav-link {
  margin: 0;
  border: 0;
  font-size: 26px;
  font-family: NeusaNextStd-Medium, sans-serif;
  opacity: 0.9;
  position: relative;
  padding: 0.5rem 2rem;
  background: transparent;
  z-index: 1;
}

.common-tabs.nav-tabs .nav-link.active {
  opacity: 1;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.nav-item.nav-link.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 7px;
  left: 0;
  background: #be66ca;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  bottom: -3px;
}

.custom-tab-content {
  padding: 50px 0;
}

.btn:not(:disabled):not(.disabled).out-stock-btn {
  background: #ccc;
  color: #fff;
  opacity: 0.6;
  cursor: not-allowed;
}

.premium-content-outer {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #e6e6e6;
  padding: 40px;
  height: 800px;
  font-size: 24px;
}

.lock-icon {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/lock-icon.svg");
  width: 146px;
  height: 191px;
  background-size: cover;
}

.custom-tab-content .monthly-subscription-text {
  font-size: 26px;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-weight: normal;
}

.live-ltime {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #e161b1;
  color: #fff;
  font-size: 14px;
  padding: 2px 10px 1px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.live-video-details .public-page-title {
  margin-top: 8px;
  opacity: 0.4;
}

.custom-tab-content .btn-purple-gradient {
  height: 50px;
  font-size: 15px;
  line-height: 40px;
  padding: 0 25px;
}

.bg-pattern-new {
  background-image: url("../images/new-pattern.png");
  background-repeat: repeat;
}

.custom-tab-content .product-promotion-detail .social-info-list .sprite-icons {
  width: 35px;
  height: 35px;
}

.site-content {
  position: relative;
  height: 100%;
}

.checkout-outer {
  position: absolute;
  background: rgba(108, 108, 108, 0.9);
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.checkout-outer.checkout-pages {
  position: relative;
  top: auto;
  left: auto;
}

.payment-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  color: #757c81;
}

.payment-header .close {
  width: 22px;
  height: 22px;
  background-size: cover;
}

.empty-cart-icon {
  display: inline-block;
  width: 23px;
  height: 23px;
  border: none;
  background: url("../images/empty-cart.svg");
  background-size: cover;
}

.all-uv-products {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
}

.all-uv-products .box-title {
  width: auto;
  left: 20px;
  padding-left: 45px;
  right: 0;
}

.all-uv-products .action-btns .btn {
  width: 100%;
  border-right: 6px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.all-uv-products .action-btns {
  padding: 0;
  bottom: 0;
}

.product-detail {
  padding: 5px 10px;
}

.all-uv-products .box-img {
  height: 180px;
  line-height: 180px;
  text-align: center;
}

.Products-section {
  margin-top: 25px;
}

.uv-detail-page .title-md {
  text-transform: none;
  font-size: 32px;
  margin-bottom: 0;
}

.uv-detail-page .product-hashtag {
  color: #429ecc;
  font-size: 16px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.item-img {
  background: #e5e5e5;
  text-align: center;
  margin-bottom: 15px;
}

.slider-section {
  padding: 30px 0;
}

.alert-warning img {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.quienty-btn.plus-minu-input {
  width: 150px;
  justify-content: space-between;
  min-width: 150px;
  margin-left: 0;
}

.quienty-btn.plus-minu-input .dolor-price {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  min-width: 60px;
  text-align: center;
  padding: 3px 0 0;
  font-size: 25px;
}

.quienty-price {
  text-align: right;
}

.cart-page1 .product-title,
.cart-page1 .product-price {
  font-size: 25px;
  font-family: NeusaNextStd-Bold, sans-serif;
  margin-top: 0;
}

.quienty-btn.plus-minu-input span {
  line-height: 37px;
  cursor: pointer;
  height: 37px;
}

.payment-title {
  margin: 0;
  font-size: 24px;
  opacity: 0.6;
}

.checkout-inner {
  background: #fff;
  width: 100%;
  max-width: 690px;
  float: right;
  height: 100%;
  padding: 40px 50px;
  position: relative;
}

.payment-form-fields {
  border: 1px solid #dadada;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2);
  padding: 0 15px;
}

.payment-form-fields .form-control {
  padding: 10px 0px;
  font-size: 20px;
  height: 50px;
  color: #3c5364;
}

.payment-form-fields label {
  margin: 0;
  font-size: 22px;
  color: #aaa;
}

.payment-form-fields .form-control:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.payment-footer {
  position: absolute;
  bottom: 0;
  text-align: right;
  left: 0;
  width: 100%;
  padding: 30px;
}

.payment-action-btns .btn {
  height: 66px;
  font-size: 20px;
  font-family: NeusaNextStd-Bold, sans-serif;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  line-height: 66px;
  padding: 0 25px;
}

.payment-action-btns .btn-info {
  min-width: 140px;
}

.payment-action-btns .theme-button {
  min-width: 290px;
  border-color: #0665d7;
}

.payment-label {
  font-size: 24px;
  font-family: NeusaNextStd-Light, sans-serif;
  font-weight: bold;
  opacity: 0.6;
}

.common-forms label {
  color: #999;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 16px;
}

.common-forms .form-control,
div.css-yk16xz-control,
.card-body .common-forms .appearance-section .form-control {
  height: 43px;
  border-color: #eaeaea;
  box-shadow: 0px 0px 15px #ddd;
  -webkit-box-shadow: 0px 0px 15px #ddd;
  -moz-box-shadow: 0px 0px 15px #ddd;
  -o-box-shadow: 0px 0px 15px #ddd;
  -ms-box-shadow: 0px 0px 15px #ddd;
}

div.css-yk16xz-control,
div.css-1pahdxg-control:hover,
.add-product-section div.css-yk16xz-control,
.add-product-section div.css-yk16xz-control:hover,
.add-product-outer div.css-yk16xz-control,
.add-product-outer div.css-1pahdxg-control,
.add-product-outer div.css-1pahdxg-control:focus,
.add-product-outer div.css-1pahdxg-control:hover {
  min-height: 44px;
}

.common-forms .form-control:focus,
div.css-1pahdxg-control,
div.css-1pahdxg-control:focus,
div.css-1pahdxg-control:hover,
div.css-yk16xz-control:hover {
  border-color: #80bdff;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

div.css-yk16xz-control,
div.css-1pahdxg-control,
div.css-1pahdxg-control:focus,
div.css-1pahdxg-control:hover {
  min-height: 60px;
  height: auto;
}

div.css-1pahdxg-control:hover,
.add-product-section div.css-1pahdxg-control:focus {
  min-height: 44px;
}

.common-forms textarea.form-control {
  height: 80px;
  resize: none;
}

.common-forms .custom-file-upload {
  border-width: 2px;
}

.height-auto {
  height: auto;
}

.new-biiling.purple-link {
  margin: 15px 0;
  display: inline-block;
}

.common-forms .cloud-icon {
  width: 53px;
  height: 37px;
  background-size: cover;
}

.common-forms .custom-file-upload span {
  opacity: 0.9;
  font-size: 20px;
}

.common-forms .text-xs.blue {
  font-size: 15px;
  line-height: 1.2;
  margin-top: 6px;
}

.file-text {
  display: inline-block;
  vertical-align: middle;
  margin-top: 6px;
}

.common-forms label.form-control {
  display: inline-block;
  vertical-align: top;
  line-height: 56px;
  width: calc(100% - 176px);
}

.custom-file-new .btn {
  height: 70px;
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  margin-bottom: 0;
  min-width: 152px;
  font-size: 15px;
}

.custom-file-new {
  position: relative;
  z-index: 0;
}

.image-bottom-title {
  color: #fff;
  position: unset;
  margin-top: 15px;
  padding: 0;
}

.custom-file-new .custom-file-input {
  position: absolute;
  height: 100%;
  z-index: 1;
}

.add-product-outer {
  position: relative;
  padding-bottom: 110px;
}

.add-product-outer .panel-detail-actions .btn {
  min-width: 140px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  font-size: 16px;
}

.add-product-outer .panel-detail-actions .btn.btn-secondary {
  background: #c1c1c1;
}

.add-product-outer .panel-detail-actions .btn.btn-secondary:hover,
.add-product-outer .panel-detail-actions .btn.btn-secondary:focus {
  background: #545b62;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.product-detail-modal .modal-xl,
.add-slot-modal .modal-xl {
  max-width: 1635px;
}

.product-detail-modal .modal-header {
  padding: 40px 40px 0;
  align-items: center;
}

.product-detail-modal .modal-title {
  font-size: 42px;
  text-transform: none;
  max-width: 530px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.product-detail-modal .modal-header .close {
  padding: 0;
  vertical-align: middle;
  display: inline-block;
  float: none;
  margin: 0 0 0 60px;
}

.product-detail-modal .modal-header .btn {
  height: 66px;
  min-width: 175px;
  font-size: 24px;
  font-family: NeusaNextStd-Medium, sans-serif;
  line-height: 56px;
}

.product-detail-modal .product-hashtags {
  font-size: 26px;
}

.product-detail-modal .title-sm {
  font-size: 26px;
  text-align: left;
  margin-bottom: 20px;
}

.common-listing {
  padding-left: 20px;
}

.common-listing li {
  font-family: NeusaNextStd-Light, sans-serif;
  font-size: 19px;
  margin-bottom: 10px;
  list-style: none outside disc;
}

.product-detail-modal .social-info-list li {
  margin-right: 30px;
  font-size: 22px;
}

.product-detail-modal .social-info-list li span {
  width: 68px;
  height: 68px;
}

.product-promotion-details {
  font-size: 23px;
}

.product-promotion-details p {
  margin-bottom: 10px;
}

.add-more-outer {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 20px;
  float: right;
  margin-right: 15px;
}

.create-offer-form label {
  font-size: 20px;
}

.create-offer-form .form-control {
  height: 70px;
}

.create-offer-form textarea.form-control {
  height: 158px;
}

.create-offer-form textarea.textarea-lg {
  height: 400px;
}

.create-offer-form .form-group {
  margin-bottom: 1.6rem;
}

.form-actions .btn {
  height: 70px;
  min-width: 200px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 22px;
}

.payment-radios .custom-control img {
  filter: grayscale(100%);
  width: 60px;
  height: auto;
}

.payment-radios .custom-control-input:checked ~ .custom-control-label img {
  filter: grayscale(0);
}

.payment-radios .custom-radio .custom-control-label::before,
.payment-radios .custom-radio .custom-control-label::after {
  content: none;
}

.payment-radios .custom-control {
  padding: 0;
}

.pay-total-price {
  font-size: 30px;
}

.pay-total-price span {
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-left: 10px;
}

.payment-body .product-promotion-detail {
  padding: 20px;
}

.payment-body .product-promotion-detail .social-info-list {
  border-bottom: 0;
  padding-bottom: 0px;
}

.payment-body .product-owner-details img {
  border: 2px solid #3c5364;
}

.product-owner-name {
  font-size: 14px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 3px;
}

.payment-body .media-img {
  width: 197px;
  height: 200px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  overflow: hidden;
  flex: 0 0 auto;
}

.payment-body .media-img .common-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.common-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center top;
}

.payment-body .product-promotion-detail .delete-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-size: contain;
  vertical-align: middle;
  padding: 0;
  margin-left: 10px;
  background-image: url("../images/delete-icon-sm.svg");
  background-repeat: no-repeat;
}

.card-form .payment-radios {
  border-top: 1px solid #dedede;
  margin-top: 10px;
}

.card-form .payment-address address span {
  font-size: 16px;
}

.card-form .address-name {
  font-size: 20px;
  margin-top: 5px;
}

.payment-body.card-page {
  height: 100px;
}

.card-form .payment-form-fields .error {
  position: absolute;
  right: 15px;
  top: 55%;
  z-index: 1;
}

.card-form .payment-footer {
  padding: 15px 30px;
}

.card-form .pay-total-price {
  font-size: 28px;
  line-height: normal;
}

.card-form .payment-form-fields {
  margin-top: 10px;
}

.card-form.payment-form {
  border: none;
}

.full-widthh {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.box-tags {
  font-size: 12px;
}

.product-dec {
  margin-top: 25px;
}

.buy-btns .btn {
  font-family: NeusaNextStd-Bold, sans-serif;
  height: 50px;
  font-size: 18px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  margin-left: 15px;
  letter-spacing: 0.5px;
}

.buy-btns {
  text-align: right;
  margin-top: 40px;
}

.price-quinty,
.quienty-btn {
  background: #fff;
  border: 1px solid #ddd;
  padding: 10px 10px 5px;
  min-width: 180px;
  margin-left: 15px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.quienty-btn {
  padding: 0;
}

.left-price {
  padding: 10px 10px 5px;
  flex: auto;
}

.plus-minu-input {
  max-width: 160px;
  background: #292a2d;
  border: 1px solid #2f3135;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.plus-minu-input .minus {
  line-height: 13px;
  border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-color: #2f3135;
  border-left: none;
  background: transparent;
}

.plus-minu-input .plus {
  line-height: normal;
  border-left: none;
  border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
  -o-border-radius: 0 8px 8px 0;
  border-color: #2f3135;
  background: transparent;
}

.plus-minu-input input,
.plus-minu-input input.form-control {
  color: #e5e5e5;
  width: calc(100% - 100px);
  border-radius: unset;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  -o-border-radius: unset;
  display: inline-block;
  border-color: #2f3135;
  background: transparent;
}

.plus-minu-input span {
  width: 50px;
  text-align: center;
  font-size: 30px;
  vertical-align: middle;
  display: inline-block;
}

.quienty-btn .plus-minu-input {
  width: 45px;
  text-align: center;
}

.quienty-btn .plus-minu-input span {
  width: 100%;
  height: 38px;
  padding: 4px;
}

.quienty-btn .plus-minu-input span:last-child {
  border: none;
}

.dolor-price {
  color: #555;
  font-size: 28px;
  font-family: NeusaNextStd-Bold, sans-serif;
  line-height: normal;
}

.detail-profile .box-left img {
  width: 100%;
  height: 100%;
}

.detail-profile .box-name {
  margin: 4px 0;
}

.detail-profile .box-left {
  width: 70px;
  height: 70px;
  margin: 0;
  border: 2px solid #535f6a;
}

.detail-profile .box-right {
  padding-left: 85px;
}

.payment-body .product-hashtags {
  word-wrap: break-word;
  word-break: break-word;
  max-width: 150px;
}

.quienty-box .d-flex {
  justify-content: flex-end;
}

.gray-color {
  color: #bbb;
}

.product-detail-modal .common-forms .cloud-icon {
  width: 77px;
  height: 54px;
  background-size: cover;
}

.product-detail-modal .css-2b097c-container {
  width: 100%;
}

.product-detail-modal .small-select .css-2b097c-container {
  width: 45%;
}

.product-detail-modal .common-forms .custom-file-upload span {
  opacity: 0.9;
  font-size: 24px;
}

.product-detail-modal .common-forms .text-xs.blue {
  font-size: 20px;
  line-height: 1.3;
  max-width: 320px;
  width: 100%;
  display: block;
}

.profile-gallery {
  padding-top: 15px;
}

.product-detail-modal .css-yk16xz-control,
.product-detail-modal .css-1pahdxg-control {
  border-color: #eaeaea;
  min-height: 70px;
}

.product-detail-modal .css-yk16xz-control:hover {
  border-color: #eaeaea;
}

.product-detail-modal .css-1uccc91-singleValue {
  color: #e5e5e5;
}

.product-detail-modal .css-1pahdxg-control:hover,
.product-detail-modal .css-1pahdxg-control:focus {
  border-color: #eaeaea;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -o-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -ms-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.product-detail-modal .panel-detail-actions .btn {
  padding: 0 20px;
  height: 50px;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 18px;
  min-width: 138px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}

.product-detail-modal .panel-detail-actions {
  position: relative;
  bottom: auto;
  text-align: center;
  padding: 30px 0;
}

.media-img-lg {
  width: 332px;
  height: 398px;
  background: #dadada;
  line-height: 398px;
  text-align: center;
}

.custom-tab-content .product-promotion-detail .media {
  flex-direction: row;
}

.deliverable-img-box {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}

.plain-modal.product-detail-modal {
  padding: 0 10px !important;
}

.live-video-box {
  height: auto;
  background: #000;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  position: relative;
}

.live-video-box video {
  width: 100%;
}

.live-video-box .self_video {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 100;
  max-width: 140px;
  max-height: 80px;
}

.live-video-details {
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  padding: 25px 30px;
  height: 628px;
}

.live-video-details .box-left {
  width: 73px;
  height: 73px;
  border: 2px solid #3c5364;
  margin-left: 0;
  margin-top: 0;
  line-height: 69px;
  margin-right: 20px;
  float: none;
  display: inline-block;
  vertical-align: top;
}

.live-video-details .box-name {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 42px;
  line-height: 1.3;
}

.live-video-details .box-right {
  padding-left: 0;
}

.live-video-details .box-categories {
  font-size: 20px;
  opacity: 0.4;
}

.live-video-details .field-value {
  font-family: NeusaNextStd-Regular, sans-serif;
  margin-bottom: 10px;
  font-size: 18px;
}

.custom-weekcalender .mbsc-form-group-title {
  display: none;
}

.custom-weekcalender .mbsc-form-group {
  margin: 0;
}

.custom-weekcalender.mbsc-ios .mbsc-cal-day-scroll-c .mbsc-cal-slide {
  padding-bottom: 0;
}

.custom-weekcalender .mbsc-cal-day {
  height: 110px;
  line-height: 110px;
}

.custom-weekcalender .mbsc-cal-day.mbsc-selected {
  background: #c374cd;
  color: #fff;
}

.custom-weekcalender .mbsc-cal-day:hover {
  background: #dc8de6;
  color: #fff;
}

.custom-weekcalender.mbsc-ios
  .mbsc-cal-c
  .mbsc-cal
  .mbsc-cal-body
  .mbsc-cal-row
  .mbsc-selected
  .mbsc-cal-cell-txt {
  border-color: transparent;
  background: transparent;
  color: #fff;
}

.custom-weekcalender.mbsc-ios .mbsc-cal-cell:focus .mbsc-cal-cell-txt,
.custom-weekcalender.mbsc-ios.mbsc-no-touch:not(.mbsc-ev-cal)
  .mbsc-cal-cell:not(.mbsc-disabled):hover
  .mbsc-cal-cell-txt,
.custom-weekcalender.mbsc-ios.mbsc-no-touch
  .mbsc-cal-day:not(.mbsc-disabled)
  .mbsc-cal-day-date:hover {
  background: transparent;
}

.custom-weekcalender.mbsc-ios .mbsc-cal-day-date {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 20px;
}

.custom-weekcalender .mbsc-ios.mbsc-fr-inline .mbsc-fr-w {
  border-top: none;
}

.card .add-slot-actions .btn {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  min-width: 125px;
  font-size: 16px;
  padding: 0 15px;
  height: 50px;
  margin-top: 20px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.form-field .react-datepicker-wrapper input {
  width: 100%;
  height: 40px;
  border: 1px solid #ececec;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 10px;
  padding: 9px 10px;
  color: #3c5364;
  background: #fff;
}

.add-slots .css-yk16xz-control {
  background: #fff;
  height: 40px;
  border-color: #ececec;
  min-height: 44px;
  min-width: auto;
}

.add-slots .css-1wa3eu0-placeholder {
  color: #3c5364;
}

.css-1okebmr-indicatorSeparator {
  display: none !important;
}

.custom-row-sm {
  margin: 0 -5px;
}

.custom-col-sm {
  padding: 0 5px;
}

.react-datepicker-wrapper {
  width: 100%;
  position: relative;
}

.react-datepicker-wrapper::after {
  content: "";
  width: 20px;
  height: 22px;
  background: url("../images/calendar.svg");
  position: absolute;
  z-index: 0;
  right: 8px;
  top: 8px;
  background-size: cover;
}

.form-fields {
  margin-bottom: 40px;
}

.price-radios .custom-control-label {
  min-width: 340px;
  border: 2px solid #dadada;
  margin-right: 10px;
  height: 80px;
  line-height: 80px;
  padding: 0 20px;
  text-align: center;
  font-family: NeusaNextStd-Medium, sans-serif;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  cursor: pointer;
}

.price-radios .custom-control-label span {
  font-size: 32px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}

.custom-forms .price-radios .custom-control-label::before,
.custom-forms .price-radios .custom-control-label::after,
.custom-forms .slot-radios .custom-control-label::before,
.custom-forms .slot-radios .custom-control-label::after {
  display: none;
}

.gallery-profile .box-img {
  max-height: unset;
  line-height: normal;
}

.price-radios .custom-control-label .check-icon {
  width: 28px;
  height: 28px;
  background: #dadada;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  position: relative;
  margin: 0;
}

.price-radios .check-icon::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 9px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  top: 7px;
  left: 6px;
  transform: rotate(-45deg);
}

.price-radios
  .custom-control-input:checked
  + .custom-control-label
  .check-icon {
  background: #1877f2;
}

.custom-forms .price-radios .custom-control,
.custom-forms .slot-radios .custom-control {
  padding-left: 0;
  margin-bottom: 20px;
}

.price-radios i {
  font-style: normal;
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  font-family: NeusaNextStd-Regular, sans-serif;
  opacity: 0.4;
  margin-left: 6px;
}

.form-labels {
  font-size: 22px;
}

.slot-radios .custom-control-label {
  height: 55px;
  min-width: 100%;
  border: 2px solid #dadada;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  line-height: 51px;
  text-align: center;
  font-size: 18px;
  margin-right: 20px;
}

.box-body .slot-radios .custom-control-input:checked + .custom-control-label,
.slot-radios .custom-control-input:checked + .custom-control-label {
  background: #1877f2;
  color: #fff;
  border-color: #1877f2;
  font-weight: 600;
}

.price-radios,
.slot-radios {
  flex-wrap: wrap;
}

.custom-timerange #react-time-range {
  padding: 0;
}

.custom-timerange #react-time-range .component {
  display: inline-block;
  overflow: auto;
  padding: 0;
  width: 44%;
  vertical-align: top;
  position: relative;
}

.custom-timerange #react-time-range select {
  appearance: none;
  -webkit-appearance: none;
  /* -moz-appearance: none; */
  padding: 6px;
  background: #292a2d;
  border-color: #2f3135;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  cursor: pointer;
  min-width: 110px;
  width: 100%;
  padding-right: 27px;
  padding-left: 15px;
  color: #e5e5e5;
}

.css-1uccc91-singleValue {
  color: #e5e5e5 !important;
}

.custom-timerange #react-time-range #end-component select {
  width: calc(100% - 36px);
}

.custom-timerange #react-time-range .component::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -5px;
  border-left: 2px solid #cccccc;
  border-bottom: 2px solid #ccc;
  transform: rotate(-45deg);
}

.custom-timerange #react-time-range #end-component {
  width: 55%;
}

.custom-timerange #react-time-range .component .label {
  padding: 0 10px;
}

.create-offer-form .textarea-sm textarea.form-control {
  height: 100px;
}

.add-more-outer .color-red {
  background: transparent;
  border: none;
  color: #ee4343;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 18px;
}

.add-more-outer span {
  cursor: pointer;
}

.product-detail-modal .common-forms .custom-file-upload span.sc-hHEjAm.kwsIEv {
  font-size: 16px;
  line-height: 1.4;
  word-wrap: anywhere;
  display: inline-block;
  vertical-align: top;
}

.react-calendar.custom-calender {
  width: 100%;
  border: 1px solid #9bacbe59;
  border-radius: 12px;
  overflow: hidden;
}

.product-description a {
  color: #3fa7d5;
  font-family: NeusaNextStd-Medium, sans-serif;
  letter-spacing: 0.2px;
  cursor: pointer;
}

.custom-calender .react-calendar__tile--now,
.react-calendar__tile--now {
  background: #111214;
  color: #222;
  position: relative;
}

.custom-calender .react-calendar__tile--now:enabled:hover,
.custom-calender .react-calendar__tile--now:enabled:focus,
.custom-calender .react-calendar__tile--active {
  background: #111214;
  color: #e5e5e5;
}

.custom-calender .react-calendar__tile--active.custom_color,
.custom-calender .react-calendar__tile--active.custom_color:enabled:focus {
  background: #0079ed;
}

.custom-calender .react-calendar__tile--active:enabled:hover,
.custom-calender .react-calendar__tile--active:enabled:focus {
  background: #111214;
}

.custom-calender.react-calendar button {
  border-left: 1px solid #353b43;
  border-top: 1px solid #353b43;
  height: 50px;
  line-height: 1;
  color: #e5e5e5 !important;
  padding: 10px 5px;
}

.custom-calender .react-calendar__tile:disabled {
  background-color: #363636;
}

.custom-calender .react-calendar__month-view__weekdays__weekday {
  border-left: 1px solid #353b43;
  border-bottom: 1px solid #353b43;
  padding: 10px 0.5em;
}

.custom-calender .react-calendar__month-view__weekdays {
  background: #292a2d;
}

.custom-calender.react-calendar
  .react-calendar__month-view__days__day--neighboringMonth {
  color: #8e979c !important;
}

.custom-calender .react-calendar__month-view__weekdays__weekday abbr {
  font-size: 14px;
  text-decoration: none;
  text-transform: capitalize;
}

.custom-calender .react-calendar__navigation {
  margin-bottom: 0;
  justify-content: center;
  padding: 15px 20px;
  height: auto;
  border-bottom: 1px solid #343b43;
}

.custom-calender button.react-calendar__navigation__label {
  height: auto;
  border: 0;
}

.custom-calender button.react-calendar__navigation__arrow {
  width: 31px;
  height: 31px;
  background-color: #363636;
  min-width: auto;
  border-radius: 5px;
  font-size: 20px;
  padding: 0;
}

.react-calendar__navigation button:disabled {
  background-color: #363636;
}

.custom-calender .react-calendar__navigation__prev2-button,
.custom-calender .react-calendar__navigation__next2-button {
  display: none;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #111214;
}

.custom-calender
  .react-calendar__navigation
  button.react-calendar__navigation__label:enabled:hover,
.custom-calender
  .react-calendar__navigation
  button.react-calendar__navigation__label:enabled:focus {
  background: transparent;
}

.plain-purple-button {
  color: #af72b7;
  background: none;
  border: none;
  padding: 0;
  font-size: 19px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

button.react-calendar__tile.custom_color:hover {
  background: #222326;
  color: #fff !important;
}

.react-calendar__tile:disabled {
  color: #ccc !important;
  background-color: #3b3f45;
}

.plain-purple-button:hover,
.plain-purple-button:focus {
  color: #953da1;
  background: none;
  border: none;
}

.request-button-outer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.request-button-inner {
  text-align: center;
}

.request-button-inner button {
  min-width: 255px;
  font-size: 16px;
  margin-bottom: 10px;
}

.payment-form-fields .active label {
  color: #686868;
}

.live-stream-details {
  color: #3c5364;
  padding: 0;
  margin-bottom: 30px;
}

.live-stream-details .chat-auther-name {
  font-size: 20px;
}

.live-stream-details .chat-time {
  font-size: 16px;
}

.live-stream-details .celebencer-img {
  width: 109px;
  height: 109px;
  padding: 8px;
  margin: 0 auto 12px;
}

.live-stream-row .custom-col {
  max-width: 12.5%;
  flex: 0 0 12.5%;
}

.chat-details-section .btn-purple-gradient {
  min-width: 214px;
  height: 48px;
  line-height: 36px;
  font-size: 15px;
}

.group-chat-details .white-box {
  max-width: 180px;
  width: 100%;
}

.group-chat-details .heading {
  font-size: 22px;
  padding-right: 30px;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-weight: 300;
}

.group-chat-details {
  width: 50%;
}

.divider {
  display: inline-block;
  height: 100%;
  width: 2px;
  background: #353b43;
  vertical-align: middle;
}

.group-chat-desc {
  font-size: 21px;
  line-height: 1.5;
  text-align: justify;
}

.group-chat-datetime {
  font-size: 24px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.separator {
  display: inline-block;
  vertical-align: middle;
  margin: 0 50px;
}

.chat-details-section .border-bottom {
  border-bottom-width: 2px !important;
}

.join-group-modal .group-chat-datetime {
  padding: 0 40px;
  text-align: left;
  border-left: 2px solid #c6c6c6;
  border-right: 2px solid #c6c6c6;
  font-size: 22px;
}

.join-group-modal .pink-pills-sm {
  height: auto;
  text-align: left;
  padding-top: 6px;
}

.join-group-modal .pink-pills-sm b {
  margin: -7px 0 0;
  display: inline-block;
  vertical-align: top;
}

.join-group-modal .box-name {
  font-size: 24px;
}

.join-group-modal .box-categories {
  font-size: 18px;
  margin-top: 6px;
  color: #ababab;
}

.cancel-modal .modal-header {
  padding: 15px;
}

.add-slot-actions {
  text-align: right;
}

.add-slot-actions .btn {
  min-width: 100px;
  height: 40px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  margin-top: 15px;
  font-size: 18px;
  font-family: NeusaNextStd-Bold, sans-serif;
  line-height: 40px;
  padding: 0 15px;
}

.cancel-modal .modal-body {
  padding-top: 0;
  font-size: 20px;
}

.group-chat-profile-img {
  width: 94px;
  height: 94px;
  border: 4px solid #3d505f;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  line-height: 90px;
  overflow: hidden;
  background: #dadada;
}

.join-group-modal .modal-xl {
  max-width: 1680px;
}

.chat-price-type,
.chat-price b {
  font-family: NeusaNextStd-Medium, sans-serif;
}

.chat-price {
  font-size: 32px;
  font-family: NeusaNextStd-Light, sans-serif;
}

.checkout-outer.subscription-checkout {
  position: absolute;
  top: 0;
  height: 100%;
}

.payment-body {
  max-height: none !important;
  /*overflow: auto; padding: 5px;*/
}

.payment-body .border-top {
  border-color: #3a3f45 !important;
}

.payment-third .payment-body {
  height: 340px;
}

.product-listing .product-image {
  height: 140px;
  align-items: center;
  display: flex;
}

.Toastify .Toastify__toast-container {
  max-width: 440px;
  width: 100%;
}

.payment-form .product-promotion-detail {
  height: auto;
}

.payment-third .payment-body .media-img {
  height: 70px;
  width: 70px;
  line-height: 70px;
}

.custom-forms .slot-radios .custom-control {
  /*width: 30%;*/
  margin-right: 15px;
}

.premium-subscription {
  display: none;
}

.subscription-body .box-img {
  min-height: 200px;
  max-height: 200px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.subscription-body .box-details {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.subscription-premium-detail {
  padding: 10px;
  font-size: 18px;
}

.subscription-premium-detail span {
  font-weight: bold;
}

.subscription-body .celebrencers-box {
  height: auto;
  margin-bottom: 30px;
}

.premium-tabs {
  padding: 10px 0 40px;
}

.buy-subscription-btn {
  width: 100%;
  height: 45px;
  margin: 10px 0;
}

.Toastify .Toastify__toast {
  padding: 5px 20px 14px;
  align-items: center;
}

.Toastify .Toastify__close-button {
  align-self: center;
}

.payment-form {
  padding-bottom: 15px;
  min-height: 400px;
}

.order-modal .top-titles {
  padding: 0 20px;
}

.order-modal .modal-header {
  padding: 30px 20px 0;
}

.order-modal .top-titles .gray-color {
  font-family: "NeusaNextStd-Regular", sans-serif;
  font-size: 20px;
  font-weight: bold;
}

.order-form-title {
  font-family: NeusaNextStd-Bold, sans-serif;
  margin-bottom: 15px;
}

.order-form .form-control {
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  min-height: 45px;
}

.order-form textarea.form-control {
  min-height: 100px;
  resize: none;
}

.order-form .btn-secondary {
  background: #cdcdcd;
  color: #fff;
  border-color: #cdcdcd;
  min-width: 100px;
  font-weight: bold;
  margin-top: 10px;
}

.modal-right-order {
  padding-left: 50px;
}

.order-modal .title-md {
  text-transform: capitalize;
  font-size: 34px;
}

.order-titles .report-btn {
  margin-right: 0;
}

.report-btn {
  border: 1px solid #333;
  background: transparent;
  padding: 8px 10px 6px;
  margin-right: 40px;
  font-family: NeusaNextStd-Bold, sans-serif;
  color: #333;
  font-size: 15px;
}

.order-titles {
  width: 100%;
}

.border-lines {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  margin-top: 20px;
  justify-content: space-between;
  align-items: center;
}

.dolor-price.purpule-color {
  color: #be66ca;
  font-size: 24px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.border-lines .product-description {
  padding: 5px 0;
}

.uv-store .order-titles .product-promotion-img {
  width: 46%;
  height: auto;
  line-height: normal;
  margin-top: 0px;
  margin-bottom: 0;
}

.track-day-list li .black-circle {
  display: flex;
  text-align: center;
  background: #555;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  font-size: 18px;
  align-items: center;
  justify-content: center;
  margin: 8px auto;
  font-weight: bold;
}

.track-data {
  margin: 15px 0;
}

.track-day-list li .purple-circle .black-circle {
  background: #be65ca;
}

.track-day-list li .purple-circle {
  color: #be65ca;
  font-weight: bold;
}

.track-day-list li {
  width: 45%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.track-day-list li:after {
  content: "";
  background: #ccc;
  height: 2px;
  position: absolute;
  left: 58px;
  right: 0;
  top: 32%;
}

.track-day-list li:last-child {
  width: auto;
}

.track-day-list li:last-child:after {
  display: none;
}

.track-day-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px auto;
}

.view-detail-btn {
  border: 2px solid #555;
  color: #555;
  border-radius: unset;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -o-border-radius: unset;
  -ms-border-radius: unset;
  min-width: 130px;
  padding: 8px 10px;
  transition: 0.2s;
}

.right-order .view-detail-btn {
  background: #be66ca;
  color: #fff;
  border-color: #b25abe;
}

.right-order .view-detail-btn:hover {
  background: #b25abe;
}

.view-detail-btn:hover {
  background: #be64ca;
  color: #fff;
  border-color: #be64ca;
}

.thumbnail-images,
.big-size {
  width: 50%;
  margin-bottom: 20px;
}

.order-titles .top-titles {
  margin-bottom: 15px;
}

button.react-calendar__month-view__days__day--weekend {
  color: #000;
}

.uv-store .order-titles .big-size .product-promotion-img {
  width: 96%;
}

.order-form .form-control:focus {
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.border-text {
  font-size: 11px;
  color: #aaa;
  margin: 5px 0;
  text-transform: uppercase;
}

.areas-titles {
  font-size: 16px;
  text-transform: uppercase;
  color: #3c5364;
  font-family: "NeusaNextStd-Bold", sans-serif;
}

.border-text:after {
  content: "";
  background: #ccc;
  width: 35%;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.plain-modal.order-modal .close {
  opacity: 0.2;
  top: 40px;
  right: 40px;
}

.order-modal .product-description {
  padding-top: 0;
  line-height: normal;
}

.order-modal .product-promotion-img {
  width: 100%;
  height: auto;
  line-height: normal;
  display: inline-block;
  margin: 0 0 10px;
  border-radius: unset;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  -o-border-radius: unset;
}

.order-modal .product-promotion-detail {
  padding-right: 0;
  padding-left: 0;
  padding-top: 10px;
}

.Toastify .Toastify__toast--success {
  background-color: #50cd71;
}

.Toastify .Toastify__toast--danger {
  background-color: #f76263;
}

.Toastify .Toastify__toast--info {
  background-color: #3698db;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.radius-img .box-name {
  font-size: 16px;
}

.radius-img .play-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  margin-top: -60px;
}

.dec-box p {
  font-size: 13px;
  line-height: normal;
  margin-top: 5px;
}

.dec-listing li {
  display: inline-block;
  font-size: 12px;
  margin-right: 4px;
  margin-bottom: 10px;
}

.dec-box .box-details {
  padding: 4px 10px 10px;
}

.radius-img .box-img,
.dec-box .box-img,
.uv-news-feed .box-img {
  max-height: 140px;
  line-height: 140px;
}

.send-btn {
  position: absolute;
  right: 0;
  top: 0;
  background: #d663b7;
  color: #fff;
  bottom: 0;
  border-radius: 0 50px 50px 0;
  -webkit-border-radius: 0 50px 50px 0;
  -moz-border-radius: 0 50px 50px 0;
  -ms-border-radius: 0 50px 50px 0;
  -o-border-radius: 0 50px 50px 0;
  min-width: 70px;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}

.upcomming-search {
  position: relative;
  max-width: 600px;
}

.upcomming-search input {
  padding-right: 80px;
}

.fasion-box .box-img {
  max-height: 130px;
  line-height: 130px;
}

.star-box .box-left {
  margin-top: 0;
  margin-left: 0;
}

.product-col .img-fluid {
  width: 70px;
  height: auto;
}

.buy-box .box-name {
  font-size: 16px;
}

.col-2dot4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.product-cart .product-detail {
  width: 55%;
  padding: 5px 0;
}

.product-col {
  width: 45%;
}

.size-color {
  color: #aaa;
  font-size: 14px;
  margin: 5px 0;
}

.buy-box .green-color {
  color: #54c166;
  font-weight: bold;
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
}

.buy-box {
  padding: 10px 15px;
}

.total-amount {
  font-size: 20px;
  color: #be65ca;
  font-family: "AvenirLTStd-Book", sans-serif;
}

.pink-color {
  font-size: 14px;
  font-family: "Avenir-Black", sans-serif;
  color: #be65ca;
  font-weight: bold;
  display: block;
  text-align: right;
  line-height: normal;
}

.commission-text {
  color: #555;
  font-size: 12px;
  line-height: normal;
}

.product-amount {
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
  margin: 15px 0 10px;
}

.advire-text {
  font-size: 10px;
}

.rating-date {
  color: #aaa;
  font-size: 12px;
}

.star-box .box-details {
  padding: 0;
}

.star-box .box-name {
  font-size: 14px;
  font-family: "Avenir-Black", sans-serif;
}

.rating-star span {
  background-position: -190px -4px;
  width: 16px;
  height: 16px;
}

.rating-star .gray-star {
  background-position: -159px -4px;
}

.green-color:before {
  content: "";
  background-position: -135px 1px;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.live-stream-box {
  padding-bottom: 20px;
}

.uv-news-feed .vertical-scroll {
  padding-right: 30px;
}

.shipping_fee span {
  color: #46a2b8;
}

.cart-page3 {
  margin-left: -10px;
}

.cart-page3.payment-body .media-img {
  width: 70px;
  height: 80px;
  line-height: 80px;
}

.cart-page3 .product-title,
.cart-page3 .product-price {
  font-size: 20px;
}

.cart-page3 .product-price.shipping_fee {
  font-size: 16px;
  font-family: NeusaNextStd-Regular, sans-serif;
  line-height: normal;
}

.payment-body.card-page.cart-page3 {
  height: auto;
  max-height: 230px;
  margin-bottom: 10px;
}

.last-address {
  height: auto;
  max-height: 140px;
  overflow: auto;
}

.blue-color,
.blue-color .dolor-price,
a.text-white:hover {
  color: #3aa5cc !important;
}

.price-text .dolor-price {
  font-size: 22px;
}

.price-text.blue-color {
  border-top: 1px solid #dedede;
  margin-top: 10px;
  padding-top: 10px;
}

.tracking_modal .modal-header {
  padding: 0px;
}

.tracking_modal .modal-content {
  padding: 25px;
}

.tracking_modal .modal-body {
  min-height: auto;
  padding: 15px 0;
}

.purple-color {
  color: #be65ca;
}

.tracking_modal .dolor-price {
  font-size: 24px;
  margin-top: 5px;
}

.track-body {
  border-bottom: 2px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.track-arived {
  padding: 30px 5px 0 0;
  max-height: 400px;
  overflow: auto;
}

.track-arived .black-text {
  color: #555;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.track-arived .left-col {
  margin-right: 40px;
  text-align: right;
  position: relative;
  min-width: 100px;
}

.track-arived .right-col {
  margin-left: 40px;
  position: relative;
  margin-bottom: 15px;
}

.track-arived .gray-color {
  color: #999;
  font-size: 18px;
}

.activity-row {
  margin-bottom: 5px;
}

.txet-lg {
  text-transform: uppercase;
  color: #bbb;
}

.track-arived .right-col:after,
.track-arived .right-col:before {
  content: "";
  border: 1px solid #be64ca;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  left: -50px;
  top: 20px;
  background: #fff;
  z-index: 2;
}

.track-arived .right-col:before {
  width: 12px;
  height: 12px;
  background: #be64ca;
  top: 23px;
  left: -47px;
  z-index: 3;
}

.track-arived .left-col:after {
  content: "";
  border: 1px dashed #999;
  position: absolute;
  top: 35px;
  height: 100%;
  right: -40px;
  z-index: 1;
}

.track-arived .d-flex:last-child .left-col:after {
  display: none;
}

.uv-store .qyt-number.product-hd {
  font-size: 18px;
  margin-bottom: 0;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.price-text {
  font-size: 20px;
  margin: 15px 0;
}

.products-prices .gray-color {
  font-size: 22px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
  padding-bottom: 5px;
  color: #aaa;
}

.celebencer-register {
  max-width: 800px;
  margin: 50px auto;
}

.upload-text {
  color: #fff;
}

.upload-text span {
  font-weight: bold;
  font-size: 22px;
}

.celebencer-register form {
  padding: 40px;
  box-shadow: 0px 5px 15px #dedede;
  -webkit-box-shadow: 0px 5px 15px #dedede;
  -moz-box-shadow: 0px 5px 15px #dedede;
  -o-box-shadow: 0px 5px 15px #dedede;
  -ms-box-shadow: 0px 5px 15px #dedede;
  border-radius: 0 0 20px 20px;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  -o-border-radius: 0 0 20px 20px;
  -ms-border-radius: 0 0 20px 20px;
}

.blured-image.common-banner-img {
  filter: blur(20px);
  -webkit-filter: blur(20px);
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cutom-blured {
  display: inline-block;
  width: 100%;
  height: 120px;
  background: #ccc;
  border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  position: relative;
}

.blured-height {
  position: relative;
  height: 120px;
  overflow: hidden;
  width: 100%;
  border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  display: inline-block;
  vertical-align: top;
}

.register-profile {
  position: absolute;
  top: 0px;
  left: 40px;
  right: 40px;
  z-index: 1;
}

.register-profile .profile-image {
  width: 130px;
  height: 130px;
  line-height: 128px;
  padding: 0;
  margin-top: -30px;
}

.register-profile .custom-profile-upload {
  height: 35px;
  min-width: 80px;
  font-size: 15px;
  line-height: 33px;
  border: none;
  text-align: center;
  background: #fff;
  color: #1877f2;
}

.register-profile .custom-profile-upload:active,
.register-profile .custom-profile-upload:not(:disabled):not(.disabled):active {
  background: #fff;
  color: #1877f2;
}

.register-profile input.form-control {
  height: 40px;
}

.celebencer-register.custom-forms textarea.form-control {
  height: 150px;
}

.form-btn .btn.theme-button,
.login-actions .btn.theme-button {
  border: none;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  min-width: 220px;
  margin-bottom: 15px;
  height: 50px;
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  text-transform: capitalize;
  width: 100%;
  line-height: 1.2;
}

.form-btn {
  text-align: center;
  max-width: 496px;
  margin: auto;
}

.already-ac a {
  color: #1877f2;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.login-page {
  max-width: 1080px;
  margin: auto;
  background: #1e2023;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  position: relative;
  padding: 40px 0;
}

.login-blured {
  padding: 80px 30px;
  position: relative;
  overflow: hidden;
}

.login-blured .blured-height {
  position: unset;
  height: auto;
}

.login-btn.theme-button {
  width: 100%;
  border: none;
  border-radius: 10px;
  height: 50px;
}

.login-page .custom-forms {
  border-left: 1px solid #dedede;
  padding: 10px 0 10px 35px;
  margin-left: -15px;
}

.login-blured .blured-image.common-banner-img {
  background-position: 65% center;
  opacity: 0.1;
}

.social-account-modal .modal-dialog {
  max-width: 970px;
}

.social-account-modal .modal-content {
  padding: 0px 40px;
}

.social-account-modal .modal-header {
  padding: 1.6rem 1rem 1rem;
}

.social-account-modal .close {
  right: 40px;
  top: 25px;
  opacity: 0.2;
}

.social-account-heading {
  font-size: 24px;
  font-family: NeusaNextStd-Bold, sans-serif;
  border-bottom: 1px solid #e1e1e1;
  padding: 25px 0 16px;
  margin-bottom: 22px;
}

.social-account-modal .title-md {
  font-size: 35px;
  text-transform: none;
}

.social-account-modal .label {
  color: #758592;
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.social-account-modal .form-control {
  height: 67px;
  font-size: 20px;
  padding: 0 30px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border-color: #e1e1e1;
}

.social-account-modal .btn-secondary {
  background: #c4c4c4;
  border-color: #c4c4c4;
}

.social-account-modal .btn-secondary:hover,
.social-account-modal .btn-secondary:focus {
  background: #aaa;
  border-color: #aaa;
}

.common-forms .upload-profile-img label.form-control {
  width: 100%;
  line-height: 32px;
  font-size: 14px;
  margin: 0;
}

.custom-file-new.upload-profile-img .btn {
  height: calc(100% - 6px);
  min-width: 95px;
  position: absolute;
  right: 4px;
  top: 50%;
  background: #1877f2;
  font-size: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.row-xs {
  margin: 0 -5px;
}

.col-xs {
  padding: 0 5px;
}

.add-product-section div.css-yk16xz-control,
.add-product-section div.css-1pahdxg-control,
.add-product-section div.css-1pahdxg-control:focus,
.add-product-section div.css-1pahdxg-control:hover {
  min-width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border-color: #e4e4e4;
}

.price-field .input-group-prepend {
  margin-right: -1px;
  position: absolute;
  top: 4px;
  z-index: 10;
  left: 4px;
}

.price-field .input-group-prepend span {
  border-radius: 4px;
  background: #f4f5f7;
  border: none;
  color: #76838c;
}

.common-forms .price-field .form-control {
  padding-left: 44px;
  width: 100%;
}

.deliverables-outer {
  background: #fbfdfc;
  padding: 15px;
  border: 1px solid #e4e4e4;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
}

.add-product-section .common-forms .form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border-color: #e4e4e4;
}

.deliverables-outer .add-more-outer {
  font-size: 14px;
  line-height: 1;
  margin-right: 0;
  margin-top: 10px;
}

.add-in-circle,
.cross-in-circle {
  font-style: normal;
  width: 15px;
  height: 15px;
  background: #3fa7d5;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-family: NeusaNextStd-Medium, sans-serif;
  line-height: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  margin-right: 6px;
}

.cross-in-circle {
  background: #ee4343;
  line-height: 15px;
  font-size: 13px;
}

.deliverables-outer .add-more-outer .color-red {
  font-size: 14px;
  margin-bottom: 10px;
  margin-left: 15px;
}

.min-age div.css-yk16xz-control {
  border-radius: 4px 0 0 4px;
}

.max-age div.css-yk16xz-control {
  border-radius: 0 4px 4px 0;
}

.add-product-section .panel-detail-actions .btn {
  padding: 0 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
}

.add-product-section {
  padding-bottom: 50px;
}

.social-icon {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: -3px;
}

.social-icon.insta-icon {
  background-image: url(../images/instagram-icon.svg);
}

.social-icon.tiktok-icon {
  background-image: url(../images/tiktok-icon.svg);
}

.social-icon.facebook-icon {
  background-image: url(../images/facebook-icon.svg);
}

.social-icon.youtube-icon {
  background-image: url(../images/youtube-icon.svg);
}

.social-icon.twitter-icon {
  background-image: url(../images/twitter-icon.svg);
}

.social-icon.twitch-icon {
  background-image: url(../images/twitch-icon.svg);
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

.error-page-outer {
  text-align: center;
}

.error-page-para {
  max-width: 500px;
  margin: 30px auto;
  font-size: 21px;
}

.login-screen-bg,
.forgot-pwd-bg {
  background: url("../images/login-bg.png");
  background-size: cover;
  min-height: 685px;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
}

.forgot-pwd-bg {
  background-image: url("../images/forgot-password.png");
  background-position: center;
}

.login-new-screen {
  overflow: hidden;
  max-width: 1320px;
}

.login-new-screen .custom-forms {
  border-left: none;
  padding: 10px 50px;
  margin-left: 0;
}

.login-note {
  font-size: 18px;
  margin: 20px 0 40px;
}

.login-form-col {
  flex: 0 0 48%;
  max-width: 48%;
}

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

.appearance-section {
  margin-bottom: 30px;
}

.common-forms .appearance-section .form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border-color: #e4e4e4;
  height: 61px;
  padding: 0.375rem 1.45rem;
}

.common-forms .appearance-section .price-field .form-control {
  padding-left: 70px;
  width: 100%;
}

.panel-details .common-forms .appearance-section .price-field .form-control {
  padding-left: 50px;
}

.appearance-section .price-field .input-group-prepend {
  margin-right: -1px;
  position: absolute;
  top: 4px;
  z-index: 10;
  left: 4px;
}

.appearance-section .price-field .input-group-prepend span {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  background: #f4f5f7;
  border: none;
  height: 53px;
  width: 53px;
  justify-content: center;
  color: #3c5364;
  opacity: 0.7;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 18px;
}

.create-offer-form .appearance-section label {
  font-size: 18px;
  color: #3c5364;
  opacity: 0.7;
}

.purple-heading {
  font-family: NeusaNextStd-Medium, sans-serif;
  letter-spacing: -0.24px;
  color: #be66c9;
  opacity: 1;
  font-size: 24px;
  border-bottom: 1px solid #e2e1e1;
  padding-bottom: 20px;
  margin-bottom: 27px;
}

.product-detail-modal.appearance-modal .modal-title {
  max-width: none;
}

.appearance-icon,
.appearance-location,
.appearance-standard,
.appearance-card-icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -5px;
  margin-right: 5px;
}

.appearance-icon {
  width: 26px;
  height: 26px;
  background-image: url("../images/appearance-detail.svg");
}

.appearance-location {
  width: 20px;
  height: 28px;
  background-image: url("../images/location.svg");
}

.appearance-standard {
  width: 24px;
  height: 27px;
  background-image: url("../images/standard-detail.svg");
}

.appearance-card-icon {
  width: 28px;
  height: 24px;
  background-image: url("../images/card-details.svg");
}

.appearance-section > ul {
  font-family: NeusaNextStd-Regular, sans-serif;
  letter-spacing: -0.2px;
  color: #e5e5e5;
  opacity: 1;
  font-size: 22px;
  list-style: none;
  padding-left: 0;
}

.appearance-section > ul ul {
  list-style: none lower-roman outside;
  padding-left: 25px;
}

.appearance-section ul li {
  margin-bottom: 5px;
}

.create-offer-form .appearance-section .checkbox-lg .custom-control-label {
  letter-spacing: -0.2px;
  color: #3c5364;
  font-size: 20px;
  padding-left: 10px;
  opacity: 1;
}

.checkbox-lg .custom-control-label::before {
  position: absolute;
  top: 0.15rem;
  width: 22px;
  height: 22px;
  border: 2px solid #3c5364;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  opacity: 1;
}

.checkbox-lg .custom-control-label::after {
  top: -0.15rem;
  left: -1.75rem;
  width: 30px;
  height: 30px;
}

.checkbox-lg .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #1877f2;
  background-color: #1877f2;
}

.login-actions .custom-control-label::before,
.login-actions .custom-control-label::after {
  top: 0.12rem;
}

.appearance-section .react-datepicker-wrapper::after {
  right: 14px;
  top: 18px;
}

.appearance-section .time-field .form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 40px;
  background: url("../images/clock.svg") no-repeat 97% center;
}

.appearance-section .personal-time-field .react-datepicker-wrapper::after {
  content: none;
}

.purchase-token .modal-dialog {
  max-width: 960px;
}

.purchase-token .modal-content {
  padding: 0 15px;
  border-radius: 30px;
}

.token-outer {
  border: 2px solid #9e9fa0;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}

.token-amount {
  letter-spacing: 0.96px;
  color: #e5e5e5;
  opacity: 1;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 24px;
  text-align: center;
  background: #f3f3f399;
  line-height: 1;
  padding: 12px 10px 6px;
}

.token-amount span {
  letter-spacing: 0.8px;
  opacity: 0.8;
  font-size: 20px;
  font-family: NeusaNextStd-Regular, sans-serif;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 2px 0;
}

.token-value-outer {
  text-align: center;
  padding: 22px 10px 24px;
}

.token-value {
  letter-spacing: 1.84px;
  color: #1877f2;
  opacity: 1;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 46px;
  line-height: 1;
}

.active .token-value,
.active .token-value small {
  color: #fff;
}

.active .token-amount {
  background: #fff;
  color: #1877f2;
}

.token-value small {
  letter-spacing: 0px;
  color: #e5e5e5;
  opacity: 0.5;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 16px;
  display: block;
}

.purchase-token-icon {
  display: inline-block;
  width: 41px;
  height: 26px;
  background: url(../images/token-gray.svg) no-repeat;
}

.active .purchase-token-icon {
  background: url(../images/token-white.svg) no-repeat;
}

.tick-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/tick-mark-grey.svg) no-repeat;
}

.active .tick-icon {
  background: url(../images/tick-mark-white.svg) no-repeat;
}

.token-icons {
  padding: 12px 15px 0px;
  display: flex;
  justify-content: space-between;
}

.token-outer.active {
  border-color: #1877f2;
  background: #1877f2;
}

.purchase-token .form-sections {
  margin-bottom: 50px;
}

.purchase-token .form-sections:last-child {
  margin-bottom: 0;
}

.chat-box {
  width: 434px;
  position: fixed;
  background: #101113;
  bottom: 152px;
  right: 120px;
  z-index: 1000;
  overflow: hidden;
  box-shadow: 0px 0px 42px #0000001f;
  -webkit-box-shadow: 0px 0px 42px #0000001f;
  -moz-box-shadow: 0px 0px 42px #0000001f;
  -o-box-shadow: 0px 0px 42px #0000001f;
  -ms-box-shadow: 0px 0px 42px #0000001f;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
}

.chatbox-header {
  background: #1877f2;
  box-shadow: 0px 3px 7px #0000000f;
  -webkit-box-shadow: 0px 3px 7px #0000000f;
  -moz-box-shadow: 0px 3px 7px #0000000f;
  -o-box-shadow: 0px 3px 7px #0000000f;
  -ms-box-shadow: 0px 3px 7px #0000000f;
  border-radius: 20px 20px 0px 0px;
  -webkit-border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -o-border-radius: 20px 20px 0px 0px;
  -ms-border-radius: 20px 20px 0px 0px;
  padding: 15px 20px;
}

.c-avatar {
  overflow: hidden;
  background: #0b6ae5;
  border: 1px solid #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
}

.contact-name {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 22px;
  line-height: 1;
}

.profile-type {
  font-size: 12px;
}

.message-by-others {
  display: flex;
  align-content: flex-end;
  align-items: self-end;
  margin-bottom: 10px;
}

.message-by-self .message-text {
  margin-left: auto;
}

.message-text {
  background: #1e2023;
  padding: 10px 20px;
  font-size: 14px;
  color: #e5e5e5;
  line-height: 1.6;
  margin-bottom: 10px;
  max-width: 68%;
  display: inline-block;
  border: 2px solid #1e2023;
  border-radius: 25px 25px 5px 25px;
  -webkit-border-radius: 25px 25px 5px 25px;
  -moz-border-radius: 25px 25px 5px 25px;
  -o-border-radius: 25px 25px 5px 25px;
  -ms-border-radius: 25px 25px 5px 25px;
  word-break: break-word;
}

.message-by-self {
  text-align: right;
  margin-bottom: 10px;
}

.message-text:nth-last-child(2) {
  margin-bottom: 0px;
}

.message-by-others .message-text {
  background: #000;
  border-color: #000;
  border-radius: 25px 25px 25px 5px;
  -webkit-border-radius: 25px 25px 25px 5px;
  -moz-border-radius: 25px 25px 25px 5px;
  -o-border-radius: 25px 25px 25px 5px;
  -ms-border-radius: 25px 25px 25px 5px;
}

.message-user-detail {
  display: block;
  background: #cbeef3;
  padding: 21px 30px;
  color: #0488d9;
  font-size: 18px;
  font-family: OpenSans-Semibold, sans-serif;
  height: 90px;
}

.message-time {
  display: block;
  font-size: 12px;
  line-height: 2;
  letter-spacing: -0.12px;
  color: #fff;
  opacity: 0.5;
}

.message-window {
  padding-right: 20px;
  overflow-y: auto;
  max-height: 475px;
  scrollbar-color: #3e4147 transparent;
  scrollbar-width: thin;
}

.chatbox-body {
  padding: 15px 10px;
  position: relative;
  min-height: 400px;
}

.sender-img {
  width: 29px;
  height: 29px;
  background: #1877f2;
  text-align: center;
  line-height: 27px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  margin-right: 14px;
  display: block;
  margin-bottom: 24px;
  overflow: hidden;
}

.sender-img img {
  width: 100%;
  height: auto;
  max-width: 11px;
}

.recieved-message-outer {
  width: 90%;
}

.chatbox-footer {
  padding: 0px 20px 10px;
}

.send-message-outer {
  padding: 10px 140px 10px 40px;
  position: relative;
  background: #1e2023;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}

.get-mic,
.chat-actions {
  position: absolute;
  top: 50%;
}

.get-mic,
.get-emojis,
.get-attachments,
.send-message,
.chat-control-icon {
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.get-mic {
  background-image: url("../images/mic.svg");
  width: 14px;
  height: 22px;
  left: 20px;
  margin-top: -12px;
}

.chat-actions {
  right: 18px;
  margin-top: -12px;
}

.chat-actions a {
  margin-right: 22px;
}

.get-emojis {
  background-image: url("../images/emoji-smile.svg");
  width: 23px;
  height: 23px;
}

.get-attachments {
  background-image: url("../images/attachment.svg");
  width: 18px;
  height: 21px;
}

.send-message {
  background-image: url("../images/send.svg");
  width: 24px;
  height: 24px;
  border: none;
  background-size: cover;
}

.message-textarea.form-control {
  color: #e5e5e5;
  background: transparent;
  height: 40px;
  border: none;
}

.chat-btn {
  position: fixed;
  width: 70px;
  height: 70px;
  background: #1877f2;
  box-shadow: 0px 2px 8px #00000038;
  -webkit-box-shadow: 0px 2px 8px #00000038;
  -moz-box-shadow: 0px 2px 8px #00000038;
  -o-box-shadow: 0px 2px 8px #00000038;
  -ms-box-shadow: 0px 2px 8px #00000038;
  bottom: 76px;
  right: 120px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  text-align: center;
  line-height: 70px;
  z-index: 120;
}

.chat-control-icon {
  background-image: url("../images/chat-dots.svg");
  background-repeat: no-repeat;
  width: 36px;
  height: 35px;
}

.message-media {
  align-items: center;
}

.card-body .appearance-section {
  margin-bottom: 15px;
}

.appearance-section-title {
  color: #3c5364;
  padding-bottom: 12px;
  font-size: 18px;
  margin-bottom: 20px;
}

.card-body .common-forms .appearance-section textarea.form-control {
  height: 100px;
}

.card-body .appearance-section .price-field .input-group-prepend span {
  height: 36px;
  width: 36px;
  font-size: 16px;
}

.card-body .appearance-section .react-datepicker-wrapper::after {
  top: 11px;
  background: url("../images/calendar-sm.svg") no-repeat;
}

.appearance-section .time-control .react-datepicker-wrapper::after {
  background: url("../images/clock.svg") no-repeat;
}

.card-body .appearance-section .time-control .react-datepicker-wrapper::after {
  background: url("../images/clock-sm.svg") no-repeat;
  width: 22px;
}

.card-body .appearance-section > ul {
  font-size: 16px;
}

.card-body .common-forms .checkbox-lg label {
  padding-left: 10px;
  color: #3c5364;
}

.appearance-profile-img {
  width: 76px;
  height: 76px;
  background: #dadada;
  border: 0px solid #3f5261;
  line-height: 71px;
}

.personal-appearance-media {
  align-items: center;
  margin-bottom: 25px;
}

.personal-appearance-media .title-lg {
  font-size: 32px;
  margin: 0;
  letter-spacing: 0.5px;
}

.bold-label {
  font-family: NeusaNextStd-Bold, sans-serif;
  letter-spacing: 0.2px;
}

.appearance-table {
  font-size: 16px;
}

.celebrencers-box .box-img .img-fluid {
  width: auto;
  height: auto;
  max-width: 100%;
  text-align: center;
}

.card .btn.btn-action {
  min-width: 128px;
}

.card .status-text {
  line-height: 1;
  padding: 10px 20px;
}

.newest-celebencer-row .box-img {
  height: 220px;
  text-align: center;
}

.theme-hightlight-color {
  color: #fff;
  background: #1877f2;
}

.no-message-div {
  padding: 20px 0;
  text-align: center;
  display: table;
  height: 100%;
  width: 100%;
}

.chatbot-no-msg {
  color: #3c5364;
  font-size: 24px;
  opacity: 0.5;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin: 30px 0 0;
}

.chat-msg-count {
  position: absolute;
  background: #ff0000;
  top: -7px;
  font-size: 13px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  font-family: NeusaNextStd-Bold, sans-serif;
  height: 25px;
  width: 25px;
  line-height: 25px;
  right: 4px;
}

.personal-appearance-btns .btn {
  height: 50px;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 18px;
  min-width: 100px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
}

.panel-detail-actions .danger-btn {
  height: 50px;
  min-width: 110px;
  font-size: 19px;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-weight: normal;
}

.action-btn-col .btn {
  height: 36px;
  font-size: 14px;
}

.action-btn-col .btn-primary {
  min-width: 128px;
}

.crop-btn {
  height: 36px;
  font-size: 14px;
  padding: 0 20px;
  min-width: 128px;
  font-family: "NeusaNextStd-Regular", sans-serif;
  border-radius: 5px;
  background: #1877f2;
  position: relative;
  color: #fff;
}

.crop-btn:hover,
.crop-btn:focus {
  background: #0665d7;
  color: #fff;
}

.filter-select {
  margin-right: 20px;
  height: 56px;
  border-radius: 10px;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 20px;
  border-color: #dbdbdb;
  color: #aaa;
  display: none;
}

.show-on-mobile,
.pricelist-mobile {
  display: none;
}

.uploaded-files {
  padding: 10px 25px 50px;
}

.gallery-img-outer video {
  max-height: 100%;
}

.cursor {
  cursor: pointer;
}

.wrapper-lg {
  max-width: 1820px;
  padding: 0 30px;
  width: 100%;
  margin: 0 auto;
}

.section-heading-new {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 38px;
  line-height: 1.4;
  margin-bottom: 0;
}

.section-heading-outer {
  margin-bottom: 20px;
}

.common-card {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 100%;
}

.card-img {
  height: 260px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.card-img .about-card,
.package-outer .about-card {
  position: absolute;
  bottom: 15px;
  width: 100%;
  padding: 0 10px;
  color: #fff;
}

.common-card-title {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  padding: 2px 8px;
  font-size: 14px;
  font-family: NeusaNextStd-Medium, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.speaker-icon,
.video-player-icon {
  background: url(../images/shoutout-speaker.svg);
  width: 17px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}

.video-player-icon {
  background: url(../images/video-player.svg);
  width: 18px;
  height: 11px;
}

.common-card-price {
  background: #1877f2;
  padding: 3px 8px;
  border-radius: 8px;
  font-size: 12px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.common-card-price-bottom {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 17px;
  margin-top: 10px;
  color: #e5e5e5;
}

.common-card-price-bottom strong {
  font-weight: normal;
}

.card-artist-name {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 23px;
  padding: 20px 0 0;
  margin-bottom: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.yellow-star {
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: top;
  background: url(../images/yellow-star.svg);
  background-size: contain;
  margin-top: 3px;
  margin-right: 6px;
}

.card-img > img {
  width: 100%;
  height: 400px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  max-width: 100%;
}

.card-artist-area {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 15px;
  color: #747c81;
  margin-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.new-live-btn {
  position: absolute;
  top: 13px;
  right: 13px;
  background: #ee2d2d;
  border-radius: 8px;
  letter-spacing: 1.4px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  min-width: 107px;
  text-align: center;
  font-family: NeusaNextStd-Medium, sans-serif;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
}

.new-live-btn::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  background: #ffc2c2;
  border-radius: 50%;
  margin-right: 6px;
  margin-top: -3px;
}

.live-soon {
  background: #111214;
  color: #ee2d2d;
  box-shadow: 0px 8px 15px #727c8e5c;
  -webkit-box-shadow: 0px 8px 15px #727c8e5c;
  -moz-box-shadow: 0px 8px 15px #727c8e5c;
  -o-box-shadow: 0px 8px 15px #727c8e5c;
  -ms-box-shadow: 0px 8px 15px #727c8e5c;
}

.new-live-btn.live-soon::before {
  content: none;
}

.section-heading-outer .plain-blue-link {
  text-transform: none;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.custom-toggle-new .btn {
  padding: 7px 15px;
  min-width: 122px;
  font-size: 15px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #e5e5e5;
  border-color: #5e5e5e;
}

.custom-toggle-new .btn.active,
.custom-toggle-new .btn.active:hover,
.custom-toggle-new .btn.active:focus {
  background: #3b3f45;
  color: #fff;
  border-color: #5e5e5e;
}

.custom-toggle-new .btn:first-child {
  border-radius: 20px 0 0 20px;
}

.custom-toggle-new .btn:last-child {
  border-radius: 0 20px 20px 0;
}

.video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 58px;
  height: 58px;
  background: url(../images/video.svg);
  cursor: pointer;
}

.filter-list-new {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  height: 60px;
  overflow: hidden;
}

.filter-list-new .slick-list {
  width: 100%;
}

.filter-list-new .slick-slide:first-child li::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  width: 1px;
  background: #a7a7a7;
  margin-left: 30px;
  margin-right: 0px;
}

.filter-item {
  display: inline-block;
  vertical-align: middle;
  background: #3c5364;
  color: #fff;
  padding: 9px 20px 6px;
  border-radius: 50px;
  min-width: 120px;
  font-size: 22px;
  cursor: pointer;
  white-space: nowrap;
}

.filter-item.active,
.filter-item:hover,
.filter-item:focus {
  background: #1877f2;
  color: #fff;
}

.filter-item span {
  opacity: 0.8;
  font-size: 16px;
  margin-left: 20px;
}

.filter-list-new li:last-child {
  margin-right: 0;
}

.custom-slick-slider .common-card,
.custom-slick-slider .package-outer {
  margin: 0;
}

.custom-slick-slider .slick-list {
  margin: 0 -15px;
}

.custom-slick-slider .slick-slider {
  overflow: hidden;
}

.search-col {
  max-width: 55%;
  flex: 0 0 55%;
}

.coins-icon {
  background: url(../images/buy-token-new.svg) no-repeat;
  background-size: 100% auto;
  width: 40px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
}

.tips-outer {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: right;
  max-width: 335px;
  z-index: 10;
}

.send-tips-btn {
  background: #1e2023;
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  min-width: 145px;
  height: 50px;
  line-height: 50px;
  border-radius: 15px;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 16px;
  text-align: left;
  cursor: pointer;
}

.send-tips-popup {
  background: #1e2023;
  margin-top: 15px;
  border-radius: 10px;
  text-align: left;
  padding: 20px 25px;
}

.tips-title {
  font-size: 22px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.send-tips-popup .input-group-prepend .input-group-text {
  background: transparent;
  border: none;
  font-size: 23px;
  color: #b5b8bd;
  font-family: NeusaNextStd-Bold, sans-serif;
  height: 40px;
  padding-left: 0;
}

.send-tips-popup .form-control {
  border: none;
  border-bottom: 1px solid #dadada;
  font-size: 20px;
  height: 50px;
}

.send-tips-popup .input-group-append .input-group-text {
  background: transparent;
  border: none;
  border-bottom: 1px solid #dadada;
  border-radius: 0;
  color: #b5b8bd;
  font-size: 24px;
  height: 50px;
  padding-right: 0;
}

.tips-title .close {
  font-size: 36px;
  color: #8896a1;
  opacity: 1;
  font-family: NeusaNextStd-SemiBold, sans-serif;
  margin-top: -8px;
}

.send-tips-popup .brn-purple {
  width: 100%;
  background: #1877f2;
  font-size: 20px;
  font-family: NeusaNextStd-Bold, sans-serif;
  text-transform: uppercase;
  color: #fff;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  border-radius: 10px;
}

.header-dropdown .login-link {
  padding-left: 0;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.outer-slider {
  padding: 20px 0;
  overflow-x: auto;
  margin-bottom: 50px;
  scrollbar-width: none;
}

.outer-slider .row {
  flex-wrap: nowrap;
}

.outer-slider::-webkit-scrollbar {
  display: none;
}

.selected-row-details .title-lg {
  font-size: 18px;
  margin: 10px 0 5px;
}

.selected-row-details .chat-timing {
  font-size: 16px;
}

.action-btn-col-lg {
  min-width: 250px;
  white-space: nowrap;
}

.date-field-col {
  min-width: 140px;
}

.add-product-section div.css-yk16xz-control,
.add-product-section div.css-1pahdxg-control:hover,
.add-product-section div.css-1pahdxg-control,
.add-product-section .add-product-section div.css-1pahdxg-control:focus {
  min-height: 44px;
}

.action-btn-col-lg .btn {
  margin-right: 8px;
}

/* New Pages Css */
.profile-pic-outer {
  max-width: 262px;
  height: 262px;
  overflow: hidden;
  border: 2px solid #1e2023;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  display: inline-block;
  margin-top: -172px;
  position: relative;
}

.profile-pic-outer .new-live-btn {
  top: auto;
  bottom: 10px;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 106px;
}

.profile-details-outer {
  background: #1e2023;
  text-align: center;
  padding: 0 15px 30px;
}

.page-title {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 38px;
  line-height: 1;
  margin: 20px 0 10px;
}

.profile-profession {
  color: #747c81;
  font-size: 18px;
  word-break: break-word;
  text-transform: capitalize;
}

.wrapper-md-new {
  max-width: 1660px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
}

.custom-tab-new .tab-content {
  padding: 20px 0;
}

.custom-tabs-new .nav-tabs .nav-item {
  margin-bottom: 0;
  padding-right: 10px;
}

.custom-tabs-new .nav-tabs .nav-link {
  border: none;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #e5e5e5;
  border-bottom: 4px solid transparent;
  padding: 12px 5px;
}

.profile-tab-nav {
  padding-top: 5px;
  border-color: #353b43 !important;
}

.custom-tabs-new .nav-tabs {
  border-bottom: 0;
}

.custom-tabs-new .nav-tabs .nav-item.show .nav-link,
.custom-tabs-new .nav-tabs .nav-link.active,
.custom-tabs-new .nav-tabs .nav-link:hover {
  color: #1877f2;
  border-bottom: 4px solid #1877f2;
  background-color: transparent;
}

.new-theme-btn {
  height: 43px;
  line-height: 43px;
  background: #1877f2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  font-size: 16px;
  color: #fff;
  font-family: NeusaNextStd-Medium, sans-serif;
  padding: 0 15px;
}

.btn-slot {
  max-width: 398px;
  width: 100%;
}

.theme-border-btn {
  background: #fff;
  border: 2px solid #1877f2;
  color: #1877f2;
}

.new-theme-btn span {
  font-family: NeusaNextStd-Bold, sans-serif;
  background: #fff;
  color: #000;
  height: 26px;
  border-radius: 4px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  line-height: 28px;
  font-size: 15px;
  border: 1px solid #1877f2;
}

.profile-buttons .btn {
  margin-left: 10px;
}

.profile-buttons {
  scrollbar-color: #3e4147 transparent;
}

.new-theme-btn:hover {
  background: #0665d7;
  color: #fff;
}

.box-shadow {
  box-shadow: 0px 2px 5px #9ea5ac14;
  -webkit-box-shadow: 0px 2px 5px #9ea5ac14;
  -moz-box-shadow: 0px 2px 5px #9ea5ac14;
  -o-box-shadow: 0px 2px 5px #9ea5ac14;
  -ms-box-shadow: 0px 2px 5px #9ea5ac14;
}

.white-box-lg {
  background: #1e2023;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}

.white-box-lg .tab-content,
.panel-detail-body div,
.custom-accordion.modal-body div {
  border-color: #353b43 !important;
}

.profile-desc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  font-size: 20px;
  line-height: 1.6;
  color: #babfc5;
  word-break: break-word;
  word-wrap: break-word;
}

.social-details {
  padding: 20px 40px;
  border-top: 1px solid #353b43;
  display: flex;
  justify-content: space-between;
}

.white-box-lg .social-info-list li span,
.icon-outer {
  width: 37px;
  min-width: 37px;
  height: 37px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: #3e4147;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}

.white-box-lg .social-info-list li span::before,
.icon-outer::before {
  background-size: cover;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.fb-icon-new::before {
  background-image: url("../images/facebook.svg");
  width: 8px;
  height: 16px;
}

.insta-icon-new::before {
  background-image: url("../images/instagram.svg");
  width: 16px;
  height: 16px;
}

.youtube-icon-new::before {
  background-image: url("../images/youtube-new.svg");
  width: 18px;
  height: 13px;
}

.twitr-icon-new::before {
  background-image: url("../images/twitter-icon-white.svg");
  width: 18px;
  height: 15px;
}

.twitch-icon-new::before {
  background-image: url("../images/social-twitch-grey.svg");
  width: 14px;
  height: 15px;
}

.tiktok-icon::before {
  background-image: url("../images/ticktok-icon-blue.svg");
  width: 14px;
  height: 16px;
}

.icon-outer::before {
  background-image: url("../images/website.svg");
  width: 20px;
  height: 20px;
}

.white-box-lg .social-info-list li {
  font-size: 20px;
  color: #1877f2;
  font-family: NeusaNextStd-Regular, sans-serif;
  margin: 8px 40px 0 0px;
  white-space: nowrap;
}

.white-box-lg .page-views {
  font-size: 17px;
  font-family: NeusaNextStd-Regular, sans-serif;
  color: #babfc5;
  white-space: nowrap;
}

.white-box-inner {
  padding: 26px;
  border-color: #353b43 !important;
}

.section-heading-new span {
  color: #747c81;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 18px;
  display: inline-block;
  margin-left: 10px;
}

.star-yellow,
.star-grey {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("../images/rating-star.svg");
  margin-right: 8px;
}

.star-grey {
  background: url("../images/rating-star-grey.svg");
}

.rating-outer {
  margin-left: 30px;
}

.rating-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  line-height: 1;
  margin-top: 7px;
  margin-left: 3px;
}

.link-md.plain-blue-link {
  font-size: 20px;
  padding: 0 15px;
  margin-left: 10px;
  line-height: 1;
  margin-top: 6px;
  color: #1877f2;
}

.monthly-subs-text {
  color: #3c5364;
  font-size: 20px;
  margin-right: 30px;
}

.monthly-subs-text span {
  color: #f0be00;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.lock-icon-sm {
  display: inline-block;
  width: 49px;
  height: 70px;
  background: url("../images/lock-line.svg") no-repeat;
  background-size: cover;
}

.premium-card {
  position: relative;
}

.premium-card .lock-icon-sm {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.chat-live-timings {
  font-size: 15px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.analytic-label {
  color: #e5e5e5;
}

.analytic-value {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 22px;
  color: #747c81;
}

.analytic-outer {
  position: relative;
}

.analytic-outer::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #e5e5e5;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 30px;
}

.analytic-col:last-child .analytic-outer::after {
  display: none;
}

.package-outer {
  padding-bottom: 50px;
  position: relative;
  background: #111214;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  overflow: hidden;
}

.right-side-content .package-outer {
  background: #1e2023;
}

.package-img .img-fluid {
  width: 100%;
}

.package-details {
  padding: 15px 15px 10px;
}

.package-title {
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #e5e5e5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  /* display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; min-height: 42px;*/
}

.package-owner {
  font-size: 16px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #1877f2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  /* display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/
}

.package-desc {
  font-size: 15px;
  color: #747c81;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.package-outer .new-theme-btn {
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: calc(100% - 30px);
}

.package-img {
  position: relative;
  height: 213px;
}

.package-img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.about-package {
  position: absolute;
  left: 0;
  bottom: 10px;
  padding: 0 15px;
  width: 100%;
  color: #fff;
}

.social-list {
  position: absolute;
  right: 12px;
  top: 10px;
}

.social-list li {
  margin-bottom: 7px;
}

.social-list li span {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background: #eaeff2;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  position: relative;
  border: 1px solid #cacaca;
}

.social-list li span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-size: cover;
}

.car-icon,
.plane-icon,
.clock-orange {
  display: inline-block;
  vertical-align: middle;
  background: url("../images/car.svg") no-repeat;
  background-size: cover;
  width: 16px;
  height: 14px;
}

.plane-icon {
  background: url("../images/plane.svg") no-repeat;
  width: 15px;
  height: 15px;
}

.clock-orange {
  background: url("../images/clock-orange.svg") no-repeat;
  width: 17px;
  height: 17px;
}

.package-timing {
  position: absolute;
  right: 11px;
  top: 10px;
  color: #fff;
}

.static-page-title {
  font-size: 48px;
  text-align: center;
  font-family: NeusaNextStd-Bold, sans-serif;
  text-transform: none;
  text-shadow: 2px 3px 0px #000000;
}

.wrapper-sm-new {
  max-width: 1355px;
  padding: 0 20px;
}

.tagline-new {
  font-size: 22px;
  text-align: center;
  margin: 20px 0;
  color: #757d82;
}

.tagline-width {
  max-width: 700px;
}

.grey-box {
  background: #171a1d;
  padding: 60px 20px;
  text-align: center;
  height: 100%;
}

.find-icon,
.mega-phone-icon,
.affection-icon {
  display: block;
  margin: 0 auto 30px;
  background: url("../images/find-icon.svg") no-repeat;
  width: 80px;
  height: 80px;
}

.mega-phone-icon {
  background: url("../images/mega-phone.svg") no-repeat;
  width: 100px;
  height: 80px;
}

.affection-icon {
  background: url("../images/affection.svg") no-repeat;
  width: 78px;
  height: 77px;
}

.grey-box span {
  font-size: 16px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #757d82;
}

.grey-box-title {
  font-size: 26px;
  font-family: NeusaNextStd-Bold, sans-serif;
  margin: 20px 0 15px;
}

.find-icon-new {
  background-image: url("../images/find-icon-new.svg");
  width: 82px;
  height: 83px;
}

.mega-phone-new {
  background-image: url("../images/mega-phone-new.svg");
  width: 85px;
  height: 91px;
}

.affection-icon-new {
  background-image: url("../images/affection-icon-new.svg");
  width: 92px;
  height: 84px;
}

.find-user-new {
  background-image: url("../images/find-user-new.svg");
  width: 82px;
  height: 83px;
}

.on-off-icon {
  background-image: url("../images/on-off.svg");
  width: 95px;
  height: 75px;
}

.record-icon {
  background-image: url("../images/record.svg");
  width: 73px;
  height: 73px;
}

.wrapper-xxs {
  max-width: 956px;
  padding: 0 20px;
}

.box-header {
  display: flex;
  border-bottom: 1px solid #3a3f45;
  padding: 30px;
}

.shoutout-request-right {
  width: calc(100% - 136px);
}

.celebencer-img-new {
  width: 116px;
  height: 116px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  margin-right: 20px;
}

.notify-icon-outer .common-icon {
  background-image: url("../images/notifications.svg");
  width: 16px;
  height: 16px;
  margin-top: 0px;
}

.notify-icon-outer .meetgreet-icon {
  background-image: url("../images/notifications.svg");
  width: 16px;
  height: 16px;
  margin-top: -3px;
}

.request-shoutout-title {
  font-size: 24px;
  font-family: NeusaNextStd-Bold, sans-serif;
  line-height: 1.2;
  margin-bottom: 8px;
  word-wrap: break-word;
}

.timing-flash {
  font-size: 15px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin: 0 0 16px;
}

.blue-border-btn {
  background: #111214;
  border: 1px solid #1877f2;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  font-size: 14px;
  color: #1877f2;
  font-family: NeusaNextStd-Medium, sans-serif;
  padding: 0 20px;
  height: 36px;
}

.blue-border-btn:hover {
  background-color: #b7d3f7;
  color: #1877f2;
}

.common-icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: cover;
}

.info-icon,
.notify-icon-outer .common-icon.info-icon {
  background-image: url("../images/info-circle-solid.svg");
  width: 13px;
  height: 13px;
}

.user-icon-new,
.notify-icon-outer .common-icon.user-icon-new {
  background-image: url("../images/user-icon-new.svg");
  width: 15px;
  height: 18px;
}

.speaker-icon-new,
.notify-icon-outer .common-icon.speaker-icon-new {
  background-image: url("../images/megaphone.svg");
  width: 18px;
  height: 16px;
}

.wallet-icon-new,
.tab-pane.active .wallet-icon-new {
  background-image: url("../images/wallet.svg");
  width: 19px;
  height: 15px;
}

.active .wallet-icon-new {
  background-image: url("../images/wallet-white.svg");
}

/*progressbar*/
.progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}

.progressbar li {
  list-style-type: none;
  color: #e5e5e5;
  font-size: 16px;
  width: 31%;
  float: left;
  position: relative;
  text-align: center;
}

.progressbar li:nth-child(2) {
  width: 42%;
}

.progressbar li .icon-space {
  width: 46px;
  height: 46px;
  line-height: 45px;
  display: block;
  background: #3b3f45;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  margin: 0 auto 10px;
}

.progressbar li::after {
  content: "";
  width: 100%;
  height: 3px;
  background: #3b3f45;
  position: absolute;
  left: -50%;
  top: 22px;
  z-index: -1;
}

.progressbar li:first-child::after {
  content: none;
}

.progressbar li.active .icon-space,
.progressbar li.active::after {
  background: #1877f2;
  color: white;
}

.box-body {
  padding: 35px 30px;
}

.form-field-wrapper {
  margin-bottom: 35px;
  position: relative;
}

.field-label {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 20px;
  margin-bottom: 25px;
  line-height: 1.12;
  position: relative;
  z-index: 0;
}

.button-radios-outer {
  display: flex;
  align-items: center;
}

.button-radio {
  position: relative;
}

.radio-input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}

.radio-btn {
  height: 51px;
  background: #111214;
  color: #e5e5e5;
  line-height: 51px;
  padding: 0 15px;
  min-width: 196px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
}

.tick-in-circle {
  background-image: url("../images/check-circle-gray.svg");
  width: 15px;
  height: 15px;
  margin-top: -3px;
  margin-right: 10px;
}

.radio-input:checked + .radio-btn {
  background: #1877f2;
  color: #fff;
}

.radio-input:checked + .radio-btn .tick-in-circle {
  background-image: url("../images/check-circle-white.svg");
}

.form-field-new .form-control {
  height: 51px;
  background: #292a2d;
  border-color: #2f3135;
  padding: 10px 20px;
  color: #e5e5e5;
  border-radius: 8px;
}

.form-field-new .react-datepicker-wrapper .form-control {
  padding-right: 40px;
}

.form-field-new textarea.form-control {
  height: 110px;
  resize: none;
}

.rounded-radio-btn {
  width: 71px;
  height: 71px;
  text-align: center;
  background: #111214;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 auto 15px;
  line-height: 65px;
  padding: 0;
  border: 3px solid transparent;
}

.radio-input:checked + .rounded-radio-btn {
  border: 3px solid #1877f2b3;
  background: #3b3f45;
}

.none-icon {
  background-image: url("../images/none-icon.svg");
  width: 26px;
  height: 26px;
}

.radio-input:checked + .rounded-radio-btn .none-icon {
  background-image: url("../images/none-icon-color.svg");
}

.gift-icon {
  background-image: url("../images/gift-icon.svg");
  width: 26px;
  height: 26px;
}

.radio-input:checked + .rounded-radio-btn .gift-icon {
  background-image: url("../images/gift-icon-color.svg");
}

.heart-icon {
  background-image: url("../images/heart-icon.svg");
  width: 25px;
  height: 23px;
}

.radio-input:checked + .rounded-radio-btn .heart-icon {
  background-image: url("../images/heart-icon-color.svg");
}

.graduation-icon {
  background-image: url("../images/graduation-icon.svg");
  width: 32px;
  height: 28px;
}

.radio-input:checked + .rounded-radio-btn .graduation-icon {
  background-image: url("../images/graduation-icon-color.svg");
}

.peptalk-icon {
  background-image: url("../images/peptalk-icon.svg");
  width: 25px;
  height: 13px;
}

.radio-input:checked + .rounded-radio-btn .peptalk-icon {
  background-image: url("../images/peptalk-icon-color.svg");
}

.roast-icon {
  background-image: url("../images/roast-icon.svg");
  width: 22px;
  height: 27px;
}

.radio-input:checked + .rounded-radio-btn .roast-icon {
  background-image: url("../images/roast-icon-color.svg");
}

.chat-icon {
  background-image: url("../images/chat-icon.svg");
  width: 27px;
  height: 27px;
}

.radio-input:checked + .rounded-radio-btn .chat-icon {
  background-image: url("../images/chat-icon-color.svg");
}

.mic-icon {
  background-image: url("../images/mic-icon.svg");
  width: 18px;
  height: 29px;
}

.radio-input:checked + .rounded-radio-btn .mic-icon {
  background-image: url("../images/mic-icon-color.svg");
}

.anniversary-icon {
  background-image: url("../images/anniversary-icon.svg");
  width: 28px;
  height: 28px;
}

.radio-input:checked + .rounded-radio-btn .anniversary-icon {
  background-image: url("../images/anniversary-icon-color.svg");
}

.question-icon {
  background-image: url("../images/question-icon.svg");
  width: 13px;
  height: 21px;
}

.radio-input:checked + .rounded-radio-btn .question-icon {
  background-image: url("../images/question-icon-color.svg");
}

.star-icon {
  background-image: url("../images/star-icon.svg");
  width: 29px;
  height: 27px;
}

.radio-input:checked + .rounded-radio-btn .star-icon {
  background-image: url("../images/star-icon-color.svg");
}

.form-field-wrapper .custom-control {
  padding-left: 0;
  height: 51px;
  line-height: 51px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.form-field-wrapper .custom-control-label {
  padding-left: 35px;
}

.form-field-wrapper .custom-control-label::before {
  background: transparent;
  border: 2px solid #757c81;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  width: 24px;
  height: 24px;
  top: -3px;
  left: 0;
  margin-top: -1px;
}

.form-field-wrapper .custom-control-label::after {
  top: -4px;
  width: 1.6rem;
  height: 1.6rem;
  left: -1px;
  margin: -1px 0 0;
}

.new-action-btn {
  text-align: center;
  padding: 20px 0;
  border-color: #353b43 !important;
}

.new-action-btn .new-theme-btn {
  max-width: 398px;
  width: 100%;
  height: 50px;
}

.back-btn {
  display: inline-block;
  width: 30px;
  height: 26px;
  vertical-align: middle;
  border: none;
  background: url("../images/back-arrow.svg") no-repeat;
}

.rating-label {
  font-size: 18px;
  color: #747c81;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 0;
  margin-right: 38px;
  position: relative;
}

.rating-label::after {
  content: "";
  position: absolute;
  height: 42px;
  width: 1px;
  background-color: #e1e1e1;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.rating-value-outer {
  text-align: center;
}

.rating-value-outer .rating-value {
  font-size: 30px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.rating-value-outer .rating-outer {
  margin: 0;
}

.rating-value-outer .star-yellow,
.rating-value-outer .star-grey {
  width: 13px;
  height: 13px;
  background-size: contain;
  margin-right: 4px;
}

.rating-value-outer .star-grey:last-child {
  margin-right: 0;
}

.review-item {
  margin-bottom: 35px;
}

.review-item:last-child {
  margin-bottom: 0;
}

.review-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reviewer-name {
  font-size: 22px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.review-date {
  color: #747c81;
  font-size: 18px;
  font-family: NeusaNextStd-Regular, sans-serif;
  margin-left: 10px;
}

.review-body {
  font-size: 18px;
  margin-top: 6px;
  line-height: 1.7;
}

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

.blue-btn-new {
  min-width: 100px;
  height: 42px;
  background: #3e4147;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
  line-height: 41px;
  padding: 0 20px;
  color: #e5e5e5;
  position: relative;
  z-index: 101;
}

.blue-btn-new:hover {
  background: #292a2d;
  color: #e5e5e5;
}

.shoutout-row {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.shoutout-img-col {
  float: left;
}

.shoutout-right-col {
  padding-left: 468px;
}

.shoutout-right-header {
  padding-bottom: 35px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  border-color: #3a3f45 !important;
}

.shoutout-profile-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  overflow: hidden;
  width: 84px;
  float: left;
}

.shoutout-profile-detail {
  display: flex;
  padding-left: 20px;
  justify-content: space-between;
}

.shoutout-detail-title {
  font-size: 26px;
  font-family: NeusaNextStd-Bold, sans-serif;
  margin-bottom: 0px;
}

.shoutout-details .profile-profession {
  font-size: 18px;
}

.shoutout-profile-detail .new-theme-btn,
.review-form .new-theme-btn {
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}

.shoutout-right-body {
  padding: 20px 0;
}

.review-title {
  font-size: 20px;
  font-family: NeusaNextStd-Bold, sans-serif;
  margin-bottom: 20px;
}

.review-text {
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin: 10px 0;
}

.no-review-text {
  font-size: 18px;
  color: #747c81;
  text-align: center;
  padding: 15px 0 20px;
}

.review-form-fields label {
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 3px;
}

.review-form-fields {
  margin-bottom: 25px;
}

.review-form-fields textarea.form-control {
  background: #292a2d;
  border: 1px solid #2f3135;
  height: 128px;
  resize: none;
  color: #747c81;
  padding: 10px 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}

.review-form-fields .star-yellow,
.review-form-fields .star-grey {
  width: 28px;
  height: 28px;
  background-size: cover;
}

.no-data-div {
  text-align: center;
  width: 100%;
  color: #747c81;
  font-size: 20px;
  padding: 10px 0;
}

.slider-next,
.slider-prev {
  background: #3e4147;
  box-shadow: 0px 1px 6px #5464701c;
  -webkit-box-shadow: 0px 1px 6px #5464701c;
  -moz-box-shadow: 0px 1px 6px #5464701c;
  -o-box-shadow: 0px 1px 6px #5464701c;
  -ms-box-shadow: 0px 1px 6px #5464701c;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  width: 36px;
  height: 36px;
  transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  font-size: 0;
  border: none;
}

.slider-next:hover,
.slider-prev:hover,
.slider-next:focus,
.slider-prev:focus,
.slider-next:active,
.slider-prev:active {
  background: #1877f2;
}

.slider-next::before,
.slider-prev::before {
  opacity: 1;
  width: 6px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: url("../images/white-arrow.svg") no-repeat;
  background-size: cover;
  background-position: center;
}

/* .slider-next:hover::before, .slider-prev:hover::before, .slider-next:focus::before, .slider-prev:focus::before, .slider-next:active::before, .slider-active:hover::before{background: url("../images/white-arrow.svg") no-repeat;} */
.slider-prev::before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  margin-left: -2px;
}

.slider-btns {
  margin: 0 5px;
}

.slider-arrow.slider-prev {
  margin-right: 20px;
}

.custom-slick-slider .slick-arrow {
  display: none !important;
}

.card-img .card-top-title {
  bottom: auto;
  top: 12px;
}

.flash-icon {
  background-image: url("../images/flash-icon.svg");
  background-repeat: no-repeat;
  width: 11px;
  height: 16px;
}

.views-icon {
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  background: #1e2023;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  margin-right: 5px;
  line-height: 28px;
  text-align: center;
}

.white-box-lg .page-views span {
  font-size: 18px;
  margin-left: 5px;
  color: #007aed;
  background: #3e4147;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 0 15px 0 7px;
  height: 37px;
  line-height: 37px;
}

.views-icon::before {
  content: "";
  background: url("../images/eye.svg") no-repeat;
  background-size: 100% auto;
  width: 16px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
}

.subscribe-btn span {
  margin: 0 10px 0 0;
  font-size: 16px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.subscribe-btn span small {
  font-size: 100%;
  font-family: NeusaNextStd-Regular, sans-serif;
}

.summary-table {
  border-top: 1px solid #353b43;
  border-bottom: 1px solid #353b43;
  padding: 20px 0;
  margin-bottom: 30px;
}

.summary-table .table td {
  padding: 5px 0;
  color: #e5e5e5;
  font-size: 18px;
}

.summary-total,
.summary-total-value {
  font-family: NeusaNextStd-Bold, sans-serif;
}

.pay-now-btn {
  min-width: 200px;
  font-size: 18px;
}

.title-md-new {
  font-size: 26px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.shoutout-form .title-md-new {
  margin-bottom: 35px;
}

.saved-cards-outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #353b43;
  margin-bottom: 30px;
}

.card-number {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 18px;
}

.card-details {
  margin-left: 20px;
}

.card-expires {
  color: #747c81;
}

.mastercard-icon {
  background-image: url("../images/mastercard.svg");
  width: 28px;
  height: 22px;
}

.visa-icon {
  background-image: url("../images/visa.svg");
  width: 42px;
  height: 13px;
}

.card-cvv .form-control {
  width: 148px;
  height: 51px;
  background: #f0f2f5;
  border-radius: 8px;
  font-size: 16px;
  color: #747c81;
  border: none;
}

.field-with-bg {
  background: #1e2023;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}

.field-with-bg div {
  border-color: #3a3f45 !important;
}

.inner-inputs {
  border: none;
  background: transparent;
  color: #747c81;
  display: inline-block;
  vertical-align: middle;
  margin-top: 3px;
  height: 51px;
}

.fields-on-right {
  display: flex;
  align-items: flex-start;
}

.fields-on-right .inner-inputs {
  width: 60px;
  text-align: center;
}

.form-field-wrapper .checkbox-sm .custom-control-label {
  color: #747c81;
  font-family: NeusaNextStd-Regular, sans-serif;
  padding-left: 28px;
}

.form-field-wrapper .checkbox-sm .custom-control-label::before {
  width: 17px;
  height: 17px;
}

.form-field-wrapper .checkbox-sm .custom-control {
  height: auto;
  line-height: 1;
  display: inline-block;
  min-height: auto;
}

.form-field-wrapper .checkbox-sm .custom-control-label::after {
  width: 1.1rem;
  height: 1.1rem;
}

.how-works-modal .modal-dialog {
  max-width: 540px;
}

.how-works-modal .modal-title {
  color: #e5e5e5;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 28px;
  line-height: 1.2;
  padding-top: 12px;
}

.how-works-modal .close {
  opacity: 1;
}

.how-works-modal .close span {
  background: url("../images/close-icon-new.svg");
  width: 21px;
  height: 21px;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
}

.step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-bottom: 25px;
}

.step:last-child {
  padding-bottom: 30px;
}

.icon-space {
  width: 46px;
  height: 46px;
  background: #353b43;
  border-radius: 50%;
  line-height: 46px;
  text-align: center;
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-size: 19px;
  color: #007aed;
}

.active .icon-space {
  background: #1877f2;
}

.step-desc {
  width: calc(100% - 66px);
  color: #747c81;
}

.step-desc > b,
.step-desc .heading-xs {
  font-size: 18px;
  font-weight: normal;
  color: #babfc5;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.step::after {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 21px;
  background: #353b43;
  z-index: 0;
}

.step:last-child::after {
  content: none;
}

.calender-icon-new {
  background-image: url("../images/calendar-new-icon.svg");
  width: 16px;
  height: 18px;
}

.search-file-icon {
  background-image: url("../images/search-file.svg");
  width: 16px;
  height: 18px;
}

.msg-blue-icon {
  background-image: url("../images/msg-blue.svg");
  width: 16px;
  height: 18px;
}

.file-icon-new {
  background-image: url("../images/file-icon.svg");
  width: 15px;
  height: 18px;
}

.check-icon-new {
  background-image: url("../images/check-new.svg");
  width: 15px;
  height: 11px;
}

.not-icon-orange {
  background-image: url("../images/not-icon-orange.svg");
  width: 21px;
  height: 21px;
}

.not-icon-blue {
  background-image: url("../images/not-icon-blue.svg");
  width: 21px;
  height: 21px;
}

.special-note span {
  font-family: NeusaNextStd-Bold, sans-serif;
}

.delivery-title {
  font-size: 20px;
  margin-bottom: 0;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.button-radio-sm .radio-btn {
  min-width: 87px;
}

.shoutout-img-col video {
  max-width: 100%;
  height: auto;
}

.shoutout-details {
  padding-right: 15px;
}

.coin-icon-sm {
  background-image: url("../images/coin-icon.svg");
  width: 18px;
  height: 16px;
  margin-right: 4px;
  margin-top: -3px;
}

/* .img-video-outer .img-fluid {max-height: 100%;width: auto;max-width: 100%;height: auto;} */
.img-video-outer .img-fluid {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.white-box-lg .page-views .view-count {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  line-height: 39px;
}

.image-hover-effect .card-img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.card-img img {
  transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.13, 1.02) 0s;
  -webkit-transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.13, 1.02) 0s;
  -moz-transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.13, 1.02) 0s;
  -o-transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.13, 1.02) 0s;
  -ms-transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.13, 1.02) 0s;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.video-image-outer {
  height: 100%;
}

.modal-xxs .modal-dialog {
  max-width: 630px;
}

.modal-md-new .modal-dialog {
  max-width: 916px;
}

.modal-xxs .modal-content,
.modal-md-new .modal-content {
  padding: 0;
}

.modal-xxs .modal-body,
.modal-md-new .modal-body {
  padding: 30px 35px;
}

.age-range-outer .separator {
  margin: 0 10px;
  white-space: nowrap;
}

.checkboxes-new {
  margin: 10px 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.checkbox-input-new {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.checkbox-new-label {
  height: 31px;
  line-height: 31px;
  background: #292a2d;
  padding: 0 24px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  color: #8b98a1;
  margin: 0 5px 0 0;
}

.checkbox-input-new:checked + label,
.checkbox-input-new.checkbox-grey:checked + label {
  background: #1878f3;
  color: #fff;
}

.checkbox-grey .checkbox-new-label {
  background: #353b43;
  color: #8f969c;
  margin-right: 15px;
  padding: 0 20px;
}

.checkboxes-new.checkbox-grey {
  margin-top: 0;
}

.field-note {
  color: #8e979c;
  margin: -10px 0 20px;
}

.modal-action-btns {
  justify-content: center;
  padding: 20px 30px;
}

.card-info-dropdown.dropdown {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 10px;
}

.card-info-dropdown .dropdown-toggle {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  padding: 0;
  min-width: auto;
}

.card-info-dropdown .dropdown-toggle:hover,
.card-info-dropdown .dropdown-toggle:focus,
.card-info-dropdown .dropdown-toggle:active,
.card-info-dropdown .btn-light:not(:disabled):not(.disabled):active,
.card-info-dropdown.show > .btn-light.dropdown-toggle {
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.card-info-dropdown .dropdown-toggle:hover .three-dots-icon,
.card-info-dropdown .dropdown-toggle:focus .three-dots-icon,
.card-info-dropdown .dropdown-toggle:active .three-dots-icon,
.card-info-dropdown
  .btn-light:not(:disabled):not(.disabled):active
  .three-dots-icon,
.card-info-dropdown.show > .btn-light.dropdown-toggle .three-dots-icon {
  background-image: url("../images/three-dots-yellow.svg");
}

.card-info-dropdown .btn-light:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.card-info-dropdown .dropdown-item span {
  margin-right: 20px;
}

.card-info-dropdown .edit-icon {
  background-image: url("../images/edit-icon-grey.svg");
  width: 15px;
  height: 15px;
}

.card-info-dropdown .dropdown-item:hover .edit-icon,
.card-info-dropdown .dropdown-item:focus .edit-icon {
  background-image: url("../images/edit-icon-blue.svg");
}

.card-info-dropdown .delete-icon,
.card-delete-icon {
  width: 16px;
  height: 19px;
  background-image: url("../images/delete-icon-grey.svg");
  background-color: transparent;
}

.card-info-dropdown .dropdown-item:hover .delete-icon,
.card-info-dropdown .dropdown-item:focus .delete-icon {
  background-image: url("../images/delete-icon-blue.svg");
}

.card-info-dropdown .publish-icon,
.publish-icon {
  width: 18px;
  height: 18px;
  background-image: url("../images/publish-icon-grey.svg");
}

.card-info-dropdown .dropdown-item:hover .publish-icon,
.card-info-dropdown .dropdown-item:focus .publish-icon {
  background-image: url("../images/publish-icon-blue.svg");
}

.card-info-dropdown .dropdown-item {
  font-size: 14px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #3c5364;
  padding: 10px 25px;
}

.card-info-dropdown .dropdown-item:hover,
.card-info-dropdown .dropdown-item:focus,
.card-info-dropdown .dropdown-item.active {
  color: #1877f2;
  background: transparent;
}

.three-dots-icon {
  background-image: url("../images/three-dots-grey.svg");
  width: 40px;
  height: 40px;
}

.white-btn {
  background: #fff;
  height: 43px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  line-height: 43px;
  padding: 0 25px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #1877f2;
}

.white-btn:hover,
.white-btn:focus {
  background: #ccddf2;
  color: #1877f2;
}

.page-banners .btn-wallpaper {
  top: auto;
  bottom: 22px;
  right: 40px;
}

.camera-icon {
  background-image: url("../images/camera.svg");
  width: 18px;
  height: 15px;
}

.white-btn.btn-profile {
  height: 37px;
  width: 37px;
  line-height: 34px;
  padding: 0;
  text-align: center;
}

.profile-pic-outer .btn-profile {
  top: 10px;
  right: 10px;
}

.btn-round {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}

.box-heading {
  font-size: 27px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #e5e5e5;
}

.box-padding {
  padding: 30px 25px;
  height: 100%;
}

.tagline-sm {
  color: #747c81;
  border-color: #353b43 !important;
}

.bordered-box-tile {
  background: #1e2023;
  border: 2px solid #353b43;
  border-radius: 10px;
  padding: 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.speaker-icon-lg {
  background-image: url("../images/speaker-icon-lg.svg");
  width: 50px;
  height: 45px;
}

.dollar-icon-lg {
  background-image: url("../images/dollar-icon-lg.svg");
  width: 45px;
  height: 45px;
}

.bordered-box-title span,
.dash-box-padding .bordered-box-title span {
  color: #e5e5e5;
  font-size: 39px;
  display: block;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.bordered-box-title {
  font-size: 18px;
  color: #70777c;
}

.live-chat-icon {
  background-image: url("../images/live-chat-icon.svg");
  width: 45px;
  height: 48px;
}

.upcomming-chat-icon {
  background-image: url("../images/upcomming-chat-icon.svg");
  width: 48px;
  height: 44px;
}

.white-box-lg .profile-field-value .social-info-list li {
  margin-right: 40px;
}

.profile-field-outer {
  margin-bottom: 30px;
}

.profile-field-label {
  font-size: 22px;
  font-family: NeusaNextStd-Bold, sans-serif;
  margin-bottom: 12px;
}

.profile-field-value {
  color: #747c81;
  font-size: 20px;
  line-height: 1.6;
  word-break: break-word;
}

.profile-field-value > span {
  background: #1877f2;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  font-size: 18px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  line-height: 37px;
  padding: 0px 25px;
  margin-right: 15px;
  color: #fff;
  margin-bottom: 15px;
}

.gallery-outer .title-sm {
  letter-spacing: 0px;
  font-size: 26px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 0;
}

.photos-icon {
  background-image: url("../images/photos-icon.svg");
  width: 19px;
  height: 17px;
  margin-top: -3px;
}

.custom-pagination.pagination-new .page-item .page-link {
  background: #fff;
  border: 2px solid #747c81;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  width: 35px;
  height: 35px;
  line-height: 34px;
  color: #747c81;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 16px;
}

.pagination-new .page-item {
  margin-right: 12px;
}

.pagination-new .page-item:last-child {
  margin-right: 0;
}

.custom-pagination.pagination-new .pagination {
  margin: 0;
}

.custom-pagination.pagination-new nav {
  justify-content: flex-end;
}

.custom-pagination.pagination-new .page-item.active .page-link {
  background: #1877f2;
  border-color: #1877f2;
  color: #fff;
}

.age-range-outer div.css-yk16xz-control,
.age-range-outer div.css-1pahdxg-control,
.age-range-outer div.css-1pahdxg-control:focus,
.age-range-outer div.css-1pahdxg-control:hover {
  min-width: 113px;
  min-height: 45px;
  background: #292a2d;
  border-color: #2f3135;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

.css-2b097c-container {
  color: #111214;
  height: 100%;
  /*z-index: 2;*/
}

.age-range-outer .css-1uccc91-singleValue {
  font-family: NeusaNextStd-Regular, sans-serif;
}

.slider-value-left,
.slider-value-right {
  color: #747c81;
}

.slider-value-left span {
  color: #1877f2;
}

.slider-value-right span {
  color: #ee4c97;
}

.form-field-wrapper .rangeslider,
.form-field-wrapper .rangeslider .rangeslider__fill {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.form-field-wrapper .rangeslider-horizontal {
  height: 10px;
  background: #ee4c97;
  margin: 5px 0 10px;
}

.form-field-wrapper .rangeslider-horizontal .rangeslider__fill {
  background: #1877f2;
}

.form-field-wrapper .rangeslider-horizontal .rangeslider__handle {
  background: #3c5364;
  border: 2px solid #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.form-field-wrapper .rangeslider-horizontal .rangeslider__handle::after {
  content: none;
}

.modal-xxs .modal-title,
.modal-md-new .modal-title {
  font-size: 30px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.modal-xxs .modal-header,
.modal-md-new .modal-header {
  padding: 20px 35px;
}

.modal-action-btns.modal-footer .btn {
  height: 50px;
  border: none;
  min-width: 150px;
  margin: 0;
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  border-radius: 8px;
}

.modal-action-btns.modal-footer .btn-primary {
  background: #1877f2;
}

.modal-action-btns.modal-footer .btn-secondary {
  background: #747c81;
}

.form-field-wrapper .react-tagsinput {
  background: #353b43;
  border: none;
  min-height: 50px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 12px;
}

.form-field-wrapper .react-tagsinput-tag {
  background: #1877f2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  color: #fff;
  padding: 6px 12px;
  border: none;
  font-size: 16px;
  margin-right: 10px;
}

.form-field-wrapper .react-tagsinput-input {
  font-size: 16px;
  width: 100px;
  margin-bottom: 0;
  padding: 0 5px;
}

.select-field-new .css-t33evk-container,
.css-chtgcy-container {
  margin-top: 0;
  color: #292a2d;
}

.select-field-new .css-chtgcy-container {
  background: #f0f2f5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  margin: 0;
  padding: 0 10px;
  min-height: 48px;
}

.select-field-new.form-field-wrapper div.css-yk16xz-control {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  background: #292a2d;
  border-color: #2f3135;
}

.select-field-new div.css-yk16xz-control,
.select-field-new div.css-1pahdxg-control:hover,
.select-field-new div.css-1pahdxg-control,
.select-field-new div.css-1pahdxg-control:focus,
div.css-1pahdxg-control:hover {
  min-height: 45px;
  background: #292a2d;
  border-color: #2f3135;
}

.select-field-new .css-9dlz0m-placeholder,
.select-field-new .css-3fklg9-placeholder {
  display: none;
}

.select-field-new .css-1rhbuit-multiValue {
  background-color: #343b43;
}

.css-12jo7m5 {
  padding-top: 6px !important;
}

.select-field-new .css-1rhbuit-multiValue .css-12jo7m5 {
  color: #fff;
}

.select-field-new .css-t33evk-container .css-2613qy-menu ul li {
  background-color: #343b43 !important;
}

.common-space {
  padding: 70px 0;
}

.page-with-filters {
  padding: 60px 0;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  position: relative;
}

.filter-sidebar {
  float: left;
  width: 0;
  left: -280px;
  position: relative;
  padding: 0;
  background: #111214;
  z-index: 1;
  top: 0;
  transition: all 0.2s ease 0s;
  height: 0;
}

.filter-sidebar.sidebar-open {
  width: 280px;
  position: relative;
  left: 0;
  height: 100%;
  padding: 25px 5px;
}

.filter-sidebar.sidebar-open + .right-side-content {
  padding-left: 320px;
}

.filter-sidebar + .right-side-content {
  padding-left: 0;
}

.page-title-new {
  font-size: 52px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.filter-header {
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 50px;
  border-bottom: 1px silid #353b43;
}

.orange-title {
  font-size: 28px;
  font-family: NeusaNextStd-Bold, sans-serif;
  color: #f0be00;
  margin-bottom: 0;
  line-height: 1;
}

.filter-clear-btn {
  font-size: 18px;
  line-height: 16px;
  margin-top: 2px;
  color: #e5e5e5;
  border: 0;
  background: transparent;
  padding: 0;
}

.filters-outer h3 {
  color: #e5e5e5;
  font-size: 17px;
  margin-bottom: 15px;
}

.side-filter-list li {
  font-size: 20px;
  margin-bottom: 15px;
  padding-left: 3px;
}

.side-filter-list li:last-child {
  margin-bottom: 5px;
}

.side-filter-list .custom-control-label::before,
.side-filter-list .custom-control-label::after {
  width: 23px;
  height: 23px;
  border: 2px solid #747c81;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
}

.side-filter-list .filter-sub .custom-control-label::before,
.side-filter-list .filter-sub .custom-control-label::after {
  width: 18px;
  height: 18px;
}

.side-filter-list .filter-sub .custom-control-label {
  padding-left: 7px;
  padding-top: 2px;
}

.side-filter-list .custom-control-label::after {
  border: none;
}

.side-filter-list .custom-control-input:checked ~ .custom-control-label::before,
.side-filter-list .custom-control-input:checked ~ .custom-control-label::after {
  border-color: #007bff;
}

.side-filter-list .custom-control-label {
  padding-left: 12px;
  line-height: 1.7;
  color: #e5e5e5;
  width: 100%;
}

.side-filter-list .custom-control-label span {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.side-filter-list ul {
  padding-left: 35px;
  margin-top: 5px;
}

.filters-outer {
  border-bottom: 1px solid #353b43;
  margin-bottom: 24px;
  padding-bottom: 10px;
}

.right-side-header {
  margin: 5px 0 35px;
  display: flex;
  justify-content: center;
}

.right-side-header .new-theme-btn {
  height: 50px;
  min-width: 160px;
  font-size: 20px;
}

.search-with-btn {
  width: calc(100% - 185px);
  position: relative;
}

.search-with-btn .new-theme-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.search-control-new {
  height: 50px;
  padding-left: 60px;
  padding-right: 180px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 0px 10px #ddd;
  -webkit-box-shadow: 0px 0px 10px #ddd;
  -moz-box-shadow: 0px 0px 10px #ddd;
  -o-box-shadow: 0px 0px 10px #ddd;
  -ms-box-shadow: 0px 0px 10px #ddd;
  font-size: 20px;
}

.search-with-btn .search-icon {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 22px;
}

input[name="files"] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.form-field-wrapper.range-slider-yellow
  .rangeslider-horizontal
  .rangeslider__fill {
  background: #efbe00;
}

.form-field-wrapper.range-slider-yellow .rangeslider-horizontal {
  background: #1878f3;
}

.range-slider-yellow .slider-value-left span {
  color: #efbe00;
}

.range-slider-yellow .slider-value-right span {
  color: #1878f3;
}

.personal-appearance-form .form-field-wrapper {
  margin-bottom: 25px;
}

.modal-sm-new .modal-dialog {
  max-width: 700px;
}

.how-works-body .appearance-section > ul {
  font-size: 16px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.how-works-body .appearance-section ul li {
  margin-bottom: 12px;
}

.how-works-body .appearance-section > ul ul {
  font-family: NeusaNextStd-Regular, sans-serif;
  margin-top: 8px;
}

.advance-search-outer {
  background: #1e2023;
  padding: 35px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.advance-search-outer .border-bottom {
  border-color: #353b43 !important;
}

.advance-search-fields {
  margin-bottom: 25px;
}

.advance-search-fields label {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1;
}

.advance-search-fields .form-control,
.field-value-new .form-control {
  height: 50px;
  border-radius: 8px;
  color: #e5e5e5;
  padding: 0.375rem 1.2rem;
  background: #292a2d;
  border-color: #2f3135;
}

.advance-search-btns .new-theme-btn {
  height: 50px;
  font-size: 18px;
}

.advance-search-fields div.css-yk16xz-control,
.advance-search-fields div.css-1pahdxg-control:hover,
.advance-search-fields div.css-1pahdxg-control,
.advance-search-fields div.css-1pahdxg-control:focus {
  min-height: 42px;
  background: #292a2d;
  border-color: #2f3135;
  border-radius: 8px;
  box-shadow: none;
}

.advance-search-fields .age-range-outer div.css-yk16xz-control,
.advance-search-fields .age-range-outer div.css-1pahdxg-control:hover,
.advance-search-fields .age-range-outer div.css-1pahdxg-control,
.advance-search-fields .age-range-outer div.css-1pahdxg-control:focus {
  min-width: 50%;
  background: #292a2d;
  border-color: #2f3135;
}

.advance-search-fields .age-range-outer .css-2b097c-container {
  width: 50%;
}

.btn-grey-new {
  background: #3e4147;
  color: #fff;
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  border-radius: 8px;
}

.btn-grey-new:hover,
.btn-grey-new:focus,
.btn-grey-new:active {
  background-color: #6f7d86;
  color: #fff;
}

.advance-search {
  position: relative;
}

.advance-search-outer::before {
  content: none;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #f1f2f6;
  top: -20px;
  right: 250px;
}

.filters-outer .rc-slider {
  width: 98%;
  margin-left: 3px;
}

.filters-outer .rc-slider-handle {
  width: 15px;
  height: 15px;
  margin-top: -6px;
  border: solid 1px #fff;
  background-color: #1877f2;
}

.filters-outer .rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #b5bcc2;
  height: 2px;
  border-radius: 0;
}

.filters-outer .rc-slider-track {
  position: absolute;
  left: 0;
  height: 3px;
  border-radius: 6px;
  background-color: #1877f2;
}

.filters-outer .rc-slider-handle:hover {
  border-color: #fff;
}

.filters-outer .rc-slider-disabled {
  background: transparent !important;
}

.filters-outer .rc-slider-handle:active {
  box-shadow: 0 0px 3px #6aa7f7;
  -webkit-box-shadow: 0 0px 3px #6aa7f7;
  -moz-box-shadow: 0 0px 3px #6aa7f7;
  -o-box-shadow: 0 0px 3px #6aa7f7;
  -ms-box-shadow: 0 0px 3px #6aa7f7;
}

.filters-outer
  .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.range-values-outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 0;
  padding: 0 2px;
}

.range-value {
  border: 1px solid #2f3135;
  padding: 0px 10px;
  border-radius: 10px;
  min-width: 98px;
  background: #292a2d;
  font-size: 20px;
  height: 45px;
  line-height: 45px;
}

.range-values-outer .separator {
  margin: 0 10px;
  opacity: 0.7;
}

.custom-accordion .card-body-new {
  padding: 0 20px 5px;
  border-top: 2px solid #353b43;
}

.card-header a .section-heading-new {
  text-transform: capitalize;
  font-size: 32px;
}

.panel-listing-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #353b43;
  margin-bottom: 20px;
  align-items: center;
  padding-bottom: 10px;
}

.panel-listing-header .search-form .form-control {
  background: #292a2d;
  border-color: #2f3135;
  color: #e5e5e5;
}

.panel-filter-list li,
.filter-btn-item {
  padding: 0 15px;
  font-family: NeusaNextStd-Medium, sans-serif;
  min-width: 115px;
  text-align: center;
  font-size: 18px;
  color: #e5e5e5;
}

.panel-listing .panel-listing-header .search-form .form-control {
  color: #e5e5e5;
  height: 45px;
  padding-left: 45px;
  background: #17181b;
  border-color: #2f3135;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  margin: 0;
  border-radius: 10px;
}

.panel-listing .panel-listing-header .search-form {
  margin: 0;
}

.panel-listing-header .search-btn {
  width: 21px;
  height: 21px;
  top: 14px;
  left: 15px;
  background-size: cover;
}

.filter-btn-item.active,
.filter-btn-item:hover,
.panel-filter-list .nav-item.show .filter-btn-item,
.panel-filter-list .filter-btn-item.active {
  color: #1877f2;
}

.filter-btn-item::after {
  content: "";
  width: 100%;
  background: #1877f2;
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  transition: all 0.2s linear 0s;
  transform: scale(0);
}

.filter-btn-item.active::after,
.filter-btn-item:hover::after,
.panel-filter-list .nav-item.show .filter-btn-item::after,
.panel-filter-list .filter-btn-item.active::after,
.panel-filter-list .filter-btn-item.react-tabs__tab--selected::after {
  transform: scale(1);
}

.custom-tables-new {
  font-size: 17px;
}

.custom-tables-new .table thead th {
  color: #8a979f;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  padding: 10px;
  border-bottom: 1px solid #353b43;
}

.custom-tables-new .table td,
.custom-tables-new .table th {
  vertical-align: middle;
  border-top: 0;
  border-bottom: 1px solid #353b43;
  max-width: 200px;
  word-wrap: break-word;
}

.dark-bg .custom-tables-new .table td,
.dark-bg .custom-tables-new .table th {
  max-width: 170px;
  min-width: 180px;
}

.custom-tables-new tr.row-active {
  background: #17181b;
}

.name-col-sm {
  font-size: 16px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #8e979c;
}

.title-col {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-width: 200px;
}

.name-col-outer,
.date-col,
.location-col {
  min-width: 120px;
}

.price-col {
  min-width: 90px;
}

.card .action-col-new .btn.round-btn {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 27px;
  height: 27px;
  line-height: 28px;
  min-width: auto;
  padding: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.action-col-new {
  min-width: 90px;
  white-space: nowrap;
}

.action-col-new .close-icon {
  width: 12px;
  height: 12px;
  background-image: url("../images/cross.svg");
  background-size: cover;
}

.action-col-new .tick-icon {
  width: 17px;
  height: 12px;
  background-image: url("../images/tick.svg");
  background-size: cover;
}

.action-col-new .btn-success,
.panel-detail-footer .btn-success {
  background-color: #24bb88;
}

.action-col-new .btn-success:hover,
.action-col-new .btn-success:focus,
.action-col-new .btn-success:active,
.panel-detail-footer .btn-success:hover,
.panel-detail-footer .btn-success:focus,
.panel-detail-footer .btn-success:active {
  background-color: #09a06d;
}

.action-col-new .btn-danger,
.panel-detail-footer .btn-danger {
  background-color: #e24a49;
}

.action-col-new .btn-danger:hover,
.action-col-new .btn-danger:focus,
.action-col-new .btn-danger:active,
.panel-detail-footer .btn-danger:hover,
.panel-detail-footer .btn-danger:focus,
.panel-detail-footer .btn-danger:active {
  background-color: #d43c3b;
}

.status-accepted,
.user-merchant,
.status-sample_uploaded,
.status-sample_approved,
.status-proof_uploaded,
.status-celebencer_accepted,
.status-scheduled {
  color: #24bb88;
}

.status-rejected,
.status-sample_rejected,
.status-drop_request,
.status-expired,
.status-not_available,
.status-canceled,
.status-cancelled,
.status-merchant_canceled,
.status-celebencer_canceled,
.status-admin_cancelled,
.status-performer_cancelled {
  color: #e24949;
}

.status-product_deleted {
  color: #595c5e;
}

.status-pending,
.status-processing,
.status-created {
  color: #f0be00;
}

.status-completed,
.status-released_completed,
.status-release_completed {
  color: #2eb85c;
}

.panel-detail-new {
  padding: 30px 25px 20px 35px;
}

.panel-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 25px;
}

.package-creation-btns {
  padding: 0 25px 30px;
  border-bottom: 1px solid #353b43;
  margin-bottom: 30px;
}

.panel-detail-header:empty {
  display: none;
}

.panel-detail-heading {
  font-size: 26px;
  color: #fff;
  margin-bottom: 0;
}

.panel-detail-header .blue-border-btn {
  height: 43px;
  font-size: 16px;
}

.panel-detail-header .info-icon {
  width: 16px;
  height: 16px;
}

.appearance-profile-img-new {
  width: 106px;
  height: 106px;
  line-height: 106px;
  margin-right: 35px;
  text-align: center;
  overflow: hidden;
  background: transparent;
  border: 1px solid #353b43;
}

.panel-detail-body .personal-appearance-media .title-lg,
.panel-detail-header .personal-appearance-media .title-lg {
  font-size: 22px;
  font-family: NeusaNextStd-Bold, sans-serif;
  margin-bottom: 4px;
}

.panel-detail-body .profile-category,
.panel-detail-header .profile-category {
  opacity: 1;
  font-size: 17px;
  color: #747c81;
}

.request-status {
  font-size: 18px;
  margin-top: 3px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.request-status span {
  margin-left: 10px;
  font-family: NeusaNextStd-Regular, sans-serif;
}

.panel-detail-body .new-theme-btn {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 16px;
}

.request-status small {
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 14px;
  opacity: 1;
  margin-left: 4px;
}

.panel-filter-list {
  display: flex;
  margin: 0;
  align-items: center;
}

.panel-detail-tabs .panel-filter-list {
  border-top: 2px solid #353b43;
  border-bottom: 1px solid #353b43;
  margin: 0 -25px 0 -25px;
  padding: 12px 35px;
}

.panel-filter-list .nav-item {
  margin-bottom: 0px;
  position: relative;
}

.panel-filter-list .nav-item.show .filter-btn-item,
.panel-filter-list .filter-btn-item.active {
  background: transparent;
  border: none;
}

.panel-filter-list .nav-link,
.panel-filter-list .nav-link:focus,
.panel-filter-list .nav-link:hover {
  border: none;
}

.field-values-outer {
  font-size: 18px;
  margin-bottom: 25px;
  position: relative;
  border-color: #353b43 !important;
}

.field-label-new {
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 5px;
}

.field-value-new {
  color: #747c81;
  word-break: break-word;
}

.field-value-new ul {
  list-style: disc outside none;
  padding-left: 15px;
}

.info-icon-grey {
  background-image: url("../images/info-icon-dark.svg");
  width: 19px;
  height: 19px;
  position: relative;
  cursor: pointer;
}

.field-values-outer .info-icon-grey {
  margin: -3px 0 0 3px;
}

.form-field-wrapper.field-values-outer .custom-control-label {
  line-height: 1;
  font-size: 18px;
  padding-left: 28px;
  font-family: NeusaNextStd-Regular, sans-serif;
}

.custom-checkbox .custom-control-label a {
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
}

.field-values-outer .custom-control {
  height: auto;
  line-height: 1;
}

.field-values-outer .custom-control-label::before {
  border-color: #757c81;
  width: 22px;
  height: 22px;
}

.field-values-outer
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: transparent;
  border-color: #757c81;
}

.field-values-outer .custom-control-label::after {
  width: 1.4rem;
  height: 1.4rem;
}

.panel-detail-footer {
  padding: 25px 25px 6px;
  border-top: 2px solid #353b43;
  margin: 0 -24px;
}

.panel-detail-footer .btn {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 16px;
  height: 43px;
  line-height: 44px;
  padding: 0 15px;
  min-width: 120px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
}

.panel-detail-tabs .message-by-others .message-text {
  background: #000;
  border: none;
}

.panel-detail-tabs .message-by-self .message-text {
  margin-left: auto;
  background: #1e2023;
  border: none;
}

.panel-detail-tabs .message-text {
  font-size: 17px;
}

.panel-detail-tabs .sender-img {
  background: #8399a7;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin-bottom: 37px;
  overflow: hidden;
  min-width: 34px;
}

.panel-detail-tabs .message-time {
  font-size: 14px;
  margin: 6px 0;
}

.panel-detail-tabs .send-message-outer {
  background: #1e2023;
  border-radius: 10px;
  padding: 10px 140px 10px 10px;
}

.panel-detail-tabs .chatbox-footer {
  padding: 10px 0 10px;
}

.panel-detail-tabs .send-message {
  background-color: transparent;
}

.field-value-new textarea.form-control {
  height: 200px;
  resize: none;
  padding: 15px 20px;
  background: #292a2d;
  border-color: #2f3135;
}

.field-value-new textarea.form-control.textarea-sm {
  height: 110px;
}

.action-col-new .btn-secondary,
.panel-detail-footer .btn-secondary,
.btn-secondary {
  background: #3e4147;
}

.action-col-new .btn-secondary:hover,
.action-col-new .btn-secondary:focus,
.action-col-new .btn-secondary:active,
.panel-detail-footer .btn-secondary:hover,
.panel-detail-footer .btn-secondary:focus,
.panel-detail-footer .btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background: #42474a;
}

.action-col-new .btn-secondary:focus {
  background: #3e4147;
}

.btn:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.delete-icon-white {
  background-image: url("../images/delete-icon-white.svg");
  width: 13px;
  height: 13px;
}

.edit-icon-white {
  background-image: url("../images/edit-icon-white.svg");
  width: 12px;
  height: 12px;
}

.field-info-outer {
  margin: 10px 0;
}

.field-info-text {
  color: #747c81;
}

.field-info-outer .btn-outline-secondary {
  background: #f0f2f5;
  border: 2px solid #747c81;
  border-radius: 7px;
  height: 38px;
  width: 38px;
  text-align: center;
  padding: 0;
  min-width: 38px;
  line-height: 36px;
}

.field-values-outer .btn-outline-secondary .info-icon-grey {
  margin: -3px 0 0 1px;
}

.field-value-new .custom-file-new.upload-profile-img .btn {
  height: calc(100% - 8px);
  border-radius: 6px;
  background: #747c81;
  font-size: 16px;
  min-width: 154px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.field-value-new .upload-profile-img label.form-control {
  margin: 0;
  line-height: 50px;
  padding-top: 0;
  padding-right: 170px;
}

.shoutout-col-with-text {
  width: 418px;
}

.shoutout-left-text {
  border-radius: 10px;
  padding: 40px 30px;
}

.shoutout-left-header .shoutout-profile-img {
  float: none;
  border-radius: 50%;
  display: inline-block;
  width: 114px;
  height: 114px;
}

.shoutout-left-header {
  text-align: center;
  padding-bottom: 25px;
  border-bottom: 1px solid #e1e2e4;
  margin-bottom: 25px;
}

.title-xl {
  font-size: 34px;
  font-family: NeusaNextStd-Bold, sans-serif;
  word-wrap: break-word;
  color: #e5e5e5;
}

.btn-secondary {
  border-radius: 6px;
  font-family: NeusaNextStd-Medium, sans-serif;
  height: 43px;
  line-height: 43px;
  padding: 0 15px;
  border-color: #3e4147;
}

.filter-scroll-outer .filter-list-new {
  padding: 0 0 10px;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.range-slider-outer {
  padding: 0 7px;
}

.btn-sidebar {
  display: none;
}

.range-value input {
  background: transparent;
  height: 30px;
  line-height: normal;
  border: none;
  width: calc(100% - 17px);
  display: inline-block;
  vertical-align: middle;
  margin: 2px 0 0 3px;
  color: #e5e5e5;
}

.social-btns,
.insta-button-outer button {
  height: 51px !important;
  background: #1da1f2;
  color: #fff;
  width: 100% !important;
  border-radius: 8px !important;
  font-family: NeusaNextStd-Medium, sans-serif !important;
  border: none !important;
  font-weight: normal !important;
}

.social-btns:hover,
.social-btns:focus,
.social-btns:active {
  color: #fff;
}

.insta-icon-white,
.insta-icon-grey {
  background-image: url("../images/insta-icon-white.svg");
  width: 16px;
  height: 16px;
  margin-right: 15px;
}

.insta-icon-white:hover,
.insta-icon-grey:hover {
  background-image: url("../images/insta-colored.svg");
}

.insta-icon-grey {
  background-image: url("../images/insta-icon-grey.svg");
}

.twitter-icon-white,
.twitter-icon-grey {
  background-image: url("../images/twitter-icon-white.svg");
  width: 18px;
  height: 15px;
  margin-right: 15px;
}

.twitter-icon-white:hover,
.twitter-icon-grey {
  background-image: url("../images/twitter-icon.svg");
}

.twitch-icon-white,
.twitch-icon-grey {
  background-image: url("../images/social-twitch-white.svg");
  width: 14px;
  height: 15px;
  margin-right: 15px;
}

.twitch-icon-grey {
  background-image: url("../images/social-twitch-grey.svg");
}

.google-icon-grey {
  background-image: url("../images/google-icon-grey.svg");
  width: 15px;
  height: 16px;
  margin-right: 15px;
}

.twitter-icon-grey {
  background-image: url("../images/twitter-icon-grey.svg");
}

.insta-button {
  background: rgba(0, 0, 0, 0)
    linear-gradient(
      rgb(101, 89, 202),
      rgb(188, 49, 143) 30%,
      rgb(227, 63, 95) 50%,
      rgb(247, 118, 56) 70%,
      rgb(254, 198, 109) 100%
    )
    repeat scroll 0% 0%;
  border-bottom: 0;
}

.social-added-btn {
  background: #fff;
  border: 2px solid #747c81;
  color: #3c5364;
  height: 51px;
  width: 100%;
  border-radius: 8px;
  text-align: left;
  padding: 0 20px;
}

.popup-forms div.css-yk16xz-control,
.popup-forms div.css-1pahdxg-control:hover,
.popup-forms div.css-1pahdxg-control,
.popup-forms div.css-1pahdxg-control:focus {
  min-height: 51px;
  background: #292a2d;
  border-color: #2f3135;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.shoutout-main-img {
  max-width: 418px;
  max-height: 414px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px;
}

.image-left-col-with-text .shoutout-profile-img {
  width: 68px;
  min-width: 68px;
  height: 68px;
  line-height: 68px;
}

.details-outer {
  font-size: 19px;
}

.field-in-grey {
  color: #747c81;
}

.value-in-blue {
  color: #e5e5e5;
}

.bold-font {
  font-family: NeusaNextStd-Medium, sans-serif;
}

.special-text {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 34px;
}

.title-new {
  font-size: 21px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.font-sm {
  font-size: 17px;
}

.details-outer .new-theme-btn {
  min-width: 220px;
  margin-top: 40px;
  font-size: 18px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.personal-appearance-form .field-label {
  margin-bottom: 15px;
}

.time-field .form-field-new .form-control,
.price-field-new .form-control,
.time-field .field-value-new .form-control {
  padding-right: 40px;
  background-image: url("../images/clock-icon-new.svg");
  background-repeat: no-repeat;
  background-position: 97% center;
}

.form-field-new .react-datepicker-wrapper::after {
  background-image: url("../images/calendar-icon-new.svg");
  width: 17px;
  height: 19px;
  top: 50%;
  margin-top: -10px;
  right: 12px;
}

.price-field-new .form-control {
  background-image: url("../images/dollar.svg");
  background-position: 92% center;
}

.request-icon {
  background-image: url("../images/request-icon.svg");
  width: 13px;
  height: 19px;
}

.analytics-info-text {
  position: absolute;
  top: -80px;
  z-index: 10;
  right: 0;
  background: #353b43;
  box-shadow: 0px 2px 9px #00000029;
  -webkit-box-shadow: 0px 2px 9px #00000029;
  -moz-box-shadow: 0px 2px 9px #00000029;
  -o-box-shadow: 0px 2px 9px #00000029;
  -ms-box-shadow: 0px 2px 9px #00000029;
  width: 406px;
  padding: 14px 20px;
  font-size: 18px;
  color: #e5e5e5;
  border-radius: 10px;
}

.triangle-with-shadow {
  width: 40px;
  height: 20px;
  overflow: hidden;
  background: transparent;
  position: absolute;
  bottom: -19px;
  right: 50px;
}

.triangle-with-shadow::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #353b43;
  transform: rotate(45deg);
  top: -9px;
  left: 7px;
  box-shadow: 2px 2px 8px #00000029;
  -webkit-box-shadow: 2px 2px 8px #00000029;
  -moz-box-shadow: 2px 2px 8px #00000029;
  -o-box-shadow: 2px 2px 8px #00000029;
  -ms-box-shadow: 2px 2px 8px #00000029;
}

.image-left-col-with-text {
  width: 418px;
}

.new-theme-btn.token-icon::before {
  background-image: url("../images/token-white.svg");
  position: static;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 18px;
  background-size: cover;
  margin-right: 10px;
}

.token-details-note small {
  font-size: 16px;
  display: block;
}

.merchant-profile-row .bordered-box-tile {
  height: 100%;
}

.new-theme-btn.token-icon {
  text-align: center;
  min-width: 170px;
}

.custom-slick-slider .slick-dots {
  display: none !important;
}

.if-empty:empty {
  display: none !important;
}

.no-data-found {
  color: #747c81;
  font-size: 24px;
  text-align: center;
  padding: 110px 0;
  background: #1e2023;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}

.slider-value-left {
  margin-right: 10px;
}

.slider-value-right {
  margin-left: 10px;
}

.popup-forms .css-chtgcy-container {
  margin-top: 0;
}

.meeting-page {
  min-height: auto;
}

.accordion-msg-window .sender-img img,
.header-chatbox .contact-image img {
  max-width: 34px;
  max-height: 34px;
  width: auto;
  height: auto;
}

.textarea.message-textarea.form-control {
  overflow: auto;
  min-height: 40px;
  line-height: 20px;
  max-height: 80px;
  height: auto;
}

.textarea[contenteditable]:empty::before {
  content: "Say Something...";
  color: #3c5364;
  opacity: 0.45;
}

.custom-url-field {
  background: #292a2d;
  border-radius: 0.25rem;
  padding: 10px 20px;
  align-items: center;
  height: 51px;
}

.custom-url-field .field-label {
  display: none;
}

.custom-url-field .form-field-wrapper {
  margin-bottom: 0;
}

.custom-url-field .form-field-new .form-control {
  height: auto;
  padding: 0;
  min-width: 150px;
}

.static-url {
  color: #747c81;
  white-space: nowrap;
}

.header-dropdown .dropdown-menu[x-placement^="bottom"] {
  bottom: auto;
  transform: translate(0) !important;
  inset: auto !important;
  right: 0px !important;
  left: auto !important;
  top: 100% !important;
  z-index: 999910;
  background: #212529;
}

.header-dropdown .dropdown-menu .dropdown-item {
  color: #e5e5e5;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background: #16181b;
}

.field-value .profile-icon {
  border-radius: 50%;
  line-height: 31px;
  overflow: hidden;
}

.profile-icon img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.card .action-btn-col .btn-secondary {
  line-height: 1;
}

.custom-calender .react-calendar__tile--now::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #1877f5;
  border-radius: 50%;
  bottom: 2px;
  left: 50%;
  margin-left: -3px;
}

.form-field-new .css-1rhbuit-multiValue {
  background: #1877f2;
  color: #fff;
  border-radius: 30px;
}

.form-field-new .css-12jo7m5 {
  color: #fff;
}

.signup-radios {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 80px;
}

.new-signup {
  padding: 50px 0;
}

.custom-radio-new input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.new-custom-toggle {
  background: #3e4147;
  width: 100%;
  text-align: center;
  padding: 0 20px;
  font-size: 24px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 0;
  position: relative;
  height: 92px;
  line-height: 92px;
  border-left: 1px solid #2e3034;
  cursor: pointer;
}

.custom-radio-new {
  width: 33.3%;
}

.custom-radio-new input:checked ~ .new-custom-toggle {
  background: #1877f2;
  color: #fff;
  border-radius: 10px;
  height: 105px;
  line-height: 105px;
}

.new-custom-toggle span {
  margin-right: 20px;
}

.celebencer-icon-new {
  background-image: url("../images/celebencer-blue.svg");
  width: 40px;
  height: 40px;
}

.custom-radio-new input:checked ~ .new-custom-toggle .celebencer-icon-new {
  background-image: url("../images/celebencer-white.svg");
}

.merchant-icon-new {
  background-image: url("../images/merchant-blue.svg");
  width: 40px;
  height: 40px;
}

.custom-radio-new input:checked ~ .new-custom-toggle .merchant-icon-new {
  background-image: url("../images/merchant-white.svg");
}

.fan-icon-new {
  background-image: url("../images/fan-blue.svg");
  width: 40px;
  height: 40px;
}

.custom-radio-new input:checked ~ .new-custom-toggle .fan-icon-new {
  background-image: url("../images/fan-white.svg");
}

.referer-icon-new {
  background-image: url("../images/referrer-icon.svg");
  width: 39px;
  height: 37px;
}

.custom-radio-new input:checked ~ .new-custom-toggle .referer-icon-new {
  background-image: url("../images/referrer-icon-white.svg");
}

.form-sections {
  background: #1e2023;
  opacity: 1;
  padding: 50px 30px;
  border-radius: 0 0 20px 20px;
}

.custom-radio-new input:checked ~ .new-custom-toggle::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #1877f2;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.register-profile.fan-profile-header {
  top: 50%;
  transform: translateY(-50%);
}

.radio-sm .radio-btn {
  height: 30px;
  line-height: 30px;
  min-width: 99px;
  color: #747c81;
  border: 1px solid #3e4147;
}

.card-number small {
  font-size: 100%;
  font-family: NeusaNextStd-Regular, sans-serif;
}

.footer-top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 40px 0;
  border-bottom: 1px solid #747c81;
  align-items: flex-end;
}

.footer-signup-section {
  display: flex;
}

.title-xs-new {
  font-size: 20px;
  margin-bottom: 17px;
}

.btn-border {
  width: 100%;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 6px;
}

.title-sm-new {
  font-size: 26px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.newsletter-tagline {
  color: #747c81;
  margin-bottom: 15px;
}

.newsletter-form {
  position: relative;
}

.newsletter-form .form-control {
  height: 50px;
  width: 100%;
  background: #111214;
  border-radius: 8px;
  border: none;
  padding-right: 156px;
  color: #e5e5e5;
}

.newsletter-form .form-control::-webkit-input-placeholder {
  color: #757c81;
}

.newsletter-form .form-control:-ms-input-placeholder {
  color: #757c81;
}

.newsletter-form .form-control::placeholder {
  color: #757c81;
}

.newsletter-form .new-theme-btn {
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  height: 44px;
  border-radius: 6px;
  min-width: 138px;
}

.newsletter-form .error {
  color: #ec6363;
}

.footer-bottom {
  padding-top: 20px;
}

.social-footer-list {
  display: flex;
}

.social-footer-list .twitter-icon-white {
  width: 24px;
  height: 20px;
  margin-right: 0;
}

.social-footer-list .insta-icon-white {
  width: 23px;
  height: 23px;
  margin-right: 0;
}

.wrapper-xs-new {
  max-width: 1100px;
  padding: 0 20px;
}

.thankyou-banner {
  background: url("../images/stars-with-dark-bg.png") no-repeat center center;
  width: 100%;
  background-size: cover;
  text-align: center;
  padding: 70px 0 152px;
}

.profile-pic {
  display: inline-block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  line-height: 120px;
  position: relative;
}

.profile-pic .common-img {
  width: 100%;
  height: 100%;
}

.blue-bg-tick {
  background-image: url("../images/blue-bg-tick.svg");
  width: 47px;
  height: 47px;
}

.booked-ok {
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
}

.thankyou-banner .page-title {
  color: #f0be00;
  text-transform: uppercase;
  margin: 50px 0 15px;
}

.thankyou-msg {
  font-size: 20px;
  color: #fff;
}

.thankyou-page-body {
  margin-top: -90px;
  padding-bottom: 90px;
}

.thankyou-page-body .title-sm-new {
  margin-bottom: 25px;
}

.thankyou-page-body .field-value-new {
  font-size: 16px;
}

.thankyou-page-body .field-values-outer {
  margin-bottom: 20px;
  font-size: 16px;
}

.thankyou-page-body .step::after {
  top: 40px;
}

.info-icon-blue {
  background-image: url("../images/info-icon-blue.svg");
  width: 18px;
  height: 18px;
}

/*--- added by manpreet -------*/
.all-search-form {
  margin-right: 20px;
}

.all-search-form input.form-control {
  height: 50px;
  padding-right: 26px;
  background: #111214;
  border-color: #2f3135;
  color: #e5e5e5;
}

.search-cross {
  position: absolute;
  right: 14px;
  top: 55%;
  transform: translateY(-50%);
  line-height: 17px;
  display: inline-block;
  font-size: 28px;
  color: #989797;
}

.dashboard-tab.nav-item {
  display: none;
}

.msg-popup-actions .btn {
  height: 40px;
  min-width: 100px;
  line-height: 40px;
}

.progress-outer {
  position: fixed;
  bottom: 30px;
  width: 400px;
  background: #1e2023;
  border-radius: 10px;
  overflow: hidden;
  right: 20px;
  z-index: 9999;
  box-shadow: 0px 0px 11px 8px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 11px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 11px 8px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 11px 8px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 11px 8px rgba(0, 0, 0, 0.1);
}

.progress-header {
  background: #1877f2;
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  align-items: center;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #fff;
}

.progress-body {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.progress-body .round-btn {
  background: #24bb88;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  text-align: center;
  line-height: 2rem;
}

.progress-body .tick-icon {
  width: 16px;
  height: 13px;
  background-image: url("../images/tick.svg");
}

.progress-header .cross-icon {
  cursor: pointer;
}

.progress-circle {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}

.file-name {
  width: 80%;
  word-break: break-word;
}

.progress-value {
  font-size: 12px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.down-arrow {
  transform: rotate(-135deg);
  margin-top: -5px;
}

.progressbar-outer {
  margin-top: 12px;
}

.progressbar-outer .progress {
  height: 22px;
  border-radius: 7px;
}

.progressbar-outer .progress-bar {
  border-radius: 7px;
}

.upload-modal .title-md {
  text-transform: none;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 26px;
}

.file-details {
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.upload-modal .modal-content {
  padding: 0;
}

.upload-percentage {
  color: #1877f2;
}

.upload-modal .modal-header {
  padding: 15px 30px;
}

.upload-modal .modal-body {
  padding: 25px 30px;
}

.upload-modal .modal-footer {
  border-top: 0;
  padding: 15px 30px 25px;
}

.upload-modal .btn-secondary {
  min-width: 120px;
  font-size: 18px;
}

.minus::before {
  content: "";
  background: url("../images/minus.svg");
  width: 14px;
  height: 3px;
  display: inline-block;
  vertical-align: middle;
}

.plus::before {
  content: "";
  background: url("../images/plus.svg");
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
}

.plus-minu-input .minus,
.plus-minu-input .plus {
  font-size: 0;
  line-height: 30px;
}

.action-col-new .btn,
.card .action-col-new .btn-secondary {
  height: 41px;
  font-size: 16px;
  font-family: NeusaNextStd-Bold, sans-serif;
  min-width: 120px;
  border-radius: 8px;
  padding: 0 10px;
  line-height: 41px;
}

.action-col-new .btn-danger + .btn-secondary {
  min-width: 85px;
}

.white-box-new {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.card .edit-profile-icon.round-btn {
  width: 30px;
  height: 30px;
  line-height: 30px;
  min-width: 30px;
  border-radius: 50%;
  padding: 0;
  background: #353b43;
}

.panel-details .white-box-new .switch.switch-sm {
  position: static;
}

.edit-price-popup .modal-content {
  box-shadow: 0px 0px 30px #00000026;
  -webkit-box-shadow: 0px 0px 30px #00000026;
  -moz-box-shadow: 0px 0px 30px #00000026;
  -o-box-shadow: 0px 0px 30px #00000026;
  -ms-box-shadow: 0px 0px 30px #00000026;
  border: 0;
  border-radius: 8px;
}

.edit-price-popup .modal-title {
  font-size: 22px;
}

.edit-price-popup .form-field-new .form-control {
  height: 35px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  padding: 8px 12px;
  font-size: 18px;
}

.edit-price-popup .price-field-new .form-control {
  background-size: 8px;
  background-position: 90% center;
  padding-right: 35px;
}

.edit-price-popup .field-label {
  font-size: 18px;
  font-family: NeusaNextStd-Regular, sans-serif;
  margin-bottom: 10px;
}

.edit-price-popup .form-field-wrapper {
  margin-bottom: 18px;
}

.edit-price-popup .new-theme-btn {
  height: 35px;
  line-height: 35px;
}

.pricelist-section {
  border-bottom: 1px solid #353b43;
  margin: 0 0px 0px 0;
  padding: 15px 25px;
}

.white-box-new .heading-sm {
  padding-right: 0;
}

.static-page-outer,
.static-page-inner {
  padding-top: 80px;
}

.page-title-lg {
  font-size: 50px;
  font-family: NeusaNextStd-Bold, sans-serif;
  text-align: center;
  margin-bottom: 0;
}

.static-sections .title-sm {
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 15px;
}

.static-page-para p {
  font-size: 19px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.static-page-para {
  margin-bottom: 50px;
}

.static-page-para li a {
  color: #1877f2;
  font-size: 20px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  word-wrap: break-word;
  white-space: break-spaces;
}

.static-page-para li {
  color: #e5e5e5;
  font-size: 20px;
  margin-bottom: 5px;
  white-space: nowrap;
}

.static-sections .title-md {
  text-transform: none;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 28px;
  margin-bottom: 20px;
}

.custom-pills.nav-pills .nav-link {
  font-size: 24px;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  padding: 10px 70px 10px 0;
  position: relative;
}

.custom-pills.nav-pills .nav-link.active,
.custom-pills.nav-pills .show > .nav-link {
  background: transparent;
  color: #2475de;
  font-weight: 600;
}

.custom-pills.nav-pills .nav-link::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-top: 2px solid #8d989e;
  border-right: 2px solid #8d989e;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  top: 49%;
  right: 30px;
}

.custom-pills.nav-pills .nav-link.active::after,
.custom-pills.nav-pills .show > .nav-link::after,
.custom-pills.nav-pills .nav-link:hover::after {
  border-color: #2475de;
}

.custom-pills {
  padding-right: 100px;
}

.tab-content-new {
  margin-left: -60px;
}

.text-accordion-header button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  text-align: left;
  border: none;
  font-size: 24px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #e5e5e5;
  background: transparent;
}

.text-accordion-header button .title {
  width: 85%;
  word-wrap: break-word;
}

.accordion-item {
  background: #1e2023;
  margin-bottom: 20px;
  border-radius: 10px;
}

.accordion-open .accordion-toggle-icon {
  background-image: url("../images/minus.svg");
  width: 22px;
  height: 3px;
}

.accordion-close .accordion-toggle-icon {
  background-image: url("../images/plus.svg");
  width: 22px;
  height: 22px;
}

.text-accordion-body {
  padding: 25px 40px;
  border-top: 1px solid #353b43;
  font-size: 20px;
  line-height: 1.6;
  word-wrap: break-word;
}

.pills-heading {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 30px;
  margin-bottom: 20px;
}

.faq-title {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 40px;
  margin-bottom: 30px;
}

.my-msg {
  align-items: flex-end !important;
  text-align: right;
  justify-content: flex-end;
}

.title-lg-new {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 42px;
}

.fan-sign-up .form-sections {
  padding: 0 30px 0 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}

.side-menu-nav .nav-link {
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  padding: 15px 20px;
  border-radius: 10px;
  margin-bottom: 5px;
  color: #6e818c;
}

.side-menu-nav .nav-link.active,
.side-menu-nav .show > .nav-link {
  color: #e5e5e5;
  background-color: #292a2d;
}

.settings-title {
  font-size: 32px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-color: #353b43 !important;
}

.settings-action-div {
  padding-top: 30px;
  text-align: right;
  border-color: #353b43 !important;
}

.settings-action-div .btn {
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  min-width: 218px;
  height: 50px;
  line-height: 50px;
}

.user-icon-blue,
.lock-icon-blue,
.card-icon-blue,
.bank-icon-blue,
.payout-icon-blue,
.transactions-icon-blue,
.wallet-icon {
  background-image: url("../images/user-icon-blue.svg");
  background-size: contain;
  width: 29px;
  height: 25px;
  vertical-align: text-bottom;
}

.lock-icon-blue {
  background-image: url("../images/lock-icon-blue.svg");
}

.card-icon-blue {
  background-image: url("../images/card-icon-blue.svg");
  margin-bottom: -3px;
}

.bank-icon-blue {
  background-image: url("../images/bank.svg");
}

.transactions-icon-blue {
  background-image: url("../images/transactions-icon.svg");
  margin-bottom: -2px;
}

.wallet-icon {
  background-image: url("../images/wallet-icon.svg");
  margin-bottom: -2px;
}

.settings-page-cards .custom-control-label::before,
.settings-page-cards .custom-control-label::after {
  content: none;
}

.settings-page-cards .card-details {
  margin: 0;
  display: flex;
  align-items: center;
}

.settings-page-cards .bank-name {
  font-size: 14px;
  margin-bottom: 0px;
  line-height: 1;
  letter-spacing: 0;
  color: #747c81;
}

.settings-page-cards .custom-control {
  padding: 0;
  width: 100%;
}

.bank-name {
  font-size: 20px;
  margin-bottom: 5px;
}

.card-icon-outer {
  display: inline-block;
  vertical-align: middle;
  background: #f0f2f5;
  text-align: center;
  width: 54px;
  height: 35px;
  line-height: 35px;
  border-radius: 6px;
}

.settings-page-cards .custom-control-label {
  display: block;
  width: 100%;
  border: 1px solid #353b43;
  padding: 20px 30px;
}

.settings-page-cards .card-number {
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 20px;
  letter-spacing: 3px;
}

.side-filter-list .custom-control-input:checked + .custom-control-label {
  background: transparent;
  color: #e5e5e5;
}

.settings-page-cards .custom-control-input:checked + .custom-control-label {
  background: #f9f9f9;
}

.settings-page-cards:nth-child(2) .custom-control .custom-control-label {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.settings-page-cards:last-child .custom-control .custom-control-label {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #353b43;
}

.settings-page-cards {
  position: relative;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}

.card-delete-btn,
.loader-outer {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 60px;
  top: 5px;
}

.save-card-title .plain-blue-link {
  font-family: NeusaNextStd-Medium, sans-serif;
  text-transform: none;
  font-weight: normal;
}

.form-group .css-2b097c-container .css-2613qy-menu {
  z-index: 10;
}

.field-value-new.form-field-new .form-control {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

.bank-details .title-sm {
  font-size: 23px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin: 20px 0 20px;
}

.field-value-new .deliverables-outer {
  background: #000;
  border-radius: 8px;
  border: none;
  padding: 25px 20px;
}

.field-value-new .deliverables-outer .form-control {
  background: #292a2d;
  border-color: #2f3135;
}

.panel-detail-body .field-value-new textarea.form-control {
  background: #292a2d;
  border: 1px solid #2f3135;
  resize: vertical;
  height: 110px;
  border-radius: 8px;
}

.input-field-note {
  color: #747c81;
  line-height: 1.4;
  margin-bottom: 10px;
}

.progressbar.payment-page-progress li::after {
  left: -58px;
}

.add-card-outer .field-with-bg {
  background: #292a2d;
  border: 1px solid #2f3135;
}

.bank-details .field-label-new {
  font-size: 18px;
  margin-top: 5px;
}

.tab-pane .advance-search-outer::before {
  content: none;
}

.custom-radio-new:first-child .new-custom-toggle {
  border-left: 0;
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
}

.custom-radio-new:last-child .new-custom-toggle {
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
}

.comment-icon-sm {
  background-image: url("../images/comments-sm.svg");
  height: 19px;
  width: 19px;
}

.celebrity-icon-sm {
  background-image: url("../images/celebencer-icon-sm.svg");
  height: 20px;
  width: 20px;
}

.bell-icon-sm {
  background-image: url("../images/notification-sm.svg");
  width: 18px;
  height: 20px;
}

.fan-signup-note {
  padding-left: 35px;
  position: relative;
}

.fan-signup-note span {
  position: absolute;
  left: 0;
  top: 3px;
}

.live-box-outer {
  position: absolute;
  top: 50%;
  right: 0;
  height: calc(100% - 4px);
  width: 310px;
  background: #fff;
  z-index: 51;
  transform: translateY(-50%);
}

.live-box-header {
  display: flex;
  justify-content: space-between;
  padding: 20px 25px;
  border-bottom: 1px solid #ececec;
  color: #747c81;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.live-box-body {
  padding: 30px 25px;
  text-align: center;
}

.timer-outer {
  font-size: 38px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin: 20px 0;
}

.livebox-radio .new-theme-btn {
  min-width: 155px;
  height: 39px;
  line-height: 38px;
}

.profile-pic-outer-xs {
  height: 70px;
  width: 70px;
  max-width: 70px;
  margin: 0 0 20px;
  border: 0;
}

.live-box-header span {
  font-size: 15px;
}

.livebox-radio {
  color: #ee2d2d;
}

.livebox-radio .custom-control-label::before {
  width: 19px;
  height: 19px;
  border-color: #ee2d2d;
  top: 0.15rem;
}

.livebox-radio .custom-control-label::after {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  top: 7px;
  left: -19px;
}

.livebox-radio .custom-control-input:checked + .custom-control-label {
  background: transparent;
}

.livebox-radio .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #ee2d2d;
  background-color: transparent;
}

.livebox-radio.custom-radio
  .custom-control-input:checked
  ~ .custom-control-label::after {
  background: #ee2d2d;
}

.input-field-note:empty {
  display: none;
}

.advance-search-fields .field-with-bg {
  background: #fff;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.advance-search-fields .checkbox-new-label {
  background: #f0f2f5;
  font-size: 18px;
  padding: 0 10px;
  height: 31px;
  line-height: 31px;
  margin: 0;
  font-family: NeusaNextStd-Regular, sans-serif;
}

.panel-detail-body .checkbox-new-label {
  padding: 0 15px;
}

.advance-search-fields .react-tagsinput {
  background: #fff;
  flex-wrap: wrap;
}

.advance-search-fields textarea.form-control {
  height: 80px;
}

.advance-search-fields .checkboxes-new {
  margin-right: 10px;
}

.saved-cards-outer .custom-control-input:checked + .custom-control-label {
  background: transparent;
}

.btn span.spinner-border {
  width: 1rem;
  height: 1rem;
  background: transparent;
  line-height: 1;
  padding: 0;
  vertical-align: middle;
  margin-top: -4px;
  border: 0.2em solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
  margin-left: 0 !important;
}

.custom-pagination-new .page-item .page-link,
.custom-pagination-new .page-item a {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  height: 50px;
  width: 50px;
  line-height: 50px;
  padding: 0;
  text-align: center;
  background: #3e4147;
  border-color: #757c81;
  color: #e5e5e5;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.custom-pagination-new .page-item {
  margin: 0 10px 3px;
}

.custom-pagination-new .page-item.active .page-link {
  background: #1878f3;
  color: #fff;
  border-color: #1878f3;
}

.custom-pagination-new .page-item:first-child .page-link {
  border: 1px solid #757c81;
}

.custom-pagination-new .page-item.prev-item .page-link,
.custom-pagination-new .page-item.next-item .page-link {
  width: auto;
  padding: 0 20px;
  border-radius: 28px;
  min-width: 132px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.custom-pagination-new .page-item.prev-item .page-link::before,
.custom-pagination-new .page-item.next-item .page-link::after {
  content: "";
  width: 16px;
  height: 13px;
  background-image: url("../images/back-arrow.svg");
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -4px;
}

.custom-pagination-new .page-item.next-item .page-link::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  margin-right: 0;
  margin-left: 10px;
}

.form-field-wrapper .info-icon-grey,
.field-values-outer .info-icon-grey {
  cursor: pointer;
  position: relative;
  z-index: 0;
}

.panel-body-section {
  border-top: 1px solid #dadada;
  padding-top: 30px;
  margin-top: 40px;
}

.panel-body-section .title-sm {
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 20px;
}

.how-works-body .appearance-section .inner-ul li {
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 3px;
  list-style: disc;
}

.note-inside-ul {
  font-family: NeusaNextStd-Regular, sans-serif;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
  display: none;
}

.age-field-outer .form-field-wrapper {
  margin: 0;
}

.age-field-outer .field-label {
  display: none;
}

.public-icon {
  background-image: url("../images/public-icon.svg");
  width: 13px;
  height: 13px;
}

.private-icon {
  background-image: url("../images/private-icon.svg");
  width: 10px;
  height: 14px;
}

.popup-forms .form-field-wrapper .d-flex.field-label {
  margin-bottom: 23px;
}

.public-private-outer {
  display: flex;
  background: #f0f2f5;
  min-width: 76px;
  height: 23px;
  padding: 0 9px;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  font-size: 14px;
  color: #3c5364;
  font-family: NeusaNextStd-Regular, sans-serif;
  line-height: 1;
}

.public-private-outer .custom-select {
  background: transparent;
  width: auto;
  padding: 0;
  height: auto;
  border: none;
  font-size: 14px;
  color: #3c5364;
  font-family: NeusaNextStd-Regular, sans-serif;
  line-height: 1;
  margin-left: 1px;
  margin-top: 2px;
}

.field-with-percent-icon {
  position: relative;
}

.field-with-percent-icon::after {
  content: "";
  position: absolute;
  background: url("../images/percent.svg") no-repeat;
  background-size: cover;
  width: 14px;
  height: 14px;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.field-with-percent-icon .form-control {
  padding-right: 45px;
}

.yellow-bulb-icon,
span.yellow-bulb-icon {
  background-image: url("../images/yellow-bulb-icon.svg");
  width: 27px;
  height: 27px;
}

.new-theme-btn span.yellow-bulb-icon {
  margin-left: -7px;
}

.field-label .yellow-bulb-icon {
  opacity: 1;
}

.tooltip-text {
  width: calc(100% - 35px);
  white-space: normal;
}

.tooltip-outer {
  max-width: 341px;
  width: 341px;
  background: #3d4147;
  box-shadow: 0px 1px 11px #00000029;
  -webkit-box-shadow: 0px 1px 11px #00000029;
  -moz-box-shadow: 0px 1px 11px #00000029;
  -o-box-shadow: 0px 1px 11px #00000029;
  -ms-box-shadow: 0px 1px 11px #00000029;
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  z-index: 1;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  right: 0;
  bottom: 100%;
  color: #e5e5e5;
  font-style: normal;
}

.modal-md-new .tooltip-outer {
  display: none;
}

.modal-md-new .right-field .field-label:hover .tooltip-outer,
.modal-md-new .left-field .field-label:hover .tooltip-outer {
  display: flex;
}

.right-field .tooltip-outer,
.left-field .tooltip-outer {
  right: -340px;
  top: -30px;
  height: auto;
  max-width: 300px;
  width: 100%;
  bottom: auto;
}

.left-field .tooltip-outer {
  left: -340px;
  top: 0;
}

.left-field .field-label:hover .tooltip-outer,
.right-field .field-label:hover .tooltip-outer {
  display: flex;
}

.left-field .tooltip-outer::after,
.right-field .tooltip-outer::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #fff;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
}

.right-field .tooltip-outer::after {
  border-left: none;
  border-right: 12px solid #fff;
  right: auto;
  left: -12px;
}

.new-signup .form-field-new .react-datepicker-wrapper .form-control {
  padding-right: 40px;
  background: #292a2d url("../images/calendar-icon-new.svg") no-repeat 95%
    center;
  cursor: pointer;
}

.new-signup .form-field-new .react-datepicker-wrapper::after {
  content: none;
}

.settings-action-div .btn.disabled,
.settings-action-div .btn:disabled {
  opacity: 0.45;
}

.plain-modal .custom-forms .form-sections {
  padding: 0;
}

.star-icon-sm {
  background-image: url("../images/star.svg");
  width: 20px;
  height: 20px;
}

.form-field-new .react-date-picker__wrapper {
  border: none;
  align-items: center;
}

.form-field-new .react-date-picker__button svg {
  display: none;
}

.form-field-new .react-date-picker__calendar-button.react-date-picker__button {
  background: #292a2d url("../images/calendar-icon-new.svg") no-repeat center;
  background-size: cover;
  width: 17px;
  height: 19px;
}

.btn.cursor-default,
.cursor-default.btn:not(:disabled):not(.disabled),
.cursor-default {
  cursor: default !important;
}

.modal-sm-new .appearance-section > ul {
  font-size: 16px;
}

.react-calendar__tile--now.custom_color:not(
    .react-calendar__tile--active
  ):hover {
  background: #292a2d !important;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

div.btn:not(:disabled):not(.disabled) {
  cursor: default;
}

.thankyou-banner-text .profile-pic .common-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}

.react-loading-skeleton.css-1eg0sfo-skeletonStyles-Skeleton,
.react-loading-skeleton.css-1q79kkk-skeletonStyles-Skeleton {
  width: 100% !important;
  height: auto !important;
}

.css-1eg0sfo-skeletonStyles-Skeleton,
.css-1q79kkk-skeletonStyles-Skeleton {
  background-color: #353b43 !important;
  background-image: linear-gradient(
    90deg,
    #353b43,
    #1e2023,
    #353b43
  ) !important;
}

.static-page-para strong {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-weight: normal;
}

.simple-list {
  list-style: disc none outside;
  padding-left: 25px;
  margin-bottom: 20px;
}

.static-page-para .simple-list li {
  font-size: 19px;
}

.form-field-wrapper .react-date-picker__calendar {
  z-index: 999;
  background: #fff;
}

.form-field-wrapper .react-calendar__year-view .react-calendar__tile,
.form-field-wrapper .react-calendar__decade-view .react-calendar__tile,
.form-field-wrapper .react-calendar__century-view .react-calendar__tile {
  padding: 1.2em 0.5em;
}

.button-radio .radio-input {
  z-index: 1;
  cursor: pointer;
}

.upload-modal .modal-footer .btn {
  font-size: 18px;
  min-width: 110px;
}

.category-page .filter-item {
  display: flex;
  flex-wrap: nowrap;
  min-width: 10px;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}

.filter-list-new .slick-slide:first-child li {
  display: flex !important;
  align-items: center;
}

/**css--written-by-vivek**/
.appearance-section--modifierul > li {
  font-weight: 700;
}

.appearance-section--modifier ul li li {
  font-weight: 500;
}

.appearance-section--modifier ul > li {
  font-size: 16px;
  font-weight: 500;
}

.appearance-section--modifier > ul > li,
.appearance-section--modifier > ul > li > ul > li {
  margin-bottom: 14px;
}

.mobile-tooltip {
  display: none;
}

.react-calendar__tile--now.custom_color abbr {
  color: #fff !important;
}

.react-calendar__tile--now.custom_color:not(.react-calendar__tile--active) {
  background: #222326 !important;
}

.page-banners img {
  width: 100%;
}

.subscription-checkout .payment-footer {
  position: relative;
  padding: 15px 0;
  margin-top: 30px;
}

.custom-tables-new .common-link {
  color: #1877f2;
  display: table-cell;
  padding: 0.75rem;
  vertical-align: middle;
  border-bottom: 1px solid #353b43;
}

.custom-tables-new td .common-link {
  border-bottom: 0;
  padding: 0;
}

.custom-tables-new .table .common-link td {
  border-bottom: 0;
}

.mobile-signup,
.mobile-links.navbar-nav {
  display: none;
}

.share-btn-tooltip {
  position: absolute;
  left: 28px;
  background: #1e2023;
  font-family: "NeusaNextStd-Regular", sans-serif;
  color: #fff;
  top: 20%;
  z-index: 3;
  padding: 5px;
  font-size: 14px;
  border-radius: 4px;
  display: none;
  min-width: 80px;
  white-space: nowrap;
  line-height: 21px;
}

.share-arrow.active + .share-btn-tooltip,
.share-arrow-new.active + .share-btn-tooltip {
  display: block;
}

.share-arrow-new + .share-btn-tooltip {
  top: -44px;
}

/* UV Store css here */
.uv-banner-text .white-box {
  max-width: 824px;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 20px;
  padding: 60px 40px 50px;
  line-height: 1.6;
}

.uv-banner-text .banner-title {
  font-family: AvenirNextLTPro-Bold, sans-serif;
  font-size: 52px;
  text-shadow: none;
  letter-spacing: 1.4px;
  margin-bottom: 30px;
}

.banner-subtitle {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 26px;
}

.right-side-header select.form-control {
  background-color: #f0f2f5;
  max-width: 245px;
  height: 50px;
  color: #747c81;
  border: none;
  border-radius: 8px;
  font-size: 16px;
}

.arrow-icon-up,
.arrow-icon-down {
  background-image: url("../images/arrow-up.svg");
  width: 16px;
  height: 9px;
  transition: all 0.1s ease-in 0s;
}

.arrow-icon-down {
  transform: rotate(-180deg);
}

.side-filter-list .round-checkboxes .custom-control-label::before,
.side-filter-list .round-checkboxes .custom-control-label::after {
  border-radius: 50%;
}

.side-filter-list
  .round-checkboxes
  .custom-control-input:checked
  ~ .custom-control-label::after {
  width: 13px;
  height: 13px;
  background: #007bff;
  top: 9px;
  left: -19px;
}

.side-filter-list
  .round-checkboxes
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: transparent;
}

.side-filter-list.filters-with-scroll {
  overflow-y: auto;
  max-height: 330px;
  scrollbar-color: #747c81 transparent;
  scrollbar-width: thin;
}

.advance-search-fields.search-select div.css-yk16xz-control,
.advance-search-fields.search-select div.css-1pahdxg-control:hover,
.advance-search-fields.search-select div.css-1pahdxg-control,
.advance-search-fields.search-select div.css-1pahdxg-control:focus {
  color: #8e979c;
  min-width: 265px;
  height: 100%;
  padding: 0 8px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
  font-family: NeusaNextStd-Medium, sans-serif;
  border: 1px solid #3c536463;
}

.search-select .css-1uccc91-singleValue {
  color: #e5e5e5 !important;
}

.common-card-price-bottom del {
  color: #747c81;
}

.right-side-header .search-form {
  margin-right: 15px;
  max-width: 100%;
}

.filters-with-scroll::-webkit-scrollbar {
  width: 3px;
}

.filters-with-scroll::-webkit-scrollbar-track {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.filters-with-scroll::-webkit-scrollbar-thumb {
  background-color: #dadada;
  outline: 1px solid #dadada;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

body div::-webkit-scrollbar {
  width: 3px;
}

body div::-webkit-scrollbar-track {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

body div::-webkit-scrollbar-thumb {
  background-color: #dadada;
  outline: 1px solid #dadada;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.twitch-button {
  background: #9147ff;
}

.youtube-btn-outer button {
  height: 49px !important;
  padding: 0 15px !important;
  width: 100% !important;
  border-radius: 8px !important;
  font-family: NeusaNextStd-Medium, sans-serif !important;
  box-shadow: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.24) !important;
}

.insta-button-outer button {
  height: 51px !important;
  width: 100% !important;
  border-radius: 8px !important;
  font-family: NeusaNextStd-Medium, sans-serif !important;
  border: none !important;
  font-weight: normal !important;
}

.commission-earnings {
  font-size: 20px;
  color: #8a979f;
}

.commission-earnings strong {
  font-size: 30px;
  vertical-align: middle;
  margin-left: 7px;
  color: #e5e5e5;
  font-family: NeusaNextStd-Bold, sans-serif;
  font-weight: normal;
}

.colored-lock-icon,
.crown-icon,
.schedule-icon,
.private-meeting-icon,
.send-offer-icon,
.event-icon,
.sample-icon,
.approve-icon,
.find-product-icon,
.send-request-icon,
.due-date-icon,
.buy-token-icon,
.intract-celebrity-icon,
.submit-sample-post,
.post-proof,
.get-paid,
.accept-offer-icon,
.create-package-icon,
.public-shopify-icon,
.public-shipping-cost,
.public-agent,
.public-approve-sample,
.public-approve-post,
.public-go-live,
.public-live,
.public-send-invite,
.choose-products,
.sell-products,
.purchase-icon {
  display: block;
  margin: 0 auto 30px;
  width: 80px;
  height: 80px;
}

.purchase-icon {
  background-image: url("../images/purchase-icon.svg");
  width: 94px;
}

.sell-products {
  background-image: url("../images/sell-products.svg");
  width: 97px;
}

.choose-products {
  background-image: url("../images/choose-product.svg");
  width: 83px;
}

.public-shopify-icon {
  background-image: url("../images/public-shopify-icon.svg");
  width: 71px;
}

.public-shipping-cost {
  background-image: url("../images/public-shipping-cost.svg");
  width: 62px;
}

.public-agent {
  background-image: url("../images/public-agent.svg");
  width: 64px;
}

.public-approve-sample {
  background-image: url("../images/public-approve-sample.svg");
  width: 100px;
}

.public-approve-post {
  background-image: url("../images/public-approve-post.svg");
  width: 85px;
}

.public-go-live {
  background-image: url("../images/public-go-live.svg");
  width: 74px;
  height: 74px;
}

.public-send-invite {
  background-image: url("../images/public-send-invite.svg");
}

.public-live {
  background-image: url("../images/public-live.svg");
  width: 74px;
  height: 74px;
}

.colored-lock-icon {
  background-image: url("../images/colored-lock.svg");
}

.crown-icon {
  background-image: url("../images/crown-icon.svg");
}

.schedule-icon {
  background-image: url("../images/schedule-icon.svg");
}

.schedule-icon-new {
  background-image: url("../images/schedule-icon-new.svg");
  width: 98px;
  height: 82px;
}

.private-meeting-icon {
  background-image: url("../images/private-meeting-icon.svg");
}

.private-meeting-new {
  background-image: url("../images/private-meeting-new.svg");
  width: 88px;
  height: 72px;
}

.send-offer-icon {
  background-image: url("../images/send-offer-icon.svg");
}

.send-offer-new {
  background-image: url("../images/send-offer-new.svg");
  width: 97px;
  height: 86px;
}

.event-icon {
  background-image: url("../images/event-icon.svg");
}

.event-icon-new {
  background-image: url("../images/event-icon-new.svg");
  width: 91px;
  height: 82px;
}

.sample-icon {
  background-image: url("../images/sample-icon.svg");
}

.approve-icon {
  background-image: url("../images/approve-icon.svg");
}

.find-product-icon {
  background-image: url("../images/find-product-icon.svg");
}

.send-request-icon {
  background-image: url("../images/send-request-icon.svg");
  width: 72px;
  height: 82px;
}

.send-request-new {
  background-image: url("../images/send-request-new.svg");
  width: 78px;
  height: 85px;
}

.due-date-icon {
  background-image: url("../images/due-date-icon.svg");
  width: 72px;
  height: 78px;
}

.due-date-new {
  background-image: url("../images/due-date-new.svg");
  width: 77px;
  height: 74px;
}

.buy-token-icon {
  background-image: url("../images/buy-token.svg");
}

.buy-token-new {
  background-image: url("../images/buy-token-new.svg");
  width: 106px;
  height: 84px;
}

.intract-celebrity-icon {
  background-image: url("../images/intract-celebrity.svg");
}

.intract-celebrity-new {
  background-image: url("../images/intract-celebrity-new.svg");
  width: 88px;
  height: 72px;
}

.submit-sample-post {
  background-image: url("../images/submit-sample-post.svg");
  width: 77px;
  height: 77px;
}

.submit-sample-new {
  background-image: url("../images/submit-sample-new.svg");
  width: 87px;
  height: 68px;
}

.post-proof {
  background-image: url("../images/post-proof.svg");
  width: 92px;
  height: 74px;
}

.submit-proof-new {
  background-image: url("../images/submit-proof-new.svg");
  width: 87px;
  height: 74px;
}

.get-paid {
  background-image: url("../images/get-paid.svg");
  width: 78px;
  height: 77px;
}

.get-paid-new {
  background-image: url("../images/get-paid-new.svg");
  width: 76px;
  height: 74px;
}

.accept-offer-icon {
  background-image: url("../images/accept-offer-icon.svg");
  width: 82px;
  height: 82px;
}

.create-package-icon {
  background-image: url("../images/create-package-icon.svg");
  width: 74px;
  height: 82px;
}

.custom-toggle-new.nav-tabs .nav-link {
  height: 65px;
  line-height: 65px;
  padding: 0 15px;
  min-width: 240px;
  font-size: 24px;
  border-radius: 0;
}

.custom-toggle-new.nav-tabs .btn:first-child {
  border-radius: 50px 0 0 50px;
}

.custom-toggle-new.nav-tabs .btn:last-child {
  border-radius: 0 50px 50px 0;
}

.custom-toggle-new.nav-tabs .nav-link:hover {
  border-color: #5e5e5e;
}

.panel-location {
  border-bottom: 1px solid #353b43;
  margin: 0 0px 30px 0;
  padding: 0 25px 0 25px;
}

.plain-btn span {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 5px;
  line-height: 22px;
}

.theme-bg {
  background-color: #1877f2;
}

.theme-color {
  color: #1877f2;
}

.plain-btn {
  color: #1877f2;
  padding: 0;
  font-size: 18px;
}

.location-grey {
  background-image: url("../images/location-grey.svg");
  width: 14px;
  min-width: 14px;
  height: 20px;
}

.location-yellow {
  background-image: url("../images/location-yellow.svg");
  width: 17px;
  height: 23px;
}

.location-outer {
  font-size: 18px;
  color: #1877f2;
  margin: 6px 0 20px;
  cursor: pointer;
}

.location-outer span {
  margin-right: 10px;
  margin-top: 2px;
}

.single-card-outer {
  max-width: 498px;
  margin: 0 auto;
}

.single-card-outer .white-box {
  padding: 8px;
}

.single-card-outer .profile-pic-outer {
  width: 106px;
  height: 106px;
  line-height: 98px;
  border-width: 4px;
  border-radius: 50%;
  margin-top: -56px;
}

.single-card-outer .card-title {
  font-size: 26px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.single-card-outer .card-text {
  font-size: 18px;
}

.single-card-outer .card-footer {
  background: transparent;
  border: 0;
  padding: 25px 0;
}

.single-card-outer .card-footer .btn {
  height: 50px;
  min-width: 154px;
  font-size: 20px;
  line-height: 50px;
  border-radius: 8px;
}

.static-pages .row {
  margin: 0 -8px;
}

.static-pages [class^="col-"],
.static-pages [class*=" col-"] {
  padding: 0 8px;
}

.product-package-media {
  padding: 20px 0;
  align-items: center;
}

.package-img-outer {
  border-radius: 15px;
  overflow: hidden;
  display: inline-block;
}

.product-packge-img-new {
  width: 65px;
  height: 65px;
  line-height: 59px;
  margin-right: 20px;
  text-align: center;
  min-width: 65px;
}

.product-package-media .title-lg {
  font-size: 22px;
  font-family: NeusaNextStd-Bold, sans-serif;
  color: #e5e5e5;
  line-height: 1.2;
  margin-bottom: 0;
}

.hashtags {
  color: #1877f2;
  font-size: 18px;
}

.package-details-new {
  padding-left: 20px;
}

.package-details-new .border-left:nth-child(4) {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  border-left: none !important;
  border-right: 1px solid;
  margin-right: -1px;
}

.package-detail-outer {
  font-size: 18px;
}

.package-detail-label {
  color: #70818d;
}

.package-social-list li {
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #70818d;
  margin-right: 15px;
  margin-bottom: 5px;
  white-space: nowrap;
}

.package-social-list li span {
  margin-top: -3px;
}

.package-price-outer {
  font-size: 18px;
  padding: 16px 0;
}

.package-price-outer label {
  font-family: NeusaNextStd-Bold, sans-serif;
  display: inline;
}

.package-price {
  color: #24bb88;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 32px;
}

.package-detail-outer .new-theme-btn {
  font-size: 20px;
  font-family: NeusaNextStd-Bold, sans-serif;
  height: 50px;
  line-height: 50px;
  margin-top: 20px;
}

.package-detail-outer .form-label,
.deliverable-section .title-sm {
  font-size: 22px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.package-deliverable-outer {
  margin-top: 35px;
  border-top: 1px solid #4b5460 !important;
  padding-top: 30px;
}

.deliverable-images img {
  max-height: 95px;
  max-width: 95px;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 6px;
}

.deliverable-section {
  margin-bottom: 30px;
  font-size: 18px;
}

.list-with-disc {
  list-style: disc outside none;
  padding-left: 17px;
}

.list-with-disc li {
  margin-bottom: 10px;
}

.personal-appearance-form .add-more-outer {
  float: none;
  font-size: 16px;
  margin-right: 0;
  margin-top: 4px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.grey-pills {
  background: #3e4147;
  padding: 0 10px;
  margin: 5px 10px 5px 0;
  min-width: 54px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
}

.grey-pills.active {
  background: #1877f2;
  color: #fff;
}

.color-variation::before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -2px;
}

.color-variation.blue::before {
  background: #1877f2;
}

.color-variation.red::before {
  background: #e81a1a;
}

.color-variation.green::before {
  background: #20d65d;
}

.color-variation.yellow::before {
  background: #ffca00;
}

.image-navbar {
  margin-right: 40px;
}

.bold-tagline {
  font-size: 20px;
  font-family: NeusaNextStd-Bold, sans-serif;
  color: #8e979c;
}

.f-24 {
  font-size: 24px !important;
}

.f-20 {
  font-size: 18px !important;
}

.f-18 {
  font-size: 18px !important;
}

.f-16 {
  font-size: 16px !important;
}

.f-14 {
  font-size: 14px !important;
}

.package-name {
  font-family: NeusaNextStd-Medium, sans-serif;
}

.package-name span {
  word-break: break-word;
}

.purchase-package-media label {
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #70818d;
  margin-bottom: 0;
}

.border-10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}

.purchase-package-media {
  padding-bottom: 16px;
  border-bottom: 1px solid #4b5460;
}

.purchase-package-new .package-detail-value {
  padding-left: 16px;
}

.purchase-package-new {
  font-size: 15px;
}

.purchase-package-new .d-table-cell {
  padding: 3px 0;
}

.purchase-package-new .deliverable-section {
  font-size: 15px;
}

.purchase-package-new .deliverable-section img {
  max-width: 57px;
  max-height: 57px;
}

.card-body-new .bg-grey {
  background: #111214;
}

.field-value-new a {
  color: #1877f2;
}

.shopify-suggestion-box {
  position: absolute;
  background: #fff;
  left: 0;
  width: 100%;
  padding: 20px;
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  display: none;
  z-index: 1;
}

.shopify-suggestion-box.active {
  display: block;
}

.shopify-suggestion-box ul {
  overflow-y: scroll;
  max-height: 170px;
}

.custom-accordion .panel-detail-tabs .card,
.custom-accordion .panel-detail-tabs .card-header {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  background: transparent;
  border-radius: 0;
  position: relative;
}

.custom-accordion .panel-detail-tabs .accordion {
  margin-top: -35px;
}

.borderR-6 {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
}

.custom-accordion .panel-detail-tabs .card {
  margin: 0 -30px 0 -25px;
  background: #17181b;
}

.custom-accordion .panel-detail-tabs .card-header {
  padding: 35px 25px;
  padding-right: 58px;
}

.custom-accordion .panel-detail-tabs .card-body {
  padding: 30px 25px 25px;
  z-index: 0;
}

.deliverable-lg img {
  max-width: 140px;
  max-height: 140px;
  border-radius: 6px;
}

.detail-section-padding {
  padding: 0px 35px 0px;
  margin: 0 -24px 0 -35px;
  border-color: #353b43 !important;
}

.custom-accordion .panel-detail-tabs .card-header::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-left: 2px solid #747c81;
  border-bottom: 2px solid #747c81;
  transform: rotate(-45deg) translateY(-50%);
  -webkit-transform: rotate(-45deg) translateY(-50%);
  -moz-transform: rotate(-45deg) translateY(-50%);
  -o-transform: rotate(-45deg) translateY(-50%);
  -ms-transform: rotate(-45deg) translateY(-50%);
  right: 30px;
  top: 50%;
  transition: all 0.2s ease-in 0s;
}

.custom-accordion .panel-detail-tabs .card-header.accordion-open::after {
  transform: rotate(133deg) translateY(-50%);
  right: 39px;
  top: 49%;
}

.custom-accordion .panel-detail-tabs .card-header-analytics {
  padding: 20px 55px 20px 35px;
  z-index: 0;
}

.panel-detail-tabs .card-header .personal-appearance-media {
  padding-right: 25px;
}

.icon-insta-grey {
  background-image: url("../images/insta-icon-grey.svg");
  width: 19px;
  height: 19px;
  opacity: 0.7;
}

.icon-fb-grey {
  background-image: url("../images/facebook.svg");
  width: 9px;
  height: 19px;
  opacity: 0.6;
}

.icon-twitr-grey {
  background-image: url("../images/twitter-icon-grey.svg");
  width: 20px;
  height: 17px;
  opacity: 0.6;
}

.icon-youtube-grey {
  background-image: url("../images/youtube-new.svg");
  width: 20px;
  height: 14px;
  opacity: 0.6;
}

.due-date-calender {
  background-image: url("../images/due-date-calender.svg");
  width: 19px;
  height: 19px;
}

.offer-deliverables .field-label {
  display: none;
}

.offer-deliverables .form-field-wrapper {
  margin-bottom: 0;
}

.offer-deliverables .add-more-outer .color-red {
  font-size: 16px;
  margin-bottom: 5px;
}

.footer-menu li:first-child .nav-link {
  padding-left: 0;
}

.field-value-new.form-field-new .react-date-picker {
  background: #292a2d;
  padding: 10px 20px;
}

.filters-accordion .card {
  background: transparent;
  border: none;
}

.filters-accordion .card-header {
  padding: 0;
  border: 0;
  background: transparent;
}

.filters-accordion .card-body {
  padding: 0;
}

.shout-out-request-outer .white-box {
  z-index: 102;
}

.image-navbar img {
  height: auto;
}

.marketplace-card .card-img {
  height: 260px;
}

.marketplace-card .card-img > img,
.live-sales-card .card-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.marketplace-card.market-card-sm .card-img {
  height: 300px;
}

.long-label {
  width: calc(100% - 22px);
}

.message-by-others:last-child {
  margin-bottom: 15px;
}

.back-btn-new {
  background: #1877f2;
}

.custom-tables-new .p-0 .common-link {
  padding: 0.75rem;
  display: inline-block;
  vertical-align: middle;
}

.bg-grey .panel-detail-body {
  /*max-height: 750px; overflow-y: auto;*/
  padding-right: 25px;
  padding-left: 25px;
  /*overflow-x: hidden;scrollbar-color: #aaa #eee;*/
}

.delete-package-modal .modal-dialog {
  max-width: 442px;
}

.delete-package-modal {
  font-size: 18px;
}

.delete-bin-outer {
  width: 190px;
  height: 190px;
  line-height: 168px;
  padding: 10px;
  background: #111214;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  margin: 0 auto 30px;
  text-align: center;
}

.delete-bin-outer.set-primary {
  width: 150px;
  height: 150px;
}

.delete-bin-outer.set-primary .token-icon-sm {
  width: 60px;
  height: 57px;
}

.delete-bin {
  background-image: url("../images/delete-bin.svg");
  width: 78px;
  height: 104px;
}

.icon-approve {
  background-image: url("../images/icon-approve.svg");
  width: 78px;
  height: 104px;
}

.video-chatend {
  background: url("../images/icons8-no-video-96.png");
  width: 96px;
  height: 96px;
}

.modal-action-btns-new .btn {
  min-width: 156px;
  height: 42px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
  line-height: 42px;
  padding: 0 15px;
}

.delete-package-modal .close {
  font-size: 48px;
  opacity: 1;
  margin: 0 0 0 auto;
  padding: 20px 10px 0;
  position: relative;
  z-index: 1;
}

.no-message-window {
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 50px;
  min-height: 400px;
}

.no-msg-img {
  margin: 0 auto;
  max-width: 340px;
  color: #d0d3d4;
}

.no-msg-img .heading {
  margin: 20px 0 10px;
  color: #99a0aa;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.row-active td {
  position: static;
}

.row-active td:last-child::after {
  /* content: ""; */
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 15px solid #fff;
  position: absolute;
  top: 240px;
  right: -15px;
  z-index: 1;
  transform: translateY(-50%);
}

.form-field-new {
  position: relative;
}

.word-limit {
  position: absolute;
  right: 10px;
  bottom: 3px;
  font-size: 13px;
  line-height: 1;
  color: #969696;
}

.form-control.is-invalid + .word-limit {
  bottom: 28px;
}

.fan-request-outer .form-field-wrapper .custom-control-label {
  font-family: "NeusaNextStd-Regular", sans-serif;
}

.fan-request-outer .custom-control-input:checked + .custom-control-label {
  background: transparent;
}

.loader-img-outer {
  min-height: 495px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader-inner {
  width: 51px;
  height: 51px;
  background: url("../images/loading.gif") no-repeat;
  display: inline-block;
}

.gallery-row-new {
  flex-wrap: nowrap;
  overflow: hidden;
}

.gallary-detail,
.gallery-list {
  transition: all 0.2s ease-in 0s;
}

.gallary-detail.detail-close {
  left: 100%;
}

.gallary-detail {
  left: 0;
}

.gallery-list.list-open {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

.list-open .uploaded-files .col-md-3 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.locations-list {
  margin-bottom: 10px;
}

.location-item {
  background: #1877f2;
  color: #fff;
  margin: 3px 15px 7px 0;
  padding: 0px 10px;
  height: 23px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  border-radius: 4px;
}

.location-close {
  position: relative;
  width: 10px;
  height: 10px;
  opacity: 0.6;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  cursor: pointer;
}

.location-close:hover {
  opacity: 1;
}

.location-close::before,
.location-close::after {
  position: absolute;
  left: 4px;
  content: " ";
  height: 10px;
  width: 2px;
  background-color: #fff;
  top: -1px;
}

.location-close:before {
  transform: rotate(45deg);
}

.location-close:after {
  transform: rotate(-45deg);
}

.image-view {
  margin-bottom: 30px;
  border-radius: 8px;
  overflow: hidden;
  max-height: 250px;
  width: 200px;
}

.image-view img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.subscribe-outer {
  background: #353b43;
  border-radius: 8px;
  height: 66px;
  line-height: 66px;
  padding: 0 20px;
  font-size: 22px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-bottom: 25px;
}

.subscribe-outer span {
  color: #e5e5e5;
}

.subscribe-outer small {
  font-family: NeusaNextStd-Regular, sans-serif;
  color: #747c81;
}

.email-addr {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 15px;
}

.social-added-btn-new {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.disconnect-link {
  color: #007bff;
  background: transparent;
  border: none;
  font-size: 13px;
}

.youtube-btn-outer button.disconnect-link {
  height: auto !important;
  padding: 0 !important;
  width: auto !important;
  font-family: NeusaNextStd-Regular, sans-serif !important;
  border: none !important;
}

.close-search {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  opacity: 0.4;
  transform: translateY(-50%);
  cursor: pointer;
}

.close-search:hover {
  opacity: 0.8;
}

.close-search::before,
.close-search::after {
  position: absolute;
  left: 9px;
  content: " ";
  height: 20px;
  width: 2px;
  background-color: #e5e5e5;
}

.close-search:before {
  transform: rotate(45deg);
}

.close-search:after {
  transform: rotate(-45deg);
}

.custom-accordion .panel-detail-tabs .card-header.open::after {
  transform: rotate(135deg);
  right: 19px;
}

.social-added-btn-new a {
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.side-filter-list.disabled {
  pointer-events: none;
}

.search-white-icon {
  background-image: url(../images/search.svg);
  width: 18px;
  height: 18px;
}

.advance-search-fields .btn i {
  margin-top: -2px;
}

.pac-container {
  z-index: 100000 !important;
}

.search-help-outer {
  background: #313131;
  padding: 15px 20px;
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  z-index: 1000;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.06);
}

.serch-help-list li {
  margin-bottom: 18px;
}

.white-box-lg .social-info-list li a {
  max-width: 150px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  color: #babfc5;
}

.search-img {
  border-radius: 50%;
  overflow: hidden;
}

.no-searchimg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f1f2f6;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.search-area {
  align-items: center;
  font-size: 17px;
  font-family: NeusaNextStd-Medium, sans-serif;
  line-height: 1;
  color: #e5e5e5;
}

.search-bio {
  font-size: 15px;
  color: #747c81;
}

.areaConc-search-item {
  text-align: center;
  padding: 16px 10px 14px;
  background: #111214;
  display: inline-block;
  width: 100%;
  border-radius: 10px;
  font-size: 17px;
  font-family: NeusaNextStd-Medium, sans-serif;
  text-transform: capitalize;
}

.areaConc-search-list {
  margin: 0 -8px;
}

.areaConc-search-list li[class*="col-"] {
  padding: 0 8px;
}

.areaConc-img-outer img {
  margin-left: -12px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.areaConc-img-outer .img1 {
  margin: 0;
}

.areaConc-img-outer {
  margin-bottom: 10px;
}

.areaConc-search-item:hover {
  background: #1877f2;
  color: #fff;
}

.search-type-title {
  font-size: 20px;
  font-family: NeusaNextStd-Bold, sans-serif;
  margin: 5px 0 18px;
}

.serch-help-list .no-data-found {
  padding: 11px;
  font-size: 16px;
}

.uploaded-files .heading-md {
  font-size: 26px;
  letter-spacing: 0px;
}

.list-open .heading-md {
  display: none;
}

.add-availability {
  text-transform: capitalize;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #1877f2;
  font-weight: normal;
  padding: 0;
}

.add-availability:hover {
  color: #e5e5e5;
}

.add-availability .add-symbol {
  font-size: 30px;
  display: inline-block;
  font-family: NeusaNextStd-Regular, sans-serif;
  vertical-align: middle;
  margin-right: 7px;
  margin-top: 4px;
  line-height: 1;
}

.panel-details .loader-img-outer {
  min-height: 70px;
}

.card-delete-icon.delete-image {
  width: 14px;
  height: 16px;
  background-image: url("../images/delete-icon-grey.svg");
  margin-top: -3px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

.card-delete-icon.delete-image::before {
  content: none;
}

.file-upload-outer .custom-file-upload {
  border-width: 2px;
  border-radius: 10px;
  font-size: 17px;
  color: #9da5a8;
  letter-spacing: -0.5px;
  margin-bottom: 0;
}

.custom-file-upload label {
  font-size: 17px;
  color: #9da5a8;
  letter-spacing: -0.5px;
  margin: 0;
}

.uploader-icon {
  background-image: url("../images/uploader-icon.svg");
  width: 32px;
  height: 32px;
}

.file-upload-outer .custom-file-upload span {
  opacity: 1;
  margin-bottom: 10px;
}

.delete-image-new {
  display: flex;
  flex-wrap: wrap;
}

.uploaded-img {
  margin-right: 10px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  height: 120px;
  width: 120px;
  margin-bottom: 15px;
}

.uploaded-img img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cancel-img {
  position: absolute;
  z-index: 2;
  height: 22px !important;
  width: 22px;
  background: #fff;
  border: 0;
  right: 2px;
  top: 2px;
  border-radius: 50%;
}

.cancel-img .close-search {
  right: 3px;
  width: 16px;
  height: 16px;
  opacity: 1;
}

.cancel-img .close-search::before,
.cancel-img .close-search::after {
  left: 7px;
  height: 16px;
  background-color: #3c5364;
}

.add-files-outer .plus-icon-new {
  opacity: 1;
  background-image: url("../images/plus.svg");
  width: 29px;
  height: 29px;
}

.add-files-outer .custom-file-upload {
  border-width: 2px;
  width: 120px;
  height: 120px;
  font-size: 16px;
  padding: 27px 10px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  font-family: NeusaNextStd-Regular, sans-serif;
  line-height: 1;
}

.min-price {
  background: #fff;
  color: #000;
  font-size: 15px;
  font-family: NeusaNextStd-Medium, sans-serif;
  margin-left: 10px;
  padding: 5px 8px;
  border-radius: 4px;
}

.form-field-wrapper .slot-radios .custom-control-label {
  padding: 0 10px;
  background: #292a2d;
  border: none;
  height: 51px;
  line-height: 53px;
  font-family: NeusaNextStd-Regular, sans-serif;
  cursor: pointer;
}

.video-icon-new {
  background-image: url("../images/video-icon-grey.svg");
  width: 23px;
  height: 14px;
}

.active .video-icon-new {
  background-image: url("../images/video-icon-white.svg");
}

.time-slots-outer {
  margin-bottom: 15px;
}

.text-md {
  font-size: 20px;
}

.field-label-lg {
  font-size: 22px;
}

.primary-card {
  background: #24bb88;
  color: #fff;
  padding: 2px 12px;
  font-family: NeusaNextStd-Medium, sans-serif;
  border-radius: 8px;
  align-self: flex-start;
  margin-left: 20px;
  white-space: nowrap;
}

.primary-btn-absolute {
  right: 15px;
  top: 7px;
}

.border-line-right::before,
.border-line-left::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #353b43;
  right: 15px;
  top: 0;
}

.border-line-left::before {
  left: -16px;
  right: auto;
}

.card-design-new.settings-page-cards .custom-control-label {
  padding: 15px 20px;
}

.card-design-new.settings-page-cards .card-details {
  padding: 10px;
}

.billing-address {
  color: #8b98a1;
  font-weight: 600;
  padding-right: 20px;
}

.billing-outer {
  padding-right: 50px;
}

.card-delete-btn.edit-icon {
  width: 17px;
  height: 17px;
  right: 30px;
  top: 2px;
}

.settings-card-details .plain-blue-link {
  font-family: NeusaNextStd-Regular, sans-serif;
  text-transform: capitalize;
  margin-left: 20px;
  align-self: flex-start;
  margin-top: 6px;
  cursor: pointer;
}

.save-card-title .analytics-info-text {
  color: #e5e5e5;
  width: 400px;
  display: none;
}

.add-new-card-btn:hover + .analytics-info-text {
  display: block;
}

.add-new-card-btn:disabled {
  color: #91b9ed;
  cursor: not-allowed;
}

.add-slots .common-forms {
  padding: 0px 5px;
}

.add-slots .advance-search-fields div.css-yk16xz-control,
.add-slots .advance-search-fields div.css-1pahdxg-control:hover,
.add-slots .advance-search-fields div.css-1pahdxg-control,
.add-slots .advance-search-fields div.css-1pahdxg-control:focus {
  min-height: 40px;
  min-width: auto;
}

.slot-frequency .advance-search-fields .form-control,
.slot-frequency .field-value-new .form-control {
  border-color: #2f3135;
  color: #e5e5e5;
  box-shadow: none;
  padding: 2px 10px;
  padding-right: 30px;
  background: #292a2d url("../images/arrow-down.png") no-repeat;
  border: 1px solid #2f3135;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background-position: calc(100% - 10px) center;
}

.add-slots div.css-yk16xz-control {
  font-family: NeusaNextStd-Regular, sans-serif;
}

.custom-timerange #react-time-range select,
.slot-frequency .advance-search-fields .form-control,
.slot-frequency .field-value-new .form-control {
  height: 45px;
  border-radius: 8px;
  border: 0;
}

.panel-details.panel-detail-new {
  padding-right: 0;
  padding-left: 0;
}

.text-sm.color-danger {
  font-family: NeusaNextStd-Regular, sans-serif;
  color: #e24949;
  font-size: 17px;
}

.chat-live-time {
  color: #747c81;
  font-size: 17px;
  opacity: 1;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}

.chat-live-time b {
  color: #e24949;
  font-family: NeusaNextStd-Medium, sans-serif;
  font-weight: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.payments-card-outer .custom-control.custom-radio {
  padding-left: 0;
  width: 100%;
}

.payments-card-outer .custom-control-label {
  width: 100%;
  border: 1px solid #353b43;
  border-radius: 10px;
  padding: 12px 25px;
  cursor: pointer;
}

.card-primary-selected .custom-control-label,
.selected-primary-card {
  border-color: #24bb88 !important;
  cursor: default;
}

.payments-card-outer .card-details {
  margin-left: 0;
}

.payments-billing-outer {
  padding-left: 20px;
  justify-content: space-between;
}

.payments-card-outer .border-line-right::before {
  right: 0px;
}

.payments-card-outer .border-line-left::before {
  left: -1px;
}

.payments-billing-outer .billing-outer {
  padding: 0;
  width: 100%;
}

.payments-billing-outer .card-delete-icon {
  background-color: transparent;
  border: 0;
}

.card-actions {
  text-align: right;
}

.primary-card .check-icon {
  width: 13px;
  height: 10px;
  margin-right: 6px;
}

.saved-cards-outer.payments-card-outer {
  border: 0;
  margin-bottom: 15px;
  padding: 0;
}

.payments-billing-outer .plain-blue-link {
  position: relative;
  z-index: 2;
}

.payments-card-outer .custom-control-label::before,
.payments-card-outer .custom-control-label::after {
  content: none;
}

.plus-icon-new {
  background-image: url("../images/plus.svg");
  width: 17px;
  height: 17px;
  margin-right: 5px;
  margin-top: -2px;
}

.btn.add-new-card {
  color: #9ca8b0;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.btn.add-new-card:disabled {
  cursor: not-allowed;
}

.payments-billing-outer .card-actions .loader-outer {
  right: 0;
  top: 0;
}

.premiumCeleb {
  position: relative;
}

.premiumCeleb::before {
  content: "";
  position: absolute;
  width: 49px;
  height: 70px;
  background: url("../images/lock-white.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-switch {
  display: inline-block;
  width: 40px;
  height: 26px;
}

.c-switch-label {
  width: 48px;
  position: relative;
}

.c-switch-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.c-switch-slider {
  position: relative;
  display: block;
  height: inherit;
  cursor: pointer;
  border: 1px solid;
  transition: 0.15s ease-out;
  border-radius: 0.25rem;
  background-color: #fff;
  border-color: #d8dbe0;
}

.c-switch-pill .c-switch-slider {
  border-radius: 50em;
}

.c-switch-success .c-switch-input:checked + .c-switch-slider {
  background-color: #2eb85c;
  border-color: #248f48;
}

.c-switch-slider::before {
  position: absolute;
  top: 2px;
  left: 2px;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  content: "";
  background-color: #fff;
  border: 1px solid #d8dbe0;
  transition: 0.15s ease-out;
  border-radius: 0.125rem;
  transform: translateX(22px);
}

.c-switch-label .c-switch-slider::before {
  z-index: 2;
}

.c-switch-pill .c-switch-slider::before {
  border-radius: 50em;
}

.c-switch-input:checked ~ .c-switch-slider::before {
  transform: translateX(0);
}

.c-switch-label .c-switch-input:checked ~ .c-switch-slider::before {
  transform: translateX(0);
}

.c-switch-success .c-switch-input:checked + .c-switch-slider::before {
  border-color: #248f48;
}

.c-switch-label .c-switch-slider::after {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 50%;
  margin-top: -0.5em;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  color: #c4c9d0;
  text-align: center;
  text-transform: uppercase;
  content: attr(data-unchecked);
  transition: inherit;
}

html:not([dir="rtl"]) .c-switch-label .c-switch-slider::after {
  left: 1px;
}

.c-switch-label .c-switch-input:checked ~ .c-switch-slider::after {
  right: 1px;
  color: #fff;
  content: attr(data-checked);
  left: auto;
}

.image-carousel .carousel .slide {
  padding: 45px;
  background: #000;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  height: 100%;
}

.image-carousel .carousel.carousel-slider {
  padding: 0 80px;
}

.image-carousel-modal.plain-modal .modal-body {
  min-height: auto;
  padding-bottom: 0;
}

.image-carousel-modal.plain-modal .modal-dialog {
  max-width: 1200px;
}

.image-carousel-modal.plain-modal .modal-content {
  padding: 0;
  background: transparent;
  border: 0;
}

.image-carousel .carousel .control-arrow.control-prev,
.image-carousel .carousel .control-arrow.control-next {
  background: #fff;
  box-shadow: 0px 1px 6px #5464701c;
  -webkit-box-shadow: 0px 1px 6px #5464701c;
  -moz-box-shadow: 0px 1px 6px #5464701c;
  -o-box-shadow: 0px 1px 6px #5464701c;
  -ms-box-shadow: 0px 1px 6px #5464701c;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  width: 36px;
  height: 36px;
  transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  font-size: 0;
  border: none;
  opacity: 0.8;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

.image-carousel .carousel .control-arrow.control-prev::before,
.image-carousel .carousel .control-next.control-arrow::before {
  opacity: 1;
  width: 6px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: url("../images/blue-arrow.svg") no-repeat;
  background-size: cover;
  border: 0;
}

.image-carousel .carousel .control-arrow.control-prev::before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  margin-left: -2px;
}

.image-carousel .carousel .control-arrow:hover {
  background: #fff;
  opacity: 1;
}

.image-carousel .carousel .slide img {
  max-width: 100%;
  max-height: 370px;
  width: auto;
  height: auto;
}

.image-carousel .carousel .slider-wrapper {
  height: auto !important;
}

.deliverable-images .uploaded-img {
  height: 95px;
  width: 95px;
}

.field-values-outer .deliverable-images {
  margin-bottom: -15px;
}

.field-values-outer.border-line-right::before {
  right: -15px;
  background: #353b43;
}

.field-values-outer.border-line-left::before {
  left: -16px;
  background: #353b43;
}

.field-values-outer.border-line-right,
.field-values-outer.border-line-left {
  margin-bottom: 0;
}

.panel-footer-actions {
  display: flex;
}

.panel-detail-tabs .no-msg-img {
  padding: 40px 0;
}

.panel-detail-tabs .recieved-message-outer {
  width: 100%;
}

/* .panel-detail-new > .panel-detail-body {max-height: 850px;} */
.image-carousel .carousel-status {
  display: none;
}

.image-carousel-modal .modal-header {
  padding: 0;
}

.image-carousel-modal .modal-header .close {
  margin-left: 0;
  opacity: 1;
  top: 30px;
  right: 110px;
}

.image-carousel-modal.plain-modal .modal-header .close span {
  background-image: url("../images/close-icon-new.svg");
  width: 30px;
  height: 30px;
  background-size: cover;
}

.image-carousel .control-dots {
  display: none;
}

.panel-detail-body::-webkit-scrollbar {
  width: 3px;
}

.panel-detail-body::-webkit-scrollbar-track {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.panel-detail-body::-webkit-scrollbar-thumb {
  background-color: #dadada;
  outline: 1px solid #dadada;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.table-responsive-xl::-webkit-scrollbar {
  height: 5px;
}

.table-responsive-xl::-webkit-scrollbar-track {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.table-responsive-xl::-webkit-scrollbar-thumb {
  background-color: #dadada;
  outline: 1px solid #dadada;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.gallery-col .about-card {
  bottom: 10px;
}

.upload-btn.new-theme-btn span {
  background: transparent;
  margin: 0;
  color: #fff;
  height: auto;
}

.field-value-new .react-datepicker-wrapper input {
  width: 100%;
  height: 45px;
  border: none;
  border-radius: 8px;
  color: #e5e5e5;
  padding: 0.375rem 1.2rem;
  padding-right: 40px;
  background: #292a2d;
  border-color: #2f3135;
}

.field-value-new .react-datepicker-wrapper::after {
  background-image: url("../images/calendar-icon-new.svg");
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 17px;
  height: 19px;
}

.custom-timerange .field-value-new {
  font-size: 16px;
}

.special-text .text-muted {
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 18px;
}

.shoutout-right-col .chat-live-time {
  width: 180px;
}

.btn-with-right-icon {
  text-align: left;
  padding-right: 50px !important;
  position: relative;
}

.details-outer .btn-with-right-icon {
  min-width: auto !important;
}

.btn-with-right-icon .btn-right-icon {
  height: 42px;
  width: 43px;
  background: #106de4;
  vertical-align: top;
  line-height: 44px;
  text-align: center;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: -1px;
  border-radius: 8px;
}

.live-chat-page .btn-with-right-icon {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  padding-left: 30px;
  padding-right: 65px !important;
  background: #1877f2;
  color: #fff;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.btn-with-right-icon .tooltip-outer {
  max-width: 260px;
  padding: 10px 20px;
  bottom: 116%;
  right: auto;
  left: -80px;
  text-align: left;
  z-index: 101;
}

.live-chat-page .btn-with-right-icon .btn-right-icon {
  height: 49px;
  width: 51px;
  background: #106de4;
  vertical-align: middle;
  margin-left: 20px;
  line-height: 49px;
}

.send-tips-new {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.send-tips-btn-new {
  padding: 0;
  margin-left: 8px;
  height: auto;
  line-height: 1;
  min-width: auto;
}

button.send-message {
  background-color: transparent;
}

.send-tips-new .send-tips-popup {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  box-shadow: 0px 3px 19px #37373729;
  -webkit-box-shadow: 0px 3px 19px #37373729;
  -moz-box-shadow: 0px 3px 19px #37373729;
  -o-box-shadow: 0px 3px 19px #37373729;
  -ms-box-shadow: 0px 3px 19px #37373729;
  border: 1px solid #353b43;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 100%;
  z-index: 1;
}

.send-tips-popup .card {
  border-radius: 10px;
  border: 0;
}

.send-tips-popup .card-header:first-child {
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  background: #3e4147;
  border-bottom: 0;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.send-tips-popup .card-body {
  background: #292a2e;
  border-radius: 0 0 10px 10px;
  padding: 10px 20px 15px;
}

.send-tips-new .send-tips-popup .form-control {
  background: transparent;
  border: 0;
  height: 40px;
  padding: 0;
  font-size: 17px;
  color: #e5e5e5;
}

.send-tips-new .send-tips-popup .form-control::placeholder {
  opacity: 1;
}

.smily-icon {
  background-color: transparent;
  border: none;
  background-image: url("../images/smile-icon-grey.svg");
  background-position: center;
  background-size: cover;
}

.send-tips-popup .smily-icon {
  width: 19px;
  height: 19px;
  margin-right: 0;
}

.send-tips-popup .coins-icon {
  width: 23px;
  height: 21px;
}

.send-tips-new .send-tips-popup .form-control:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.send-tips-new .btn {
  font-size: 18px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.card-blue {
  border: none;
  background: #1e2023;
}

.card-blue .card-header {
  background: #1877f2;
  border-radius: 10px 10px 0 0;
  color: #fff;
}

.card-blue .card-body {
  background: #5e9ef2;
  color: #fff;
  border-radius: 0 0 10px 10px;
  font-family: NeusaNextStd-Medium, sans-serif;
  text-align: left;
}

.card-header .user-name {
  color: #fff;
  font-size: 16px;
}

.live-video-controls .redbtn {
  border-radius: 50px;
  min-width: auto;
  padding: 0 26px;
  font-size: 16px;
}

.chat-time-span {
  position: absolute;
  background: #31353a;
  height: 40px;
  line-height: 42px;
  padding: 0 16px;
  border-radius: 50px;
  color: #f24949;
  font-size: 18px;
  font-family: NeusaNextStd-Medium, sans-serif;
  right: 20px;
  top: 15px;
}

.live-video-details .user-image {
  height: 113px;
  width: 113px;
  line-height: 113px;
  margin: 0 auto 20px;
}

.live-video-details .user-live {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-color: #353b43 !important;
}

.live-chat-actions .btn {
  height: 40px;
  padding: 0 20px;
  border-radius: 8px;
  line-height: 1;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.chat-details-list {
  height: calc(100% - 180px);
  overflow-y: auto;
  overflow-x: hidden;
}

.delete-file-icon {
  background-image: url("../images/delete-file-icon.svg");
  width: 89px;
  height: 91px;
}

.add-new-card-btn.plain-blue-link {
  text-transform: capitalize;
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  padding: 0;
  font-weight: normal;
}

.no-account-outer p {
  color: #747c81;
  margin: 25px 0;
}

.bank-details .title-xs {
  color: #747c81;
  text-transform: capitalize;
  font-family: NeusaNextStd-Regular, sans-serif;
  margin: 10px 0 15px;
}

.account-detail-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.account-detail-head ol {
  padding-left: 13px;
  margin-bottom: 0;
  width: 80%;
}

.account-detail-head li {
  color: #e24949;
  list-style: disc outside none;
}

.card-bank {
  border-color: #353b43;
  background: #1e2023;
}

.card-bank .card-header {
  background: transparent;
  padding: 15px 30px;
  border: 1px solid #1e2023;
  border-radius: 0.25rem 0.25rem 0 0;
  border-bottom: 0;
}

.card-bank .plain-blue-link {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 16px;
  padding: 2px 0;
}

.bank-title {
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  text-transform: capitalize;
}

.card-details-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  border-color: #353b43 !important;
}

.card-details-header .bank-icon-blue {
  margin-top: -4px;
}

.card-details-header .btn-success {
  background: #24bb88;
  border-radius: 8px;
  border-color: #24bb88;
}

.card-details-header .card-delete-btn {
  position: relative;
  top: auto;
  right: auto;
  margin-right: 50px;
  padding: 0;
}

.card-bank .card-body {
  border: 1px solid #1e2023;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 15px 20px;
}

.card-bank .card-body:nth-child(2) {
  border-radius: 0 0 10px 10px;
}

.share-icon-grey {
  background-image: url("../images/share-icon-grey.svg");
  width: 23px;
  height: 25px;
}

.info-circle-white {
  background-image: url("../images/info-circle-white.svg");
  width: 17px;
  height: 17px;
}

.bank-details .address-outer-on-updatebank .title-xs {
  margin-bottom: -30px;
}

.address-outer-on-updatebank .field-label-lg {
  display: none;
}

.address-outer-on-updatebank .field-value-new .form-control {
  height: 51px;
  background: #292a2d;
  border-color: #2f3135;
  padding: 10px 20px;
}

.payments-billing-outer .card-actions .set-primary-outer .loader-outer {
  position: relative;
  top: auto;
  right: auto;
  width: 16px;
  height: 16px;
  margin-bottom: 10px;
}

.shoutout-details .profile-profession.profile-profession-sm {
  font-size: 14px;
}

.package-right-header {
  display: flex;
  align-items: center;
}

.package-right-header .shoutout-detail-title {
  font-size: 20px;
}

.progressbar .active .icon-space {
  cursor: pointer;
}

.panel-detail-body.body-scroll-lg {
  max-height: 940px;
}

.celebencer-img-new img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.settings-set-primary-btn .loader-outer {
  top: 0;
  left: 20px;
  right: auto;
}

.settings-set-primary-btn {
  display: flex;
  align-self: flex-start;
}

.react-time-picker svg {
  stroke: #e5e5e5;
}

.time-field-new .react-time-picker__wrapper {
  border: none;
}

.time-field-new .react-time-picker__wrapper input,
.time-field-new .react-time-picker__wrapper select {
  color: #e5e5e5;
}

.time-field-new .react-time-picker__clear-button {
  opacity: 0.5;
  padding: 0;
}

.purchase-package-new .deliverable-section .uploaded-img {
  height: 57px;
  width: 57px;
}

.filter-clear-btn:disabled,
.btn:disabled {
  cursor: not-allowed;
}

.progressbar li.disabled {
  opacity: 1;
  cursor: default;
}

.progressbar li.disabled .icon-space {
  cursor: default;
}

.shout-out-request-outer.purchase-page {
  position: relative;
}

.shout-out-request-outer.purchase-page.sales-invitaion {
  position: relative;
}

.shout-out-request-outer.purchase-page .bold.status-accepted {
  font-size: 18px;
}

.card-body-new .panel-listing {
  position: relative;
  padding-bottom: 50px;
}

.card-body-new .uploaded-files {
  padding: 10px 25px 50px;
}

.chat-listing-item .common-card {
  width: 100%;
}

.min-w-40 {
  min-width: 40% !important;
}

.min-w-auto {
  min-width: 0 !important;
}

.package-labels .custom-control-input:checked + .custom-control-label {
  background: transparent;
}

.modal-backdrop.show {
  opacity: 0.2;
}

.purchase-token-new .modal-dialog {
  max-width: 920px;
}

.purchase-token-new .modal-content {
  padding: 0;
  border: 0;
  border-radius: 10px;
}

.purchase-token-new .modal-header {
  padding: 25px 30px;
}

.token-yellow {
  background-image: url("../images/token-yellow.svg");
  width: 56px;
  height: 34px;
}

.purchase-token-new .title-md {
  text-transform: capitalize;
}

.purchase-token-new .form-sections {
  padding: 0 40px 10px;
}

.purchase-token-new .form-sections .title-sm {
  font-size: 26px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.purchase-token-new .tick-icon {
  width: 20px;
  height: 20px;
  background-size: cover;
}

.purchase-token-new .purchase-token-icon {
  width: 32px;
  height: 20px;
  background-size: cover;
}

.purchase-token-new .token-value-outer {
  text-align: center;
  padding: 18px 10px 18px;
}

.purchase-token-new .token-value {
  color: #ccc;
}

.purchase-token-new .active .token-value {
  color: #fff;
}

.purchase-token-new .token-list {
  margin: 0 -10px;
}

.purchase-token-new .token-list [class*=" col-"] {
  padding: 0 10px;
}

.purchase-token-new .token-icons {
  padding: 10px 15px 0px;
}

.purchase-token-new .active .token-amount span {
  opacity: 1;
}

.purchase-token-new .field-label:empty {
  display: none;
}

.purchase-token-new .close {
  font-size: 2.5rem;
  font-family: NeusaNextStd-Regular, sans-serif;
}

.notification-outer {
  max-width: 417px;
  left: auto;
  right: 8px;
  text-align: left;
  box-shadow: 0px 3px 13px #00000029;
  -webkit-box-shadow: 0px 3px 13px #00000029;
  -moz-box-shadow: 0px 3px 13px #00000029;
  -o-box-shadow: 0px 3px 13px #00000029;
  -ms-box-shadow: 0px 3px 13px #00000029;
  padding: 0;
  width: 417px;
  top: 70px;
}

.notification-div {
  height: calc(100vh - 150px);
  overflow-y: auto;
  overflow-x: hidden;
}

.header-right-top .notification-btn .bell-icon-sm {
  margin-top: -5px;
}

.notification-title {
  font-size: 26px;
  font-family: NeusaNextStd-Bold, sans-serif;
  padding: 20px 25px 10px;
}

.notification-header .close-icon-grey {
  background-color: transparent;
  border: 0;
  margin-right: 20px;
  background-repeat: no-repeat;
  margin-top: 5px;
}

.notification-header .panel-listing-header {
  padding: 0 25px 10px;
  margin: 0;
}

.notification-header .filter-btn-item {
  font-size: 18px;
  min-width: auto;
  padding: 0 18px;
}

.notification-header .filter-btn-item::after {
  bottom: -11px;
}

.notification-body {
  padding: 20px 8px;
  height: calc(100% - 110px);
}

.notification-img,
.notification-img img {
  border-radius: 50%;
}

.notification-body .serch-help-list li {
  padding: 10px 20px;
  border-radius: 11px;
}

.notification-body .media.active {
  background: #303030;
}

.notification-text {
  font-size: 18px;
  font-family: NeusaNextStd-Regular, sans-serif;
  margin-bottom: 10px;
  line-height: 1.4;
}

.notification-time {
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 16px;
}

.notification-text span {
  font-family: NeusaNextStd-Bold, sans-serif;
}

.notify-icon-outer {
  background: #1877f2;
  border: 3px solid #ffffff;
  position: absolute;
  bottom: -12px;
  right: -3px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 27px;
}

.notify-icon-outer.bg-red {
  background: #e24949;
}

.three-dots-white {
  background-image: url("../images/three-dots-white.svg");
  width: 38px;
  height: 38px;
}

.notification-body .card-info-dropdown {
  top: auto;
  right: auto;
  z-index: 100;
}

.notification-footer {
  border-color: #505050 !important;
}

.notification-footer .plain-blue-link {
  font-family: NeusaNextStd-Medium, sans-serif;
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
}

.notification-dropdown {
  opacity: 0;
}

.notification-body li:hover {
  background: #303030;
}

.notification-body li:hover .notification-dropdown {
  opacity: 1;
}

.notification-detail .notification-outer {
  position: static;
  max-width: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  width: 100%;
}

.read-notification,
.read-notification .theme-color {
  color: #747c81;
}

.read-notification .notification-text span {
  font-family: NeusaNextStd-Regular, sans-serif;
}

.notification-detail .notification-title {
  padding: 0px 20px 0px;
}

.notification-detail .notification-header {
  padding: 20px 0 0;
}

.notification-detail .notification-header .plain-blue-link {
  font-family: NeusaNextStd-Medium, sans-serif;
  text-transform: none;
  font-size: 18px;
  font-weight: normal;
  padding-right: 20px;
}

.close-icon-grey {
  background-image: url("../images/close-icon-grey.svg");
  width: 15px;
  height: 15px;
}

.tick-icon-grey {
  background-image: url("../images/tick-icon-grey.svg");
  width: 15px;
  height: 11px;
}

.notification-icon {
  background-image: url("../images/notification-white.svg");
  width: 22px;
  height: 25px;
  margin-top: -5px;
}

.notification-btn.btn-outline-theme:hover .notification-icon,
.notification-btn.btn-outline-theme:focus .notification-icon {
  background-image: url("../images/notification.svg");
}

.notification-btn.btn-outline-theme .badge {
  top: -6px;
  right: -6px;
  font-size: 14px;
  padding: 2px 5px 3px;
  z-index: 1;
  font-weight: normal;
}

.group-chat-icon,
.notify-icon-outer .common-icon.group-chat-icon {
  background-image: url("../images/group-chat-icon.svg");
  width: 17px;
  height: 15px;
}

.live-one-chat-icon,
.notify-icon-outer .common-icon.live-one-chat-icon {
  background-image: url("../images/live-one-chat-icon.svg");
  width: 17px;
  height: 11px;
  background-size: 16px auto;
}

.product-promotion-icon {
  background-image: url("../images/product-promotion-icon.svg");
  width: 45px;
  height: 57px;
}

.personal-appearance-icon {
  background-image: url("../images/personal-appearance-icon.svg");
  width: 47px;
  height: 47px;
}

.uv-store-icon {
  background-image: url("../images/uv-store-icon.svg");
  width: 44px;
  height: 44px;
}

.scroll-outer {
  max-height: 380px !important;
  overflow-y: auto;
  scrollbar-color: #3e4147 transparent;
  scrollbar-width: thin;
}

.modal-dialog-scrollable .modal-body {
  scrollbar-color: #3e4147 transparent;
  scrollbar-width: 15px;
}

.dash-box-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.new-theme-btn .mobile-tooltip {
  display: none;
}

.tokens-icon-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.token-numbers {
  font-size: 38px;
  font-family: NeusaNextStd-Bold, sans-serif;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.token-numbers small {
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 17px;
  display: block;
}

.token-icon-sm {
  background-image: url("../images/buy-token-new.svg");
  width: 50px;
  height: 47px;
  background-size: contain;
}

.modal-action-btns-new {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}

.loader-outer-new {
  top: auto;
  text-align: center;
  position: relative;
  right: auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.purchase-package-icon {
  background-image: url("../images/purchase-package-icon.svg");
  width: 87px;
  height: 91px;
}

.merchant-banner .banner-text {
  top: 45%;
}

.merchant-profile-outer {
  background: #1e2023;
  box-shadow: 0px 2px 8px #00000029;
  -webkit-box-shadow: 0px 2px 8px #00000029;
  -moz-box-shadow: 0px 2px 8px #00000029;
  -o-box-shadow: 0px 2px 8px #00000029;
  -ms-box-shadow: 0px 2px 8px #00000029;
  border-radius: 10px;
  opacity: 1;
  padding: 25px 0 35px;
  font-size: 20px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.merchant-profile-top,
.merchant-profile-bottom {
  padding: 0 30px;
}

.merchant-profile-img {
  height: 218px;
  width: 218px;
  line-height: 212px;
  text-align: center;
  margin-top: -150px;
  border: 3px solid #111214;
  margin-right: 30px;
}

.merchant-profile-img img {
  width: 100%;
  height: 100%;
}

.merchant-profile-bottom {
  color: #747c81;
  border-top: 1px solid #353b43;
  padding-top: 25px;
  margin-top: 20px;
}

.merchant-profile-top .title-lg {
  font-size: 32px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.merchant-profile-top .profile-category {
  opacity: 1;
}

.world-icon-blue {
  background-image: url("../images/world-icon-blue.svg");
  width: 21px;
  height: 21px;
}

.insta-sm-blue {
  background-image: url("../images/insta-sm-blue.svg");
  width: 21px;
  height: 21px;
}

.card-header a.new-theme-btn {
  font-size: 18px;
  text-transform: none;
  color: #fff;
}

.merchant-contact-outer {
  padding-left: 30px;
  position: relative;
}

.merchant-contact-outer .merchant-social-detail {
  white-space: normal;
  word-break: break-all;
}

.merchant-contact-outer .common-icon {
  position: absolute;
  top: 2px;
  left: 0;
}

.custom-slick-slider .common-card {
  overflow: hidden;
  margin: 0;
  width: 100%;
}

.recent-shoutout .custom-slick-slider .common-card {
  overflow: unset;
}

.slick-list {
  margin: 0 -15px;
  width: 100%;
}

.slick-slide > div {
  padding: 0 15px;
}

body.modal-open {
  overflow: hidden;
}

.marketplace-modal-icon + .section-heading-new + p {
  font-size: 22px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.field-label span {
  font-family: NeusaNextStd-Regular, sans-serif;
  opacity: 0.5;
}

.field-label span.info-icon-grey {
  opacity: 1;
}

.remember-me .custom-control {
  margin-bottom: 0;
}

.box-body .custom-control-input:checked + .custom-control-label,
.payment-body .custom-control-input:checked + .custom-control-label {
  background: transparent;
}

.w-40 {
  width: 40%;
}

.w-60 {
  width: 60%;
}

.w-160 {
  width: 160px !important;
}

.view-bundle-link .plain-blue-link {
  font-family: NeusaNextStd-Regular, sans-serif;
  text-transform: capitalize;
}

.view-bundle-link .arrow-icon-down,
.view-bundle-link .arrow-icon-up {
  width: 13px;
  height: 7px;
}

.bundle-product-list .purchase-package-media label {
  font-family: NeusaNextStd-Regular, sans-serif;
  margin-right: 8px;
}

.question-mark-lg {
  background-image: url("../images/question-mark-lg.svg");
  width: 52px;
  height: 91px;
}

.image-navbar-below {
  margin-top: 40px;
}

.image-navbar-below .image-navbar-list-item {
  max-width: 110px;
}

.slider-product-img-outer {
  width: 100%;
  height: 125px;
  overflow: hidden;
  border-radius: 3px;
}

.slider-product-img {
  padding: 4px;
  border: 2px solid transparent;
  border-radius: 5px;
}

.image-navbar-below .image-navbar-list-item img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.image-navbar li {
  border: 2px solid transparent;
  border-radius: 5px;
  padding: 3px;
  height: 86px;
  overflow: hidden;
  max-width: 66px;
  margin-bottom: 8px;
}

.image-navbar li img {
  border-radius: 5px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.image-navbar-below .image-navbar-list-item.active .slider-product-img,
.image-navbar li.active {
  border-color: #1877f2;
}

.bundle-name {
  padding: 0 4px;
  margin-top: 5px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.panel-internal-header {
  padding: 25px 25px 6px;
  border-top: 2px solid #e6e7ec;
  margin: 0 -25px 0 -25px;
}

.time-control .react-time-picker__wrapper {
  border: none;
  height: 100%;
}

.time-control .react-time-picker__button svg {
  display: inherit;
  opacity: 0.4;
}

.react-time-picker__button {
  padding: 0 6px;
}

.rejected-sales .field-label-new {
  color: #70818d;
}

.rejected-sales .plain-link {
  font-family: NeusaNextStd-Medium, sans-serif;
}

.rejected-sales .rescheduled-dates .field-label-new {
  color: #3c5364;
}

.panel-detail-body .custom-control-input:checked + .custom-control-label {
  background: transparent;
}

.reschedule-icon-blue {
  background-image: url("../images/reschedule-icon-blue.svg");
  width: 16px;
  height: 17px;
  margin-right: 5px;
}

.reschedule-icon-white {
  background-image: url("../images/reschedule-icon-white.svg");
  width: 16px;
  height: 17px;
  margin-right: 5px;
}

.bundle-header {
  border-color: #353b43 !important;
}

.bundle-header label {
  margin: 0;
  line-height: 1;
}

.bundle-header .package-price {
  line-height: 1;
}

.bundle-header .package-price-outer {
  text-align: right;
}

.bundle-header .page-title.m-0 {
  font-size: 42px;
}

.about-card .media .media-body {
  width: calc(100% - 35px);
}

.card-img .media span {
  margin-right: -20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #dadada;
  border-radius: 50%;
  min-width: 35px;
}

.about-card .media img {
  border-radius: 50%;
  width: 45px;
  height: 45px;
}

.media .common-card-title {
  padding: 3px 10px;
  padding-left: 30px;
}

.bundle-icon {
  background-image: url("../images/bundle.svg");
  width: 18px;
  height: 15px;
  margin-top: -1px;
}

.bundle-card {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  top: 10px;
  left: 10px;
  padding: 6px 10px;
  color: #fff;
  font-size: 14px;
  z-index: 1;
  line-height: 1;
  font-family: NeusaNextStd-Medium, sans-serif;
}

/* .bg-grey .panel-detail-body.live-sales-scroll {max-height: none;    height: 100%;} */
.product-img-outer img,
.product-img-outer {
  border-radius: 8px;
}

.slick-slider-new .slick-arrow {
  width: 36px;
  height: 36px;
  position: absolute;
  background: #3e4147;
  z-index: 1;
  font-size: 0;
  top: 40%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  border: none;
  border-radius: 50%;
  box-shadow: 0px 1px 6px #5464703d;
  -webkit-box-shadow: 0px 1px 6px #5464703d;
  -moz-box-shadow: 0px 1px 6px #5464703d;
  -o-box-shadow: 0px 1px 6px #5464703d;
  -ms-box-shadow: 0px 1px 6px #5464703d;
}

.slick-slider-new .slick-next::before,
.slick-slider-new .slick-prev::before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.slick-slider-new .slick-next::before {
  border-top: 2px solid #e5e5e5;
  border-right: 2px solid #e5e5e5;
}

.slick-slider-new .slick-prev::before {
  border-bottom: 2px solid #e5e5e5;
  border-left: 2px solid #e5e5e5;
}

.slick-slider-new .slick-arrow.slick-disabled {
  display: none !important;
}

.slick-slider-new .slick-list {
  margin: 0 0;
}

.slick-slider-new .slick-slide > div {
  padding: 0 5px;
}

.slick-slider-new .slick-prev {
  left: -15px;
}

.slick-slider-new .slick-next {
  right: -15px;
}

.single-slick-slider .slider-product-img-outer {
  height: 95px;
}

.signup-banner {
  background-image: url("../images/signup-banner.png");
  background-position: center;
}

.merchant-icon-latest {
  background-image: url("../images/merchant-icon-latest.svg");
  width: 35px;
  height: 43px;
}

.fan-icon-latest {
  background-image: url("../images/fan-icon-latest.svg");
  width: 35px;
  height: 42px;
}

.celebencer-icon-latest {
  background-image: url("../images/celebencer-icon-latest.svg");
  width: 46px;
  height: 42px;
}

.chat-tab li .shopify-media {
  font-family: NeusaNextStd-Regular, sans-serif;
  text-align: left;
  font-size: 16px;
}

.meals-icon {
  background-image: url("../images/meal-icon.svg");
  width: 43px;
  height: 30px;
}

.hotel-icon {
  background-image: url("../images/hotel-icon.svg");
  width: 43px;
  height: 43px;
}

.car-icon-new {
  background-image: url("../images/car-icon-new.svg");
  width: 43px;
  height: 28px;
}

.plane-icon-new {
  background-image: url("../images/plane-icon-new.svg");
  width: 43px;
  height: 27px;
}

.useres-icon-new {
  background-image: url("../images/users.svg");
  width: 43px;
  height: 39px;
}

.appearance-section .term-list-item {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.hover-text {
  width: 0;
  visibility: hidden;
}

.title-with-hover:hover > .hover-text {
  display: inline-block;
  width: auto;
  margin-left: 4px;
  visibility: visible;
  transition: all 0.2s ease-in 0s;
}

.title-with-hover {
  font-size: 12px;
  width: 32px;
  background: #000000;
  border-radius: 8px;
  opacity: 0.7;
  padding: 2px 8px;
  white-space: nowrap;
  overflow: hidden;
}

.title-with-hover:hover {
  width: auto;
}

.pa-icon-sm {
  background-image: url("../images/pa-icon-sm.svg");
  width: 11px;
  height: 16px;
}

.pp-icon-sm {
  background-image: url("../images/pp-icon-sm.svg");
  width: 15px;
  height: 17px;
}

.term-list-item .common-icon {
  float: left;
  margin-right: 20px !important;
}

.term-list-item div {
  margin-left: 65px;
  position: relative;
  padding-left: 20px;
}

.list-content i {
  position: absolute;
  left: 0;
  font-style: normal;
}

.hotel-icon + .list-content {
  top: 11px;
}

.modal-title-navs .filter-btn-item::after {
  height: 2px;
  bottom: -5px;
}

.modal-tab-header {
  border-bottom: 1px solid #3a3f45 !important;
  margin: 0 -20px;
  padding: 0 20px 5px;
}

.modal-title-navs {
  border-bottom: none;
  flex-wrap: nowrap;
}

.tags-fill-icon {
  background-image: url("../images/tags-fill.svg");
  width: 15px;
  height: 14px;
  margin-top: -2px;
  margin-right: 2px;
}

.bg-light-blue {
  background-color: #101720;
}

.user-chat-detail .shopify-media span {
  width: 85px;
  height: 87px;
}

.shopify-media img {
  border-radius: 8px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.live-sales-box {
  border: 1px solid #353b43;
  border-radius: 8px;
  display: block;
}

.live-sales-data {
  padding: 20px 0 0;
  text-align: left;
}

.package-price.font-sm {
  font-size: 21px;
  line-height: 1.2;
}

.order-partner {
  font-family: NeusaNextStd-Bold, sans-serif;
  font-size: 18px;
}

.order-partner span,
.order-partner span .common-link {
  font-family: NeusaNextStd-Regular, sans-serif;
  color: #1877f2;
  font-size: 24px;
  line-height: 18px;
  vertical-align: text-bottom;
  display: inline-block;
}

.live-sales-box .form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border: none;
  border-radius: 0;
  line-height: 44px;
}

.live-sales-box .minus::before {
  background-image: url("../images/minus-theme.svg");
  width: 15px;
  height: 3px;
}

.live-sales-box .plus::before {
  background-image: url("../images/plus-theme.svg");
  width: 15px;
  height: 15px;
}

.live-sales-box .lock-icon-blue {
  width: 12px;
  height: 15px;
  margin-top: -4px;
}

.cart-icon-white,
.new-theme-btn .cart-icon-white {
  background-image: url("../images/cart-icon-white.svg");
  width: 20px;
  height: 18px;
  background-size: cover;
  padding: 0;
}

.live-sales-box .new-theme-btn span {
  background-color: transparent;
  margin: -2px 8px 0 0px;
}

.live-sales-box .minus.form-control {
  border-radius: 8px 0 0 8px;
}

.live-sales-box .plus.form-control {
  border-radius: 0px 8px 8px 0px;
}

.text-left.sales-back-btn {
  display: block;
  width: 100%;
  padding: 10px 15px;
  font-size: 20px;
}

.arrow-theme {
  background-image: url(../images/arrow-theme.svg);
  width: 16px;
  height: 9px;
}

.sales-back-btn .arrow-theme {
  transform: rotate(-92deg);
  margin-top: -3px;
}

.back-btn-text::before {
  content: "";
  width: 1px;
  height: 35px;
  border-left: 1px solid #353b43;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  margin-left: 5px;
}

.live-stream-outer {
  background: #000;
  display: block;
  padding: 0;
  color: #fff;
  height: 200px;
}

.live-chat-box.chat-product-box {
  height: calc(100% - 54px);
}

.new-theme-btn.btn-sm {
  padding: 0 25px;
  height: 35px;
  line-height: 35px;
}

.filter-header .btn-sm {
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}

.common-card-title.title-with-hover {
  font-size: 0;
}

.common-card-title.title-with-hover:hover {
  font-size: 12px;
}

.banner-live-sales {
  position: absolute;
  width: 310px;
  background: #fff;
  top: 2px;
  bottom: 2px;
  right: 1px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.live-sales-head {
  display: flex;
  justify-content: space-between;
  padding: 20px 25px;
  border: 1px solid #353b43;
}

.live-sales-body {
  padding: 20px 30px;
  text-align: center;
}

.sales-product-img {
  max-width: 69px;
  margin: 0 auto 20px;
  border-radius: 8px;
  overflow: hidden;
}

.live-sales-timer {
  font-size: 42px;
  margin: 25px 0;
}

.banner-live-sales .new-theme-btn {
  min-width: 170px;
}

.live-icon {
  border: 2px solid #ee2e2d;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 4px;
  position: relative;
}

.live-icon::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #ee2e2d;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.live-sale-title {
  font-size: 18px;
  color: #ee2e2d;
}

.social-connect-outer {
  border: 1px solid #353b43;
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
}

.social-connect-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #353b43;
  padding: 15px 25px;
  border-radius: 8px 8px 0px 0px;
  border-bottom: 1px solid #353b43;
}

.social-handle-name {
  font-size: 22px;
}

.social-user-name {
  font-size: 18px;
  color: #70818d;
  margin-left: 10px;
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle;
}

.social-connect-body {
  padding: 20px 25px 0;
}

.social-connect-header .btn {
  height: 37px;
  line-height: 37px;
}

.social-insta-icon {
  background-image: url("../images/insta-colored-new.svg");
  width: 22px;
  height: 22px;
}

.social-twitter-icon {
  background-image: url("../images/twitter-icon-white.svg");
  width: 25px;
  height: 20px;
}

.grey-twitter-icon {
  background-image: url("../images/twitter-icon-grey.svg");
  width: 25px;
  height: 20px;
}

.social-youtube-icon {
  background-image: url("../images/youtube-colored.svg");
  width: 23px;
  height: 17px;
}

.social-tiktok-icon {
  background-image: url("../images/tiktok-colored.svg");
  width: 20px;
  height: 23px;
}

.social-twitch-icon {
  background-image: url("../images/twitch-colored.svg");
  width: 21px;
  height: 22px;
}

.modal-md-new .form-field-new .css-1rhbuit-multiValue {
  border-radius: 4px;
}

.refresh-icon {
  background-image: url("../images/refresh-white.svg");
  width: 13px;
  height: 13px;
  margin-right: 4px;
  margin-top: -1px;
}

.arrow-animation {
  animation-name: rotate;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

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

  to {
    transform: rotate(360deg);
  }
}

.borderless-select {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  border: 0;
  font-size: 20px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #3c5364;
  padding: 0;
  margin-left: 10px;
}

.borderless-select:focus {
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.question-mark-white {
  background-image: url("../images/question-mark-white.svg");
  width: 47px;
  height: 47px;
}

.disconnect-insta {
  background-image: url("../images/disconnect-insta.svg");
  width: 30px;
  height: 30px;
}

.contact-banner {
  background: url("../images/contact-banner.jpg") no-repeat;
  width: 100%;
  height: 201px;
  background-size: cover;
  display: flex;
  border-radius: 10px 10px 0 0;
  justify-content: center;
  align-items: center;
}

.contact-banner .page-title {
  color: #f0be00;
  text-shadow: 2px 3px 3px #000000c1;
}

.blue-border-btn.show-filters-btn {
  height: 45px;
  border-radius: 40px;
  font-size: 16px;
  white-space: nowrap;
  padding: 0 15px;
  position: absolute;
  left: 0;
  top: 0;
}

.filter-badges {
  background: #1877f2;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  color: #fff;
  font-size: 15px;
  border-radius: 50%;
  line-height: 27px;
}

.filter-icon-blue {
  width: 20px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/filter-icon-blue.svg");
  margin-right: 10px;
}

.add-availability + span.info-icon-grey .tooltip-outer {
  right: auto;
  left: -150px;
}

.panel-detail-new .shopify-media span {
  width: 75px;
  height: 75px;
}

.top-element-with-tooltip .tooltip-outer {
  top: 20px;
  bottom: auto;
}

.top-element-with-tooltip .field-label {
  z-index: 1;
}

.font-lg {
  font-size: 20px;
}

.advance-search-fields .age-range-outer .max-age.css-14jk2my-container {
  width: 50%;
}

.advance-search-fields div.css-1fhf3k1-control {
  min-height: 42px;
  border-radius: 8px;
  background: #292a2d;
  border-color: #2f3135;
}

.white-box.white-box-new .tooltip-outer {
  bottom: -600%;
  top: auto;
}

.profile-pic .question-mark-white {
  position: absolute;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: -18px;
}

.col-left .tooltip-outer,
.col-right .tooltip-outer {
  width: 230px;
}

.live-g-chat .white-box.white-box-new .tooltip-outer {
  bottom: -68px;
}

.variable-width .slick-slide p {
  height: 100px;
  margin: 5px;
  line-height: 100px;
  text-align: center;
  background: #5f9ea0;
  color: #fff;
}

.custom-filter-slider {
  display: flex;
  align-items: center;
  width: 100%;
}

.custom-filter-slider .slick-arrow {
  width: 40px;
  height: 40px;
  background: #3e4147;
  border: 1px solid #3e4147;
  border-radius: 50%;
  box-shadow: 0px 1px 6px #5464701c;
  -webkit-box-shadow: 0px 1px 6px #5464701c;
  -moz-box-shadow: 0px 1px 6px #5464701c;
  -o-box-shadow: 0px 1px 6px #5464701c;
  -ms-box-shadow: 0px 1px 6px #5464701c;
  font-size: 0;
  position: relative;
  max-width: 40px;
  flex: 0 0 40px;
  top: auto;
  bottom: auto;
  transform: translate(0);
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
}

.custom-filter-slider .slick-arrow:hover {
  background: #1877f2;
}

.custom-filter-slider .slick-prev {
  left: auto;
  margin-right: 20px;
}

.custom-filter-slider .slick-next {
  right: auto;
}

.custom-filter-slider .slick-list {
  margin-right: 20px;
}

.custom-filter-slider .slick-prev::before,
.custom-filter-slider .slick-next::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 14px;
}

.custom-filter-slider .slick-prev::before {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
  left: 16px;
}

.custom-filter-slider .slick-next::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  left: 13px;
}

.custom-filter-slider .slick-arrow.slick-disabled {
  display: none !important;
}

.form-control.borderless-select:disabled {
  background-color: transparent;
  opacity: 0.5;
}

.category-page .common-card,
.marketplace-card.common-card {
  width: 100%;
  max-width: 280px;
  margin: auto;
  display: block;
}

.shopify-product-listing .shopify-media span {
  width: 34px;
  height: 34px;
}

.shopify-product-listing .shopify-media span img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.full-screen-icon {
  background-image: url("../images/switch-screen-icon.svg");
  width: 30px;
  height: 25px;
}

.switch-screen-icon {
  background-image: url("../images/switch-small-screen.svg");
  width: 33px;
  height: 24px;
}

.small-screen-white {
  background-image: url("../images/small-screen-white.svg");
  width: 30px;
  height: 22px;
  opacity: 0.7;
}

.switch-normal-white {
  background-image: url("../images/switch-normal-white.svg");
  width: 26px;
  height: 22px;
  opacity: 0.7;
}

.fullScreenStream {
  border-radius: 0px;
  margin: 0 110px;
}

.fullScreenStream .live-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0px;
}

.terms-note {
  padding-left: 85px;
}

.live-stream-outer .live-video-controls {
  display: none;
  right: 10px;
  bottom: 10px;
}

.live-stream-outer video {
  width: 100%;
  height: auto;
  max-height: 200px;
}

.filter-slider-padding {
  padding-left: 200px;
}

.slick-slider .content-skeleton {
  height: 89px !important;
}

.slick-slider .live-sale-skeleton {
  height: 60px !important;
}

.skeleton-img {
  background-color: #353b43;
  background-image: linear-gradient(90deg, #353b43, #1e2023, #353b43);
  background-size: 200px 100%;
  background-repeat: no-repeat;
  border-radius: 4px;
  display: inline-block;
  line-height: 1;
  width: 100%;
  -webkit-animation: animation-bzdot9 1.2s ease-in-out infinite;
  animation: animation-bzdot9 1.2s ease-in-out infinite;
}

.slick-slide .skeleton-img img {
  opacity: 0;
}

.terms-modal-title {
  padding-right: 160px;
}

.custom-model.terms-modal .modal-dialog {
  max-width: 830px !important;
}

.live-image.fullScreenStream {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  margin: 0 !important;
  height: 100vh !important;
  z-index: 9999;
  margin-top: 200px;
}

.shopify-media span {
  vertical-align: middle;
  min-width: 78px;
  max-width: 78px;
  height: 87px;
}

.thankyou-page-body .uploaded-img {
  width: 118px;
  height: 118px;
}

.live-image:focus-visible,
.live-chat-page:focus-visible {
  outline: none !important;
}

.live-chat-box .EmojiPickerReact.epr-main,
.panel-detail-tabs .EmojiPickerReact.epr-main {
  width: 98% !important;
  height: 60% !important;
  min-height: 300px;
}

.live-chat-box .EmojiPickerReact .epr-category-nav,
.panel-detail-tabs .EmojiPickerReact .epr-category-nav {
  padding: 5px 10px;
}

.live-chat-box .EmojiPickerReact .epr-header .epr-header-overlay,
.panel-detail-tabs .EmojiPickerReact .epr-header .epr-header-overlay {
  padding: 10px 10px 5px;
}

.live-chat-box
  .EmojiPickerReact
  li.epr-emoji-category
  > .epr-emoji-category-label,
.panel-detail-tabs
  .EmojiPickerReact
  li.epr-emoji-category
  > .epr-emoji-category-label {
  height: 22px;
  font-size: 13px;
}

.panel-detail-tabs .tab-pane {
  padding-top: 35px;
  position: relative;
  z-index: 0;
}

.panel-detail-tabs .EmojiPickerReact.epr-main {
  position: absolute;
  top: 0;
  height: calc(100% - 98px) !important;
}

.image-carousel .carousel .slide .uploaded-video-in-carousel {
  max-width: 100%;
  max-height: 370px;
  width: auto;
  height: auto;
}

.extra-room-title.tooltip-outer,
.event-date-field .tooltip-outer {
  right: auto;
  left: 0;
}

.include-companion-title.tooltip-outer,
.payment-timing-field .tooltip-outer,
.includecompanion-title.tooltip-outer,
.extraroom-title.tooltip-outer,
.title-extraroom .tooltip-outer.room-title,
.title-extraroom .tooltip-outer.companion-title {
  left: -40px;
}

.no-sidebar .category-col {
  flex: 0 0 16.6666%;
  max-width: 16.6666%;
}

.live-video-outer video {
  width: 100%;
  height: auto;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.live-video-outer {
  height: auto !important;
}

.transaction-type {
  opacity: 0.8;
  color: #777;
  font-size: 18px;
  font-weight: 600;
}

.live-sales-box .plus-minu-input {
  display: flex;
  align-items: center;
}

.live-sales-box .plus-minu-input .minus,
.live-sales-box .plus-minu-input .plus {
  padding: 0 5px;
}

.live-sales-box input.form-control {
  width: 60px;
}

.form-field-wrapper .react-time-picker__inputGroup__input {
  color: #e5e5e5;
}

.form-field-wrapper.disabled-field .react-time-picker__inputGroup__input,
.field-value-new select[disabled],
.field-value-new input[disabled] {
  color: #696a6c;
}

.form-field-wrapper .react-time-picker__inputGroup__input option {
  color: #111214;
}

.merchant-profile-outer.merchant-profile-box {
  padding: 35px 50px;
}

.productPromotion-icon,
.notify-icon-outer .common-icon.productPromotion-icon {
  background-image: url("../images/productPromotion-icon-white-new.svg");
  width: 15px;
  height: 14px;
}

.liveSales-icon,
.notify-icon-outer .common-icon.liveSales-icon {
  background-image: url("../images/video-camera-live-sales.svg");
  width: 17px;
  height: 11px;
  margin-top: -1px;
}

.affiliateProgram-icon,
.notify-icon-outer .common-icon.affiliateProgram-icon {
  background-image: url("../images/affiliate program.svg");
  width: 17px;
  height: 17px;
  margin-top: -2px;
}

.meetAndGreet-icon,
.notify-icon-outer .common-icon.meetAndGreet-icon {
  background-image: url("../images/meet-greet.svg");
  width: 17px;
  height: 17px;
  margin-top: -2px;
}

.merchant-profile-box .plain-blue-link {
  text-transform: none;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.field-label span.status-accepted {
  opacity: 1;
}

.verified-icon-green {
  background-image: url("../images/verified-icon.svg");
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

.social-media-box {
  padding: 0;
  border-color: #30353c !important;
  border-left: 0 !important;
}

.social-media-box:first-child,
.general-analytics-box:first-child {
  border-radius: 8px 0 0 8px;
  border-left: 1px solid #30353c !important;
}

.social-media-box:first-child .social-media-title {
  border-radius: 8px 0 0 0;
}

.social-media-box:last-child,
.general-analytics-box:last-child {
  border-radius: 0 8px 8px 0;
}

.social-media-box:last-child .social-media-title {
  border-radius: 0 8px 0 0;
}

.social-media-title {
  background: #313438;
  padding: 8px 15px;
  font-size: 18px;
  color: #e5e5e5;
}

.social-media-body {
  padding: 12px 15px;
  justify-content: space-between;
}

.social-details-new {
  padding: 0 15px;
}

.social-details-new .social-media-box .analytic-label {
  font-family: NeusaNextStd-Medium, sans-serif;
}

.social-media-body .analytic-outer::after,
.general-analytics-box .analytic-outer::after {
  content: none;
}

.custom-dash-col-sm {
  flex: 0 0 30%;
  max-width: 30%;
}

.custom-dash-col-lg {
  flex: 0 0 70%;
  max-width: 70%;
}

.text-lg {
  font-size: 23px;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.analytics-listing-new {
  font-size: 15px;
  line-height: 1.6;
}

.analytics-scroll {
  overflow-y: auto;
  max-height: 170px;
  scrollbar-color: #3e4147 transparent;
  padding-right: 15px;
}

.analytics-scroll::-webkit-scrollbar {
  width: 3px;
}

.analytics-scroll::-webkit-scrollbar-track {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.analytics-scroll::-webkit-scrollbar-thumb {
  background-color: #dadada;
  outline: 1px solid #dadada;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.income-analytic-scroll {
  max-height: 210px;
}

.general-analytics-box {
  padding: 20px 0px 20px 15px;
  overflow: hidden;
}

.analytics-listing-new li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

.analytics-listing-new li::before {
  content: "";
  position: absolute;
  top: 6px;
  width: 14px;
  height: 14px;
  background: url("../images/send-icon-grey.svg") no-repeat;
  background-size: cover;
  left: 0;
}

.live-sales-card .card-img,
.favourite-products-card .card-img {
  height: 260px;
}

.banner-btn-middle {
  background: #f0bf00;
}

.play-pauese-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 0;
  color: #fff;
  font-family: NeusaNextStd-Medium, sans-serif;
}

.video-controls-new button {
  border: none;
  background-color: transparent;
}

.play-btn-sm {
  background-image: url("../images/video-play-new.svg");
  width: 16px;
  height: 18px;
}

.volume-btn-sm,
.no-volume-icon {
  background-image: url("../images/volume.svg");
  width: 20px;
  height: 14px;
}

.no-volume-icon {
  background-image: url("../images/no-volume-icon.svg");
}

.play-btn-lg {
  background-image: url("../images/video-play-new.svg");
  width: 33px;
  height: 37px;
}

.pause-btn-lg,
.pause-btn-sm {
  background-image: url("../images/video-pause.svg");
  width: 31px;
  height: 37px;
}

.pause-btn-sm {
  width: 15px;
  height: 18px;
}

.play-pause-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  border: none;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  text-align: center;
  z-index: 0;
}

.video-controls-new {
  position: absolute;
  bottom: 0px;
  z-index: 41;
  padding: 20px 20px 15px;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  animation: hideAnimation 0s ease-in 5s;
  animation-fill-mode: forwards;
}

@keyframes hideAnimation {
  to {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}

.live-image .meeting-peer-player:hover ~ .video-controls-new,
.live-image:hover .meeting-peer-player ~ .video-controls-new,
.live-stream-outer .meeting-peer-player:hover ~ .video-controls-new,
.live-stream-outer:hover .meeting-peer-player ~ .video-controls-new {
  visibility: visible;
  height: auto;
  width: 100%;
  animation: alternate;
}

.cart-items-count {
  font-size: 22px;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.payment-form .progress,
.payment-form .progress-bar {
  border-radius: 20px;
  height: 22px;
}

.payment-form .progress {
  background: #f7f8fa;
  width: calc(100% - 110px);
}

.icon-btn {
  background-color: transparent;
  border: 0;
}

.cancel-product {
  background-image: url("../images/close-icon-new.svg");
  width: 21px;
  height: 21px;
}

.icon-btn.cancel-product {
  margin-left: 10px;
  max-width: 21px;
  flex: 0 0 21px;
}

.product-variation,
.product-variation .grey-pills {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}

.product-detail-new {
  padding: 12px 0;
  border-top: 1px solid #3a3f45;
  border-bottom: 1px solid #3a3f45;
}

.product-variation {
  padding: 6px 0;
}

.product-variation .grey-pills {
  height: 32px;
  line-height: 32px;
  min-width: 43px;
  font-size: 15px;
}

.product-variations-outer.live-sales-box .form-control {
  line-height: 40px;
  height: 40px;
  width: 40px;
  padding: 0;
}

.product-detail-new .package-price {
  padding-left: 20px;
  margin-left: 10px;
  border-left: 1px solid #3a3f45;
  min-width: 200px;
}

.payment-body .product-promotion-detail:last-child {
  margin-bottom: 0 !important;
}

.payment-body .summary-table .table td {
  padding: 8px 0;
  font-size: 19px;
}

.payment-body .summary-total,
.payment-body .summary-total-value {
  font-family: NeusaNextStd-Bold, sans-serif;
  color: #24bb88;
  font-size: 22px;
  padding-top: 18px !important;
  border-color: #3a3f45 !important;
}

.payment-body .summary-table {
  padding: 20px 0 10px;
}

.checkout-actions {
  margin-top: 164px;
}

.payment-disclaimer a {
  text-decoration: underline;
}

.payment-form .progress-bar.step-1 {
  width: 33.33%;
}

.payment-form .progress-bar.step-2 {
  width: 66.66%;
}

.payment-form .progress-bar.step-3 {
  width: 100%;
}

.payment-body .field-value-new .form-control,
.payment-body .form-field-new .form-control {
  border: 1px solid #e6e7eb;
  color: #8b99a2;
  background: transparent;
  border-radius: 8px;
  height: 50px;
}

.billing-div-outer {
  border-top: 1px solid #dadada;
  padding-top: 30px;
}

.payment-body .settings-title {
  font-size: 28px;
}

.social-media-body .analytic-outer {
  padding-right: 0;
}

.btn-outline-theme.active {
  background: #1877f2;
  border-color: #1877f2;
  color: #efefef;
}

.btn-outline-theme.active .header-cart-icon {
  background-image: url("../images/cart-icon-white.svg");
}

.order-success-page .field-value-cols .field-label-new {
  display: none;
}

.order-success-page .field-value-new {
  color: #555;
}

.order-success-page .field-value-new .table td {
  padding: 5px 0;
  color: #555;
}

.gift-icon-colored {
  background-image: url("../images/gift-icon-colored.svg");
  width: 70px;
  height: 61px;
}

.order-profile-pic {
  line-height: 118px;
  background: #fff;
  border: 1px solid #fff;
}

.order-success-page .field-values-outer {
  font-size: 15px;
  margin-bottom: 10px;
}

.panel-detail-body .field-values-outer .table td {
  padding: 5px 0;
  color: #e5e5e5;
}

.live-stream-outer .play-pauese-controls {
  margin: 8px 0 0;
}

.live-stream-outer .play-btn-sm {
  width: 10px;
  height: 12px;
  margin-right: 14px !important;
}

.live-stream-outer .pause-btn-sm {
  width: 11px;
  height: 13px;
  margin-right: 14px !important;
}

.live-stream-outer .volume-btn-sm,
.live-stream-outer .no-volume-icon {
  width: 18px;
  height: 12px;
  margin-right: 14px !important;
}

.live-stream-outer .switch-normal-white {
  height: 16px;
  width: 19px;
}

.live-stream-outer .play-btn-lg {
  width: 18px;
  height: 20px;
  margin-left: 3px;
}

.live-stream-outer .pause-btn-lg {
  width: 17px;
  height: 20px;
}

.live-stream-outer .play-pause-btn {
  width: 50px;
  height: 50px;
  text-align: center;
}

.live-stream-outer .video-timings {
  font-size: 12px;
}

.live-stream-outer.fullScreenStream {
  margin: 0;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  max-height: none;
}

.live-stream-outer.fullScreenStream video {
  max-height: none;
}

.live-chat-box.chat-product-box li {
  border-bottom: 1px solid #dadada;
  padding-bottom: 12px;
  margin-bottom: 8px;
}

.chat-disabled {
  position: relative;
  padding-bottom: 60px;
}

.chat-disabled > .new-theme-btn.btn-disabled {
  position: absolute;
  bottom: 7px;
  z-index: 9;
  width: 96%;
  left: 50%;
  transform: translateX(-50%);
  background: #353b43;
  cursor: not-allowed;
  color: #747c81;
}

.empty-cart-box {
  background: #1e2023;
  border-radius: 8px;
  text-align: center;
  padding: 40px;
  font-size: 20px;
}

.custom-dash-none {
  display: none;
}

.text-lg .status-accepted {
  font-size: 18px;
}

.fullwidth-analytics .social-media-box .analytic-label {
  font-size: 18px;
}

.fullwidth-analytics .social-media-title {
  padding: 15px 30px;
  font-size: 21px;
}

.fullwidth-analytics .common-icon {
  margin-top: -3px;
}

.fullwidth-analytics .social-media-body {
  padding: 25px 30px;
}

.fullwidth-analytics .general-analytics-outer .analytic-label {
  font-size: 21px;
}

.fullwidth-analytics .analytics-listing-new,
.fullwidth-analytics .analytic-value-new {
  font-size: 20px;
}

.fullwidth-analytics .analytics-scroll {
  height: 280px;
}

.fullwidth-analytics .income-analytic-scroll {
  height: 330px;
}

.invitation-page-select .package-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.live-stream-product-detail {
  width: 360px;
  margin-left: 90px;
}

.live-stream-product-detail .live-chat,
.live-stream-product-detail .live-image,
.live-stream-product-detail .live-video-details {
  height: 200px;
}

.field-values-outer .table tr td:first-child {
  width: 140px;
}

.celeb-areaofConcentration {
  white-space: nowrap;
}

.product-name-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.play-track-inner {
  width: 100%;
  height: 7px;
  border-radius: 5px;
}

.live-stream-outer .play-track-inner {
  height: 3px;
}

.live-stream-outer .video-controls-new {
  padding: 1px 10px 6px;
}

.live-image .loader-img-outer,
.live-stream-outer .loader-img-outer {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
  min-height: initial;
}

.form-field-new .file-upload-outer .custom-file-upload {
  background: #292a2d;
  border-color: #2f3135;
}

.form-disabled {
  pointer-events: none;
  color: #ccc;
}

.form-disabled .field-label {
  color: #acb0b9;
}

.form-disabled .input-field-note {
  color: #c8cdd3;
}

.form-disabled .field-value-new .form-control,
.form-disabled .file-upload-outer .custom-file-upload {
  background: #292a2d;
  border-color: #2f3135;
  color: #e5e5e5;
}

.form-disabled .file-upload-outer .custom-file-upload {
  border-color: #2f3135;
}

.form-disabled .field-value-new .deliverables-outer {
  background: #111214;
}

.form-disabled .field-value-new .deliverables-outer .form-control {
  background: #292a2d;
}

.form-disabled .deliverables-outer .add-more-outer,
.form-disabled .file-upload-outer .custom-file-upload span,
.form-disabled .custom-file-upload label,
.form-disabled .slider-value-left,
.form-disabled .slider-value-right {
  opacity: 0.5;
}

.panel-detail-body .form-disabled .field-value-new textarea.form-control {
  background: #292a2d;
}

.form-disabled .form-field-wrapper .rangeslider-horizontal {
  opacity: 0.3;
}

.form-disabled.package-action-footer .btn.btn-secondary {
  pointer-events: visible;
}

.package-action-footer .btn {
  padding: 0 10px;
  font-size: 15px;
  min-width: auto;
}

.package-action-footer .col {
  padding: 0 8px;
}

.general-analytics-popup {
  background-image: url("../images/general-analytics-popup.svg");
  width: 100%;
  height: 100%;
}

.panel-detail-tabs.tabs-sm .panel-filter-list {
  margin: 0;
  padding: 0px;
}

.tabs-sm .panel-filter-list .filter-btn-item {
  font-size: 18px;
  font-family: NeusaNextStd-Regular, sans-serif;
  padding: 0;
  min-width: auto;
  color: #728089;
}

.tabs-sm .panel-filter-list .filter-btn-item.active {
  color: #1877f2;
}

.tabs-sm .filter-btn-item::after {
  height: 3px;
  bottom: 0px;
}

.panel-detail-tabs.tabs-sm .tab-pane {
  padding-top: 15px;
}

.recent-uploads .deliverable-images .uploaded-img {
  height: 136px;
  width: 136px;
}

.recent-uploads .uploaded-img img {
  max-width: 100%;
  max-height: 100%;
}

.sample-img-slider .slick-slide > div {
  padding: 0 8px;
}

.sample-img-slider .slick-list {
  margin: 0 -10px;
}

.uploaded-img-thumb {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.uploaded-img-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
}

.uploaded-img-thumb img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  filter: blur(3px);
}

.uploaded-time {
  position: absolute;
  bottom: 4px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.4);
  line-height: 1;
  padding: 1px 3px 0px;
  border-radius: 4px;
  color: #fff;
  font-family: NeusaNextStd-Medium, sans-serif;
  right: 4px;
}

.total-img-count {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 1;
  display: inline-block;
  white-space: nowrap;
  font-size: 22px;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #fff;
  line-height: 1;
}

.recent-date {
  font-size: 14px;
  margin-bottom: 2px;
  color: #728089;
}

.sample-img-slider .slick-next,
.sample-img-slider .slick-prev {
  background: #3e4147;
  box-shadow: 0px 1px 6px #5464701c;
  -webkit-box-shadow: 0px 1px 6px #5464701c;
  -moz-box-shadow: 0px 1px 6px #5464701c;
  -o-box-shadow: 0px 1px 6px #5464701c;
  -ms-box-shadow: 0px 1px 6px #5464701c;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  width: 36px;
  height: 36px;
  transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  font-size: 0;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.sample-img-slider .slick-prev {
  left: -15px;
}

.sample-img-slider .slick-next {
  right: -15px;
}

.sample-img-slider .slick-next::before,
.sample-img-slider .slick-prev::before {
  opacity: 1;
  width: 6px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: url("../images/white-arrow.svg") no-repeat;
  background-size: cover;
}

.sample-img-slider .slick-prev::before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  margin-left: -2px;
}

.sample-img-slider .slick-next:hover,
.sample-img-slider .slick-prev:hover,
.sample-img-slider .slick-next:focus,
.sample-img-slider .slick-prev:focus,
.sample-img-slider .slick-next:active,
.sample-img-slider .slider-prev:active {
  background: #3e4147;
}

.sample-img-slider .slick-next:hover::before,
.sample-img-slider .slick-prev:hover::before,
.sample-img-slider .slick-next:focus::before,
.sample-img-slider .slick-prev:focus::before,
.sample-img-slider .slick-next:active::before,
.sample-img-slider .slick-active:hover::before {
  background: url("../images/blue-arrow.svg") no-repeat;
}

.form-disabled.package-action-footer .btn.new-theme-btn {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: visible;
}

.search-filters-head {
  display: flex;
}

.search-filters-head.right-side-header select.form-control {
  color: #8e979c;
  padding: 2px 8px;
  padding-right: 30px;
  height: 50px;
  background: #000 url("../images/arrow-down.png") no-repeat;
  border: 1px solid #2f3135;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background-position: calc(100% - 10px) center;
}

.disconnected-icon-red {
  background-image: url("../images/disconnected-icon-red.svg");
  width: 21px;
  height: 14px;
  margin-top: -2px;
}

.package-outer .package-social-list li span {
  margin-top: 0;
  text-align: center;
  line-height: 20px;
}

.package-outer .social-insta-icon {
  width: 12px;
  height: 12px;
}

.package-outer .social-tiktok-icon {
  width: 10px;
  height: 12px;
}

.package-outer .social-twitch-icon {
  width: 12px;
  height: 12px;
  margin: 2px 0 0;
}

.package-outer .social-twitter-icon {
  width: 13px;
  height: 11px;
}

.package-outer .social-youtube-icon {
  width: 13px;
  height: 10px;
}

.package-outer .package-social-list li {
  margin-right: 0;
}

.package-media-square > span {
  width: 68px;
  height: 68px;
}

.package-media-square > span img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.payout-icon-blue {
  background-image: url("../images/payout.svg");
  width: 29px;
  height: 27px;
}

.custom-tables-new-type--2 .table tr td {
  color: #e5e5e5;
}

.persoanlAppearance-icon,
.notify-icon-outer .common-icon.persoanlAppearance-icon {
  background-image: url("../images/personal-appearance-new.svg");
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

.premiumContent-icon,
.notify-icon-outer .common-icon.premiumContent-icon {
  background-image: url("../images/premiumContent-icon.svg");
  width: 17px;
  height: 15px;
}

.status-active,
.status-paid,
.status-payment_completed,
.status-upcoming,
.status-payment_complete,
.status-released_completed,
.status-completed,
.status-streaming,
.status-captured,
.status-dispute_started {
  color: #2eb85c;
}

.status-expired,
.status-celebencer_cancelled,
.status-merchant_cancelled,
.status-retry_payment,
.status-expired_refunded,
.status-refunded,
.refunded,
.status-failed {
  color: #e24949;
}

/*red*/
.status-second_installment_transfered {
  color: #1877f2;
}

.top-element-with-tooltip-left .tooltip-outer {
  right: auto;
  left: -35px;
}

.top-element-with-tooltip__type-3 .tooltip-outer {
  bottom: 43px;
  right: auto;
  max-width: max-content;
}

.common-icon__type-2 {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.numbered-list {
  list-style: decimal none outside;
  padding-left: 25px;
  margin-bottom: 20px;
}

.privacy-policy tr td {
  color: #e5e5e5;
  font-size: 20px;
  margin-bottom: 5px;
}

.privacy-policy .static-page-para li {
  white-space: normal;
}

.text-blue {
  color: #1877f2;
}

.privacy-policy .table {
  max-width: 100%;
}

.static-sections {
  border-color: #353b43 !important;
}

/*css-by-vipul-ends*/
.plain-modal.image-carousel-custom {
  padding: 0 !important;
  width: 100%;
  height: 100%;
}

.image-carousel-custom.plain-modal .modal-dialog {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0;
  max-height: 100%;
}

.image-carousel-custom.plain-modal .modal-content {
  padding: 0;
  background: #000;
  border: 0;
  height: 100%;
}

.image-carousel-custom,
.image-carousel-custom .modal-header .close {
  right: 20px !important;
}

.image-carousel-custom.plain-modal .modal-header .close span {
  background-image: url("../images/close-icon-white.svg");
}

.image-carousel-custom.plain-modal .modal-body {
  height: 100%;
  align-items: center;
  display: flex;
  width: 100%;
  min-height: 100%;
  justify-content: center;
  padding: 0 20px;
}

.carousel-root {
  outline: none;
  width: 100%;
  margin-top: 20px;
}

.object-fit {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.recent-uploads > .rounded {
  max-height: 120px;
  width: 100%;
  aspect-ratio: 1;
}

.recent-uploads > .uploaded-img-thumb {
  max-height: 140px;
  width: 100%;
  aspect-ratio: 1;
}

.recent-uploads img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.market-place-banner {
  overflow: hidden;
  height: 500px;
}

.market-place-banner.banner-section .img-fluid {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.a-span3 .a-size-base {
  margin-right: 20px;
}

.hide-icon .react-datepicker-wrapper {
  opacity: 0.5;
}

.hide-icon .react-datepicker-wrapper::after {
  display: none;
}

.bold-text {
  font-weight: bold;
  font-size: 21px;
  /* Change to your desired font */
}

.payment-policy p {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 1.6;
}

.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label {
  cursor: not-allowed;
  color: #e5e5e5;
}

.custom-control-input:disabled ~ .custom-control-label::before,
.custom-control-input[disabled] ~ .custom-control-label::before {
  background: transparent;
}

/* Direct message */
.contact-list {
  padding: 16px;
  max-height: 495px;
  overflow: auto;
  scrollbar-color: #3e4147 transparent;
  scrollbar-width: thin;
}

.user-list {
  padding: 10px 15px 12px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-radius: 3px;
}

.user-list .contact-image {
  overflow: visible;
  position: relative;
  width: 36px;
  height: 36px;
  line-height: 36px;
  float: left;
  margin-bottom: 0px;
}

.user-list .contact-detail {
  display: flex;
  margin-left: 52px;
  justify-content: space-between;
}

.user-list .profile-type {
  font-size: 13px;
  color: #979a9f;
}

.user-list .contact-name {
  margin: 4px 0 0;
  font-size: 15px;
  position: relative;
}

.user-list .message-text-short,
.message-text-short {
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  font-size: 13px;
  color: #969ba1;
}

.user-list .online-timing {
  display: inline-block;
  line-height: 1.6;
  height: 23px;
  font-size: 11px;
  color: #979aa1;
  text-align: right;
  width: 100%;
}

.user-list .online-timing span {
  display: block;
}

.user-list.active {
  background: #111214;
}

.user-list .contact-detail > div {
  width: 58%;
}

.user-list .contact-name strong {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}

.card-body-new .bg-grey.grey-bg {
  background: #111214;
}

.card-body-new .bg-grey.grey-bg .top-0 {
  top: auto;
  right: 0;
}

.card-body-new .bg-grey.grey-bg .live-g-chat {
  width: 100%;
  max-width: 400px;
}

.message-by-self .sender-img {
  float: right;
  margin: 10px 0 0 14px;
}

aside.epr-main.EmojiPickerReact {
  position: absolute;
  z-index: 1;
  bottom: 5px;
  right: 5px;
  left: 5px;
  width: unset;
  max-width: 97%;
}

.direct-msg.message-window {
  padding-left: 20px;
}

.direct-msg.message-window .recieved-message-outer {
  width: calc(100% - 45px);
}

.directChat-icon,
.notify-icon-outer .common-icon.directChat-icon {
  width: 20px;
  height: 20px;
  background: url(../images/chat-3.svg) no-repeat;
  background-size: 100%;
}

.direct-msg-textarea textarea.form-control {
  border: 1px solid #2f3135;
  height: 100px;
}

.direct-send-msg {
  display: flex;
  padding: 10px 20px 10px 10px;
}

.direct-send-msg .chat-actions {
  position: unset;
  margin-top: 0;
}

.direct-send-msg .chat-actions .new-theme-btn {
  border-radius: 50px;
}

.direct-send-msg .chat-actions a {
  margin-right: 25px;
}

.blue-plus-icon {
  background-image: url("../images/blue-plus-icon.svg");
  width: 17px;
  height: 17px;
  margin-right: 5px;
  margin-top: -2px;
}

.header-chatbox {
  border-bottom: 1px solid #353b43;
  color: #e5e5e5;
  line-height: normal;
  padding: 0 15px;
}

.header-chatbox .contact-image {
  width: 29px;
  height: 29px;
  background: #1877f2;
  text-align: center;
  line-height: 27px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  margin-right: 14px;
  display: block;
  overflow: hidden;
}

#directMessaging .header-chatbox .contact-image,
.custom-accordion .header-chatbox .contact-image {
  width: 49px;
  height: 49px;
}

#directMessaging .header-chatbox .contact-image img,
.custom-accordion .header-chatbox .contact-image img {
  max-width: 54px;
  max-height: 54px;
}

.header-chatbox .name {
  color: #3c5364;
}

.header-chatbox .time {
  font-size: 12px;
  opacity: 0.5;
}

.cookie-container {
  background: #3c5364;
  color: #fff;
  text-align: center;
  padding: 2rem;
  position: fixed;
  bottom: 0;
  font-size: 1rem;
  gap: 2rem;
  z-index: 999;
  width: 100%;
  border-top: 1px solid #00304c;
}

.cookie-container a {
  color: #fff;
  text-decoration: underline;
}

.cookie-container a:hover {
  color: #fff;
  text-decoration: none;
}

.cookie-container .close-btn {
  position: absolute;
  background: #efefef;
  color: #000;
  text-decoration: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  top: -20px;
  display: flex;
  align-items: center;
  text-indent: -99999px;
}

.cookie-container .close-btn::before,
.cookie-container .close-btn::after {
  content: " ";
  background: #000;
  height: 2px;
  width: 15px;
  transform: rotate(45deg);
  position: absolute;
  left: 13px;
}

.cookie-container .close-btn::after {
  transform: rotate(-45deg);
}

.chat-info {
  position: absolute;
  background: #353b43;
  border-radius: 0.4em;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  color: #e5e5e5;
  font-size: 12px;
  padding: 10px;
  min-width: 150px;
  z-index: 1;
  display: none;
  border: 1px solid #666;
  margin-bottom: 5px;
}

.chat-info:after,
.chat-info::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #353b43;
  border-bottom: 0;
  margin-left: -10px;
  margin-bottom: -10px;
}

.chat-info::before {
  bottom: -11px;
  border: 11px solid transparent;
  border-top-color: #666;
  margin-left: -11px;
  margin-bottom: -11px;
}

.redbtn:hover .chat-info {
  display: block;
}

.field-value-new .slick-slider .slick-track,
.deliverable-section .slick-slider .slick-track,
.recent-uploads .slick-slider .slick-track {
  display: flex;
}

.field-value-new .slick-slider .slick-track .slick-slide {
  height: inherit !important;
}

.field-value-new .slick-slider .slick-track .slick-slide div {
  height: 100%;
}

.scroll-outer .bordered-box-tile .bordered-box-title {
  width: calc(100% - 40px);
}

.theme-btn-outline,
.card-header a.theme-btn-outline {
  height: 43px;
  line-height: 42px;
  background: transparent;
  border: 1px solid #1877f2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  font-size: 18px;
  text-transform: none;
  padding: 0 15px;
  font-family: "NeusaNextStd-Regular", sans-serif;
}

/* livesale new design */
.livesale-cardbg,
.livesale-cardbg2,
.livesale-cardbg3,
.livesale-cardbg4,
.merchant-profile-tab .col-12 .livesale-cardbg {
  background: #0074d9;
  padding: 15px 0;
  border-radius: 10px;
}

.livesale-cardbg2,
.slick-slide:nth-child(4n-2) .livesale-cardbg,
.col-12:nth-child(4n-2) .livesale-cardbg,
.chat-listing-item:nth-child(4n-2) .livesale-cardbg {
  background: #d8f2f8;
}

.livesale-cardbg3,
.slick-slide:nth-child(4n-1) .livesale-cardbg,
.col-12:nth-child(4n-1) .livesale-cardbg,
.chat-listing-item:nth-child(4n-1) .livesale-cardbg {
  background: #fbe5ab;
}

.livesale-cardbg4,
.slick-slide:nth-child(4n) .livesale-cardbg,
.col-12:nth-child(4n) .livesale-cardbg,
.chat-listing-item:nth-child(4n) .livesale-cardbg {
  background: url(../images/card-bg001.jpg);
  background-size: auto 100%;
}

.livesale-cardinner img {
  border-radius: 5px;
}

.livesale-cardbg .livesale-cardinner,
.livesale-cardbg2 .livesale-cardinner,
.livesale-cardbg3 .livesale-cardinner,
.livesale-cardbg4 .livesale-cardinner,
.chat-listing-item .livesale-cardinner {
  background: #2789e6;
  border-radius: 5px;
  overflow: hidden;
}

.livesale-cardbg2 .livesale-cardinner,
.slick-slide:nth-child(4n-2) .livesale-cardbg .livesale-cardinner,
.col-12:nth-child(4n-2) .livesale-cardbg .livesale-cardinner,
.chat-listing-item:nth-child(4n-2) .livesale-cardbg .livesale-cardinner {
  background: #c0e0f4;
}

.livesale-cardbg3 .livesale-cardinner,
.slick-slide:nth-child(4n-1) .livesale-cardbg .livesale-cardinner,
.col-12:nth-child(4n-1) .livesale-cardbg .livesale-cardinner,
.chat-listing-item:nth-child(4n-1) .livesale-cardbg .livesale-cardinner {
  background: #fff7dd;
}

.livesale-cardbg4 .livesale-cardinner,
.slick-slide:nth-child(4n) .livesale-cardbg .livesale-cardinner,
.col-12:nth-child(4n) .livesale-cardbg .livesale-cardinner,
.chat-listing-item:nth-child(4n) .livesale-cardbg .livesale-cardinner {
  background: #c0e0f4;
}

.livesale-cardbg.single-thumb,
.livesale-cardbg.single-thumb .col {
  padding: 0;
}

.card-img[class*="livesale-cardbg"] .about-card {
  width: auto;
  left: 5px;
  bottom: -10px;
  right: -1px;
}

.card-img[class*="livesale-cardbg"] .new-live-btn {
  top: 10px;
  right: 14px;
}

.livesale-thumnailbg {
  background: #d8f2f8;
  padding: 8px;
  border-radius: 10px;
  max-width: 292px;
  height: 150px;
  display: flex;
}

.livesale-thumnailbg.single-thumb {
  height: 150px;
  padding: 0px;
  background: transparent;
}

.livesale-thumnailbg img {
  width: 100%;
  height: 100%;
  max-height: 150px;
  min-height: 132px;
  object-fit: cover;
  border-radius: 10px;
  object-position: top center;
}

.edit-icon-thumb {
  background-image: url(../images/edit-blue.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
  text-indent: -9999px;
  background-size: 100%;
  margin: 0 5px;
}

.premium-content-icon {
  background-image: url("../images/premium-content-grey.svg");
  width: 19px;
  height: 18px;
}

.active .premium-content-icon {
  background-image: url("../images/premium-content-white.svg");
}

.live-groupchat-icon {
  background-image: url("../images/group-chat-grey.svg");
  width: 19px;
  height: 18px;
}

.active .live-groupchat-icon {
  background-image: url("../images/group-chat-icon.svg");
}

.form-field-wrapper .custom-control-label.radius-50 {
  padding-left: 35px;
}

.form-field-wrapper .custom-control-label.radius-50::before {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.form-field-wrapper .custom-control-label.radius-50::after {
  background: no-repeat 50% 50%;
}

.merchant-live-sale .live-sales-card .card-img {
  height: 150px;
}

.merchant-live-sale .livesale-cardbg {
  padding: 10px 0;
}

.merchant-live-sale .livesale-cardbg .col {
  padding: 0px 10px;
}

.merchant-live-sale .livesale-cardbg .col:first-child {
  padding-right: 5px !important;
}

.merchant-live-sale .livesale-cardbg .col:last-child {
  padding-left: 5px !important;
}

.livesale-thumnailbg .delete-btn {
  right: 0;
  margin: -15px -10px 0 0;
}

.bdr-radius10 {
  border-radius: 10px;
}

/* ==== live-soon-detail ==== */
.live-soon-detail .bordered-box-title span {
  font-size: 22px;
  margin-top: 10px;
}

.live-soon-detail .pro-img {
  height: 300px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
}

.group-chat button {
  line-height: 2.2;
}

.live-soon-detail .live-soon {
  box-shadow: none;
}

.live-soon-detail .live-soon span {
  color: #3c5364;
}

.live-soon-detail .live-soon .btn-success {
  line-height: 1.5;
  height: auto;
}

.live-soon-detail .card,
.live-soon-detail .card-header {
  border-color: #353b43;
}

.record-session .tooltip-outer {
  right: -140px;
}

.expire-timer {
  width: 90px;
  white-space: nowrap;
}

.shopify-select {
  vertical-align: top;
}

.shopify-select div.css-yk16xz-control,
.shopify-select div.css-1pahdxg-control,
.shopify-select div.css-1pahdxg-control:focus,
.shopify-select div.css-1pahdxg-control:hover {
  min-width: 200px;
  min-height: 43px;
  border: 2px solid #90b448;
  background: #fff url(../images/shopify-logo-text.svg) no-repeat 10px center;
  background-size: 82px auto;
  padding-left: 90px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: none;
}

.shopify-select .css-2b097c-container {
  color: #1e2023;
}

.shopify-btn {
  min-height: 43px;
  background: #fff;
  border: 2px solid #90b448;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  font-style: italic;
  font-family: "NeusaNextStd-Bold", sans-serif;
}

.shopify-select .css-1uccc91-singleValue,
.shopify-select .css-1wa3eu0-placeholder {
  margin-top: 3px;
  color: #1e2023 !important;
}

.shopify-icon {
  background-image: url("../images/shopify-logo.svg");
  width: 76px;
  height: 86px;
}

.shopify-icon-bg {
  background-color: #ffe9e9;
  position: relative;
}

.shopify-help-icon {
  width: 45px;
  height: 45px;
  font-family: "NeusaNextStd-Bold", sans-serif;
  font-size: 24px;
  line-height: 45px;
  color: #fff;
  font-weight: bolder;
  background: #e53446;
  position: absolute;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 50%;
  left: 50%;
  bottom: -16px;
  transform: translateX(-50%);
}

.shopify-btn img {
  vertical-align: text-bottom;
}

.payment-tabs {
  width: 100%;
  max-width: 150px;
  min-height: 65px;
  padding: 15px;
  padding-bottom: 10px;
  text-align: left;
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #6e818c;
  border: 2px solid #3d4147;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
}

.payment-tabs.active,
.payment-tabs:hover {
  border-color: #007bff;
  color: #007bff;
}

.payment-tabs.active span.common-icon {
  filter: sepia(100%) hue-rotate(550deg) saturate(600%);
}

.opacity-1 {
  opacity: 0.1;
}

.unorder-list {
  list-style: disc;
  margin-left: 20px;
}

.dots-vertical-icon {
  display: inline-block;
  width: 4px;
  height: 16px;
  background-image: url("../images/bx-dots-vertical.svg");
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
}

.newsfeeds-publish {
  position: absolute;
  z-index: 999;
  right: -10px;
  top: 100%;
  width: 290px;
  padding: 10px 15px;
  background: #ffffff;
  border: 1px solid #d8dbe0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #333;
  color: #3c5364;
  font-family: NeusaNextStd-Medium, sans-serif;
  text-align: left;
  display: none;
}

.newsfeeds-publish:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 10px 10px;
  border-color: #ffffff transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -10px;
  right: 8%;
}

.newsfeeds-publish:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 10px 10px;
  border-color: #d8dbe0 transparent;
  display: block;
  width: 0;
  z-index: 0;
  top: -11px;
  right: 8%;
}

.feeds:hover .newsfeeds-publish {
  display: block;
}

.celebencerRequest .slick-track {
  display: flex;
}

.fb-icon-new1,
.insta-icon-new1,
.youtube-icon-new1,
.twitr-icon-new1,
.twitch-icon-new1 {
  position: relative;
  padding-left: 25px;
  display: inline-block;
}

.fb-icon-new1::before,
.insta-icon-new1::before,
.youtube-icon-new1::before,
.twitr-icon-new1::before,
.twitch-icon-new1::before {
  background-image: url("../images/facebook.svg");
  width: 8px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
}

.insta-icon-new1::before {
  background-image: url("../images/instagram.svg");
  width: 16px;
  height: 16px;
}

.youtube-icon-new1::before {
  background-image: url("../images/youtube-new.svg");
  width: 18px;
  height: 13px;
}

.twitr-icon-new1::before {
  background-image: url("../images/twitter-new.svg");
  width: 18px;
  height: 15px;
}

.twitch-icon-new1::before {
  background-image: url("../images/social-twitch-grey.svg");
  width: 14px;
  height: 15px;
}

.uv-store-img {
  position: absolute;
  top: 50%;
  left: 9px;
  transform: translateY(-50%) !important;
  border-radius: 50%;
}

.uv-store-search .search-form {
  max-width: 480px;
}

.old-price {
  text-decoration: line-through;
  color: #b7b7b7;
  margin-left: 10px;
}

.col-lg-uvstore {
  width: 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}

.copy-icon {
  background: url("../images/copy-icon.svg");
  background-size: 100% auto;
  width: 20px;
  height: 24px;
  display: inline-block;
  margin: -5px 15px 0px;
}

.share-arrow-new.share-icon-white + .share-btn-tooltip {
  left: unset;
  right: 0;
}

.modal-open .modal {
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.2);
}

.css-xb97g8:hover {
  background-color: transparent !important;
  cursor: pointer;
}

.btn-with-store-icon.active {
  background: #e9ecef;
  border-color: #e9ecef;
  color: #212529;
}

.filter-list-new .slick-slide:first-child li a {
  background: #0079ed;
}

.wrapper-lg .card-img img,
.same-product .card-img img {
  object-fit: cover;
}

.btn-footer {
  background: #3e4147;
  color: #fff;
}

.btn-footer:hover {
  background: #111214;
  color: #fff;
}

.show-mobile {
  display: none;
}

.show-mobile.border-bottom {
  border-color: #353b43 !important;
}

.home-banner-new .banner-title {
  max-width: 900px;
}

.wrapper-lg .card-img img,
.same-product .card-img img,
.gallery-row .card-img img,
.category-col .card-img img {
  object-fit: cover;
}

.uv-store-product {
  color: #8a98a2;
  font-family: NeusaNextStd-Regular, sans-serif;
  font-size: 18px;
}

.wrapper-lg .card-img img,
.same-product .card-img img,
.gallery-row .card-img img,
.category-col .card-img img,
.gallery-content .card-img img,
.slick-slider .card-img img {
  object-fit: cover;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow:
    0 0 0 30px #292a2d inset,
    0 0 0 30px #292a2d inset;
  -webkit-box-shadow:
    0 0 0 30px #292a2d inset,
    0 0 0 30px #292a2d inset,
    0 0 0 30px #292a2d inset,
    0 0 0 30px #292a2d inset !important;
  -webkit-text-fill-color: #e5e5e5 !important;
  border-radius: 8px;
  color: #e5e5e5 !important;
}

input:-moz-autofill,
input:-moz-autofill:hover,
input:-moz-autofill:focus,
input:-moz-autofill:active {
  box-shadow:
    0 0 0 30px #292a2d inset,
    0 0 0 30px #292a2d inset;
  -webkit-box-shadow:
    0 0 0 30px #292a2d inset,
    0 0 0 30px #292a2d inset,
    0 0 0 30px #292a2d inset,
    0 0 0 30px #292a2d inset !important;
  -moz-text-fill-color: #e5e5e5 !important;
  border-radius: 8px;
  color: #e5e5e5 !important;
}

.custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: transparent;
}

.react-date-picker__inputGroup__input {
  color: #fff;
}

.dark-gray-bg {
  background: #1e2023;
}

.field-label span.status-accepted .location-grey {
  vertical-align: unset;
  margin: 0 0 -2px;
}

.location-ellipses,
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thumbnail-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.skeletonn {
  display: inline-block;
  height: 120px;
  width: 120px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 400% 100%;
  animation: shimmer 1.2s ease-in-out infinite;
}

@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.video-container {
  position: relative;
  width: 120px;
  height: 120px;
}

.video-hidden {
  display: none;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  z-index: 2;
}

.show-file .position-relative {
  position: relative;
}

.left-align-tooltip .tooltip-outer {
  z-index: 11;
}

.bg-white {
  background: #1e2023 !important;
}

.list-open .uploaded-files .col-md-3.video-image {
  max-width: 33.33%;
  flex: 33.33%;
}

.uploaded-files .col-md-3.video-image {
  max-width: 50%;
  flex: 50%;
}

.page-item.disabled .page-link {
  background-color: #1e2023;
  border-color: #353b43;
}

.btn-sqr {
  min-width: 40px;
  padding: 0 6px !important;
}

button.close,
button.close:hover,
.color-primary,
.bordered-box-title span {
  color: #e5e5e5;
}

.react-datepicker {
  background-color: #292a2d;
  color: #e5e5e5;
  border-color: #2f3135;
}

.react-datepicker__header {
  background-color: #41454a;
  border-bottom: 1px solid #5a5a5a;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name,
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  color: #e5e5e5;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  color: #747c81;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  background: #1e2023;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-top-color: #292a2d;
}

.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-top-color: #2f3135;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before {
  border-bottom-color: #41454a;
}

section.form-sections.border-right,
.details-outer {
  border-color: #3a3f45 !important;
}

.variable-width .common-card.mb-md-0.mb-4.video-image {
  width: 482px;
}

.variable-width .common-card {
  max-width: 231px;
}

.variable-width .slick-track {
  display: flex;
}

.table {
  color: #e5e5e5;
}

.modal-header,
.modal-footer {
  border-color: #353b43;
}

.epr_-4ueg5a,
.tab-pane aside {
  background: #111214 !important;
  border-color: #3c3c3c !important;
}

.EmojiPickerReact .epr-search-container input.epr-search,
.EmojiPickerReact .epr-search-container input,
.EmojiPickerReact .epr-search-container input.epr-search:focus,
.epr_-99lr9q {
  background: #292a2d !important;
  color: #e5e5e5 !important;
  border-color: #2f3135 !important;
}

.day-left {
  color: #24bb88;
}

.btn-width {
  min-width: 150px;
}

.link-copied {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
}

.disabled-field label {
  color: #696a6c;
}

.disabled-field .form-control {
  background: #1e1f22 !important;
  border-color: #26282c !important;
  color: #696a6c;
  pointer-events: none;
}

.hrs-mins {
  flex-wrap: nowrap;
}

.hrs-mins .input-group-text {
  border-radius: 0px;
  padding: 0.375rem 0.5rem;
  background: #2f3135;
  color: #babfc5;
}

.hrs-mins .form-control {
  padding: 0.375rem 0.75rem 0.375rem 0.25rem;
  border-radius: 0px;
}

.hrs-mins .input-group-text:first-child {
  border-radius: 8px 0 0 8px;
}

.hrs-mins .form-control:last-child {
  border-radius: 0 8px 8px 0;
}

.hrs-mins .form-field-wrapper {
  margin-bottom: 0;
}

.hrs-mins .field-label {
  display: none;
}

.hrs-mins.field-value-new select.form-control {
  border-color: #2f3135;
  background: #292a2d url("../images/arrow-down.png") no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background-position: calc(100% - 5px) center;
  padding-right: 20px;
}

.ticket-box,
.ticket-sold {
  max-height: 200px;
  overflow: auto;
}

.ticket-sold {
  max-height: 70px;
}

.field-values-outer.field-values-outer .term.custom-control-label::after {
  left: -0px;
  margin-top: -1px;
}

.white-box-inner .white-box-inner {
  padding: 0px;
}

.age-range-outer .css-109onse-indicatorSeparator {
  background-color: #2f3135;
}

.custom-width .slick-list .slick-track {
  display: inline-block;
  white-space: nowrap;
}

.custom-width .slick-list .slick-track .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.custom-width .video-image.common-card {
  max-width: 455px;
  width: 100%;
}

.custom-width .common-card {
  width: 231px;
}

#analyticsTabs-tabpane-generalAnalytics {
  display: block;
  opacity: 1;
}

.no-scale:hover img {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

.filter-sub {
  margin-left: 38px;
}

.package-details-new .border-left {
  border-color: #353b43 !important;
}

.more-line {
  left: 0;
  top: -65px !important;
}

.alert-close {
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 32px;
}

.send-tips-popup div {
  border-color: #3e4147 !important;
}

.login-or {
  width: 100%;
  border-bottom: 1px solid #303438;
  text-align: center;
  margin: 15px 0 20px;
  position: relative;
}

.login-or span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #1e2023;
  padding: 5px 10px;
}

.google-button-wrapper iframe,
.login-actions iframe {
  min-width: 100%;
  margin: 0 !important;
  height: 50px !important;
}

.google-button-wrapper iframe #container.haAclf {
  width: 100% !important;
  height: 50px !important;
  padding: 0 !important;
}

.google-button-wrapper {
  margin-bottom: 15px;
}

.google-button-wrapper .nsm7Bb-HzV7m-LgbsSe,
.react-apple-signin-auth-btn-dark {
  height: 50px;
  width: 100%;
  border-radius: 30px !important;
  font-size: 20px !important;
  border-color: #000 !important;
}

.google-login-btn {
  width: 100%;
  height: 50px;
  border-radius: 30px;
  background-color: #fff;
  font-size: 20px;
  font-weight: bold;
  align-items: center;
  display: flex;
  justify-content: center;
}

.google-login-btn span {
  margin-bottom: -5px;
}

.react-apple-signin-auth-btn-dark svg {
  width: 30px;
  height: 60px;
  margin-top: -3px;
}

.heading-xs {
  font-family: NeusaNextStd-bold, sans-serif;
  font-size: 18px;
}

.affiliat-comission .tooltip-outer {
  right: auto;
  left: -100px;
}

.fields-outer .field-values-outer {
  margin-bottom: 0;
}

.edit-icon-new {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: -3px;
  background: url("../images/edit-new.svg") no-repeat;
  background-size: cover;
}

.react-time-picker__inputGroup__amPm {
  min-width: 2.3em;
  background: url("../images/arrow-down.png") no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background-position: calc(100% - 0px) center;
}

.medium-modal .modal-dialog {
  max-width: 800px;
  text-align: left;
}

.medium-modal .text-center.modal-body {
  text-align: left !important;
}

.medium-modal .modal-head {
  display: flex;
  padding-bottom: 20px;
  margin: -30px 0 0;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #303438;
}

.medium-modal .section-heading-new {
  font-size: 24px;
}

.medium-modal .modal-head .delete-bin-outer {
  min-width: 100px;
  width: 100px;
  height: 100px;
  margin: 0 15px 0px 0;
}

.medium-modal .modal-head .token-icon-sm {
  width: 45px;
  height: 37px;
}

.medium-modal .modal-head .token-numbers {
  font-size: 22px;
}

.medium-modal p.py-4 {
  clear: both;
  padding-bottom: 10px !important;
}

.medium-modal .close {
  font-size: 40px;
  line-height: 20px;
  margin-top: 5px;
}

/* .medium-modal .form-field-wrapper1 {padding-top: 20px; border-top: 1px solid #303438;} */
.medium-modal .summary-table {
  margin-bottom: 0;
}

.tokens-balance {
  font-family: NeusaNextStd-bold, sans-serif;
  font-size: 15px;
  color: #e5e5e5;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #24bb88;
}

.tokens-balance .token-icon-sm {
  width: 28px;
  height: 25px;
}

.bdr-1 {
  border: 1px solid #303438;
}

.transactions-table .text-success {
  color: #24bb88 !important;
}

.back-btn-rounded {
  width: 30px;
  height: 30px;
  background: #3e4147;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 18px;
  left: 15px;
}

.back-btn-rounded::before {
  opacity: 1;
  width: 6px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: url("../images/white-arrow.svg") no-repeat;
  background-size: cover;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.chatbox-modal .modal-dialog {
  margin: 0 auto;
}

.chatbox-modal .modal-content {
  background: #111214;
}

.chatbox-modal .modal-dialog .modal-header {
  padding: 0;
}

.chatbox-modal .modal-content .message-window {
  padding: 0 10px;
}

.chatbox-modal .modal-content .message-text {
  border: none;
}

.chatbox-modal .modal-content .header-chatbox {
  padding: 10px;
  background: #1e2023;
  margin-left: -40px;
  margin-right: -40px;
  margin-top: 0;
  padding-left: 78px;
  padding-bottom: 14px !important;
}

.mw-auto {
  min-width: auto !important;
}

.font-15 {
  font-size: 15.5px !important;
}

.info-status {
  width: 30px;
  height: 30px;
  line-height: 34px;
  text-align: center;
  background: #3e4147;
  font-family: NeusaNextStd-bold, sans-serif;
  font-size: 16px;
  color: #1877f2;
  margin-left: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
}

.contact-list.dashboard-messaging .user-list {
  background: #292e34;
  width: calc(33.33% - 16px);
  margin: 0 0 12px 12px;
  border-radius: 10px;
  padding: 10px 12px 7px;
}

.contact-list.dashboard-messaging .user-list .contact-name strong {
  max-width: calc(100% - 30px);
  width: auto;
}

.contact-list.dashboard-messaging .user-list strong.msg-count {
  width: 18px;
  height: 18px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background: #eb494b;
  margin-left: 10px;
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: -2px;
}

.dashboard-token {
  max-width: 600px;
}

.bordered-box-tile.box-with-token span.text-blue {
  color: #0079eb;
}

.form-field-wrapper .custom-control.custom-checkbox {
  height: auto;
  line-height: normal;
}

.dashboard-table .panel-listing .table-responsive-xl .table {
  max-width: 100%;
}

.video-full-screen,
.modal-content .img-video-outer video {
  height: calc(100vh - 50px);
}

.video-height {
  height: 100%;
}

.toggleDisable .switch input:disabled + label::before {
  background-color: #5c6161;
}

.toggleDisable .switch input:disabled + label::after {
  background: #838383;
  border: 1px solid #a3a3a3;
}

.group-chat-type .toggle-text {
  text-transform: none;
}

.custom-col-width [class*="col-"] {
  max-width: unset;
  padding: 0;
}

.max-width-100 {
  display: inline;
  max-width: 100%;
}

a.btn.disabled,
a.btn:disabled {
  cursor: not-allowed;
  pointer-events: visible;
}

.color-gray {
  color: #757c81;
}

/* === complete-profile === */
.compllete-profile {
  padding: 40px 45px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  background: #1e2023;
  max-width: 580px;
  width: 100%;
  margin-bottom: 20px;
}

.compllete-profile .content {
  color: #757c81;
  font-size: 19px;
}

.video-frame,
.video-outer {
  width: 205px;
  height: 355px;
  margin: 30px auto;
  position: relative;
  border: 5px solid #efbf00;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.video-outer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  border: none;
}

.video-frame::before {
  content: "";
  position: absolute;
  width: 95px;
  height: 178px;
  right: calc(100% + 4px);
  bottom: -5px;
  background: url(../images/star-left.png) no-repeat;
}

.video-frame::after {
  content: "";
  position: absolute;
  width: 67px;
  height: 100px;
  left: calc(100% + 4px);
  top: 15px;
  background: url(../images/star-right.png) no-repeat;
}

.celebration-icon {
  width: 126px;
  height: 126px;
  background: url("../images/celebration-icon.png") no-repeat;
  vertical-align: text-bottom;
}

.stars-icon {
  width: 17px;
  height: 18px;
  display: inline-block;
  background: url("../images/stars.svg") no-repeat;
  vertical-align: text-bottom;
}

.camera-icon-new {
  width: 34px;
  height: 34px;
  background: url("../images/camera-icon-new.png") no-repeat;
}

.complete-profile-pic {
  width: 140px;
  height: 140px;
  background: #3e4147 url("../images/user-solid.svg") no-repeat center center;
  background-size: 40%;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  display: inline-block;
}

.grey-bordered-btn,
.grey-bordered-btn:hover,
.grey-bordered-btn:focus {
  font-family: NeusaNextStd-Medium, sans-serif;
  color: #757c81;
  height: 43px;
  line-height: 43px;
  padding: 0 25px;
  border: 2px solid #757c81;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.info-box {
  background: #111214;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.info-list {
  margin: 0 0 0 25px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.info-list li {
  margin: 5px 0 0px;
  padding: 0 10px 0 0;
  width: 50%;
  vertical-align: top;
  color: #6e7479;
  position: relative;
}

.info-list li::before {
  content: " ";
  width: 4px;
  height: 4px;
  background: #6e7479;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  display: inline-block;
  top: -2px;
  position: relative;
  margin: 0 4px 0 0;
}

.compllete-profile label {
  margin-bottom: 10px;
}

.compllete-profile .card-img {
  height: 170px;
}

.compllete-profile .field-value-new textarea.form-control {
  height: 180px;
}

.verify-icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background: url("../images/verify.svg") no-repeat;
}

.verified-icon {
  background-image: url("../images/icon-verified.svg");
  width: 103px;
  height: 104px;
}

.compllete-profile .search-form {
  max-width: 100%;
  width: 100%;
}

.compllete-profile .search-form input {
  background: #292a2d;
  color: #e5e5e5;
}

.concentration-list {
  max-height: 208px;
  font-size: 18px;
  overflow: auto;
  border-bottom: 1px solid #292a2d;
  scrollbar-color: #3e4147 transparent;
  scrollbar-width: thin;
}

.custom-rowcol label {
  display: none;
}

.custom-rowcol .form-field-wrapper {
  margin-bottom: 10px;
}

/* custom checkboxes */
.custom-checkboxes {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0 !important;
}

.custom-checkboxes input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-checkboxes .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  background: #1e2023;
  border: 2px solid #707070;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}

.custom-checkboxes input:checked ~ .checkmark {
  background: #1877f2;
  border-color: #1877f2;
}

.custom-checkboxes .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 10px;
  top: 6px;
  width: 9px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.custom-checkboxes input:checked ~ .checkmark:after {
  display: block;
}

.profile-heading {
  padding: 26px 26px 0px;
}

.profile-sec {
  padding: 0 26px;
}

.live-sales-slider .marketplace-card1.mb-4 {
  margin-bottom: 0 !important;
}

[data-title]:hover:after {
  content: attr(data-title);
  position: absolute;
  top: -90%;
  left: 0;
  background: #000;
  color: #e5e5e5;
  box-sizing: border-box;
  border: 1px solid #353b43;
  padding: 3px;
  font-size: 15px;
}

/*=== send tip ===*/
.send-tip-outer {
  margin: 30px 0;
}

.send-tip-outer .custom-chat-textarea {
  padding-left: 80px;
  padding-right: 50px;
}

.send-tip-outer .chat-image {
  position: absolute;
  left: 10px;
  top: 10px;
}

.send-tip-outer .smily-icon {
  position: absolute;
  right: 5px;
  top: 15px;
}

.tip-amount {
  position: relative;
  font-family: NeusaNextStd-Bold, sans-serif;
}

.tip-amount input {
  padding-left: 30px !important;
}

.tip-amount span {
  position: absolute;
  left: 15px;
  top: 10px;
}

.disabled_text {
  color: grey;
}

.panel-detail-footer .btn-danger {
  line-height: 3 !important;
}

.total-characters {
  position: absolute;
  right: 12px;
  bottom: 0px;
  color: #747c81;
}

.search-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-container .custom-accordion.accordion .card-header {
  padding: 0 15px;
}

.dashboard-container .card-head-left::after {
  display: none;
}

.dark-bg {
  background: #000;
  border: 1px solid #0e356b;
}

.dark-bg table {
  margin-bottom: 0;
}

.dark-bg table td {
  width: 12%;
  border-color: #2f3136 !important;
}

.dark-bg table thead {
  background: #1a1b1d;
  border-top: 3px solid #090b11;
}

.dark-bg table tbody {
  background: #1e2023;
  border-bottom: 1px solid #2f3136;
}

.dark-bg .contact-list.dashboard-messaging .user-list {
  background: #000;
}

/* .dark-bg table thead th:first-child, .dark-bg table thead td:first-child, .dark-bg table tbody td:first-child{width: 200px !important;} */
.bdr-bottom {
  border-bottom: 1px solid #353b43;
}

.dark-bg table td .title-col {
  width: 200px;
  display: inline-block;
  overflow: visible;
  white-space: normal;
}

.dark-bg table .col-actby {
  width: 120px;
}

.col-title {
  width: 200px;
  min-width: 150px;
}

.dark-bg .arrow-icon {
  width: 12px;
  height: 12px;
  border-left: 2px solid #757c81;
  border-bottom: 2px solid #757c81;
}

.contact-messaging-inner {
  min-width: 980px !important;
  width: 84% !important;
}

.dark-bg .custom-accordion .card-body-new {
  padding-bottom: 0px;
}

.salestop-tooltip .tooltip-outer {
  left: 50%;
  transform: translateX(-75%);
  max-width: 200px;
}

.submit-draft .modal-dialog {
  max-width: 600px;
}

.dispute-modal .border-bottom,
.dispute-modal .border-top {
  border-color: #353b43 !important;
}

.is-video {
  position: relative;
}

.is-video::before {
  content: "";
  background: url("../images/video.svg");
  width: 40px;
  height: 41px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 99;
  cursor: pointer;
  opacity: 0.7;
}

/* ---- Responsive css ---- */
@media (min-width: 575px) {
  .col-sm-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .w-sm-auto {
    width: auto !important;
  }
}

@media (min-width: 768px) {
  .col-md-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 1700px) {
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-lg {
    margin: 0 -25px;
  }

  .col-lg-custom {
    padding: 0 25px;
  }
}

@media (min-width: 992px) {
  .col-lg-2dot4-new {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .advance-search-fields.search-select .select-otr,
  .advance-search-fields.search-select .select-otr .css-2b097c-container,
  .advance-search-fields.search-select
    .select-otr
    .css-2b097c-container
    .css-yk16xz-control,
  .advance-search-fields.search-select
    .select-otr
    .css-2b097c-container
    .css-1pahdxg-control {
    height: 100%;
    color: #111214;
  }
}

@media (min-width: 1200px) {
  .col-lg-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 1300px) {
  .col-xl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-lg {
    margin: 0 -20px;
  }

  .col-lg-custom {
    padding: 0 20px;
  }
}

@media (min-width: 1280px) {
  .seven-cols .col-xxl-1 {
    width: 14.285714285714285714285714285714%;
    max-width: 14.285714285714285714285714285714% !important;
    flex: none !important;
  }
}

@media all and (max-height: 2500px) {
  .adjust-chat-footer .message-window,
  .tab-content .message-window {
    max-height: 100%;
    min-height: 520px;
  }
}

@media all and (min-height: 2500px) {
  .adjust-chat-footer .message-window,
  .tab-content .message-window {
    max-height: 100%;
    min-height: 520px;
  }
}

@media (max-height: 1600px) {
  .adjust-chat-footer .message-window,
  .tab-content .message-window {
    max-height: 100%;
    min-height: 440px;
  }
}

@media all and (max-height: 1300px) {
  .message-window {
    max-height: 400px;
  }

  .price_list .message-window {
    max-height: 260px;
    height: 370px;
  }

  .adjust-chat-footer .message-window,
  .tab-content .message-window {
    min-height: 410px;
  }
}

@media all and (max-height: 1000px) {
  .adjust-chat-footer .message-window,
  .tab-content .message-window {
    min-height: 370px;
  }
}

@media all and (max-height: 900px) {
  .message-window {
    height: 350px;
  }

  .direct-msg.message-window {
    height: 400px;
  }

  .price_list .direct-msg.message-window {
    max-height: 260px;
  }
}

@media all and (max-height: 700px) {
  .message-window {
    height: 300px;
  }

  .direct-msg.message-window {
    height: 400px;
  }

  .price_list .direct-msg.message-window {
    max-height: 260px;
  }
}

@media all and (max-height: 600px) {
  .message-window {
    height: 250px;
  }

  .direct-msg.message-window {
    height: 400px;
  }

  .price_list .direct-msg.message-window {
    max-height: 260px;
  }

  .chat-box {
    width: 380px;
  }
}

@media all and (max-height: 500px) {
  .message-window {
    height: 150px;
  }

  .direct-msg.message-window {
    height: 300px;
  }

  .chat-control-icon {
    width: 26px;
    height: 24px;
    background-size: cover;
  }

  .chat-btn {
    width: 60px;
    height: 60px;
    bottom: 40px;
    line-height: 60px;
  }

  .chat-box {
    bottom: 104px;
    width: 380px;
  }

  .scroll-Top {
    height: 40px;
    width: 40px;
    bottom: 50px;
  }

  .top-arrow-icon {
    width: 13px;
    height: 13px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    margin-top: 5px;
  }

  .top-element-with-tooltip-left .tooltip-outer {
    right: auto;
    left: -173px;
  }

  .top-element-with-tooltip-left__type-2 .tooltip-outer {
    right: auto;
    left: -118px;
  }
}

@media all and (max-width: 1880px) {
  .site-header .navbar-light .navbar-nav .nav-link {
    padding: 12px 10px;
    font-size: 14px;
  }

  .btn-success {
    min-width: 50px;
  }

  .cross-btn.btn-danger {
    min-width: 70px;
  }

  .group-chat-details {
    width: 60%;
  }

  .filter-item {
    font-size: 20px;
  }

  .header-right-top .search-form {
    max-width: 100%;
    margin-right: 0px;
  }

  .panel-detail-body .checkbox-new-label {
    font-size: 16px;
  }

  .search-col {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .image-navbar-below {
    margin-top: 30px;
  }

  .image-navbar {
    margin-right: 30px;
  }
}

@media all and (max-width: 1750px) {
  .plain-blue-link {
    font-size: 16px;
  }

  .merchant-about {
    min-height: auto;
  }

  .rounded-input {
    height: 45px;
  }

  .white-box {
    padding: 20px 25px;
  }

  .count {
    font-size: 50px;
  }

  .count-info {
    font-size: 18px;
  }

  .btn-purple-gradient {
    min-width: 156px;
  }

  .public-store-icon {
    min-width: 210px;
  }

  .product-promotion-img {
    width: 190px;
    height: 200px;
    line-height: 200px;
    margin-right: 25px;
  }

  .product-promotion-detail .social-info-list {
    margin-right: 0;
  }

  .product-header .panel-detail-title {
    font-size: 28px;
  }

  .product-header .btn-purple-gradient {
    height: 44px;
    font-size: 15px;
    line-height: 29px;
  }

  .product-header .btn-purple-gradient .add-symbol {
    margin-right: 10px;
    font-size: 21px;
  }

  .product-header .dropdown-outline {
    height: 44px;
    font-size: 18px;
    margin-left: 10px;
  }

  .product-header .dropdown-outline.dropdown-toggle::after {
    top: 13px;
  }

  .create-offer-form label {
    font-size: 16px;
    color: #999;
  }

  .add-slots .css-tlfecz-indicatorContainer {
    padding: 3px;
  }

  .add-slots .css-g1d714-ValueContainer {
    padding: 2px 4px;
    padding-left: 15px;
  }

  .custom-timerange #react-time-range #end-component {
    width: 56%;
  }

  .panel-top-actions {
    align-items: start !important;
    justify-content: flex-start !important;
  }

  .panel-listing .search-form {
    max-width: 100%;
  }

  .loader {
    padding-left: 15px;
  }

  .custom-file-new.upload-profile-img .btn {
    min-width: 66px;
  }

  .common-forms .upload-profile-img label.form-control {
    padding-right: 70px;
  }

  .filter-item {
    min-width: 10px;
    font-size: 19px;
  }

  .filter-item span {
    font-size: 14px;
    margin-left: 10px;
  }

  .new-live-btn {
    top: 10px;
    right: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    letter-spacing: 0.8px;
    font-size: 10px;
    min-width: 78px;
    height: 18px;
    line-height: 18px;
    padding: 0 8px;
  }

  .card-artist-area {
    text-transform: capitalize;
  }

  .yellow-star {
    width: 10px;
    height: 10px;
    margin-right: 1px;
  }

  .section-heading-new,
  .card-header a .section-heading-new {
    font-size: 30px;
  }

  .common-card-price-bottom {
    font-size: 16px;
    margin-top: 5px;
  }

  .flash-icon {
    width: 9px;
    height: 13px;
  }

  .card-info-dropdown .dropdown-item {
    padding: 7px 15px;
  }

  .card-info-dropdown .dropdown-item span {
    margin-right: 10px;
  }

  .card-info-dropdown .delete-icon {
    width: 12px;
    height: 14px;
  }

  .card-info-dropdown .publish-icon {
    width: 12px;
    height: 12px;
  }

  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #3e4147 transparent;
    scrollbar-width: thin;
  }

  .custom-tables-new {
    font-size: 17px;
  }

  .action-col-new,
  .action-btn-col {
    min-width: 90px;
  }

  .name-col-outer,
  .date-col,
  .location-col {
    min-width: 130px;
  }

  .wrapper-padding {
    padding: 0 60px;
  }

  .custom-pills {
    padding-right: 80px;
  }

  .tab-content-new {
    margin-left: -50px;
  }

  .custom-pills.nav-pills .nav-link {
    padding: 10px 40px 10px 0;
  }

  .bank-details .field-label-new {
    font-size: 17px;
  }

  .payment-action-btns .btn {
    height: 50px;
    font-size: 19px;
    line-height: 50px;
  }

  .pay-total-price {
    font-size: 26px;
  }

  .payment-form {
    border-bottom: 0;
  }

  .payment-body {
    max-height: 350px;
  }

  .settings-page-cards .card-number {
    letter-spacing: 1px;
  }

  .live-chat,
  .live-image,
  .live-video-details {
    height: 640px;
  }

  .live-video-details .user-image {
    height: 93px;
    width: 93px;
    line-height: 93px;
  }

  .merchant-profile-img {
    height: 180px;
    width: 180px;
    line-height: 174px;
    margin-top: -110px;
  }

  .merchant-profile-top .title-lg {
    font-size: 30px;
  }

  .fullScreenStream {
    margin: 0 80px;
  }

  .cart-items-count {
    font-size: 20px;
    /*transform: scaleX(-1) !important;*/
  }

  .payment-form .progress,
  .payment-form .progress-bar {
    height: 20px;
  }
}

@media all and (max-width: 1600px) {
  .wrapper,
  .horizontal-scroll {
    max-width: 1460px;
  }

  .search-form {
    margin-right: 40px;
  }

  .navbar.navbar-light.bg-light,
  .header-right-bottom .navbar-nav {
    width: 100%;
  }

  .merchant-img-wrap {
    max-height: 350px;
    line-height: 347px;
  }

  .live-chat-details {
    padding: 15px 15px 15px 28px;
  }

  .live-chat-details .btn-outline {
    min-width: 115px;
  }

  .custom-profile-upload {
    height: 28px;
    min-width: 77px;
    font-size: 12px;
    line-height: 23px;
  }

  .profile-upload {
    font-size: 15px;
    height: calc(100% - 24px);
  }

  .profile-image {
    width: 44px;
    height: 44px;
  }

  .panel-listing .table-responsive-xl .table {
    max-width: 950px;
    width: 100%;
  }

  .panel-listing .subscriber-table .table-responsive-xl .table {
    max-width: none;
  }

  .product-detail-modal .panel-listing .table-responsive-xl .table,
  .dashboard-table .panel-listing .table-responsive-xl .table {
    width: 100%;
  }

  .merchant-social-info {
    padding: 15px 20px;
  }

  .merchant-info-box {
    padding: 20px 20px 90px;
  }

  .celebencer-img {
    width: 90px;
    height: 90px;
    margin: 0 auto 12px;
    line-height: 82px;
  }

  .custom-row {
    margin: 0 -15px;
  }

  .custom-col {
    padding: 0 15px;
  }

  .no-img .box-right {
    padding-left: 10px;
  }

  .celebrencers-box .box-name {
    font-size: 19px;
  }

  .product-promotion-img {
    width: 160px;
    height: 180px;
    line-height: 180px;
  }

  .product-title {
    margin: 15px 0;
    font-size: 23px;
  }

  .product-header {
    flex-direction: column;
    align-items: start !important;
  }

  .panel-detail-title {
    margin-bottom: 15px;
  }

  .product-promotions-outer {
    margin-top: 30px !important;
  }

  .panel-details {
    padding: 30px 10px 70px 20px;
  }

  .custom-col-sm {
    padding: 0 5px;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .product-listing .action-btns .btn {
    padding: 0;
  }

  .product-listing .product-image img {
    margin: auto;
  }

  .live-stream-row .custom-col {
    max-width: 16.5%;
    flex: 0 0 16.5%;
  }

  .group-chat-details {
    width: 63%;
  }

  .subscription-body .box-right {
    padding: 0;
  }

  .order-modal .product-promotion-img {
    width: 100%;
    height: auto;
    line-height: normal;
  }

  .login-screen-bg {
    min-height: 566px;
  }

  .login-new-screen {
    max-width: 1200px;
  }

  .site-header .navbar-light .navbar-nav .nav-link {
    font-size: 13px;
    padding: 12px 8px;
  }

  .plain-blue-link {
    font-size: 15px;
  }

  .filter-item {
    font-size: 18px;
  }

  .filter-list-new li {
    margin-right: 10px;
  }

  .banner-title {
    font-size: 50px;
  }

  .banner-btn {
    min-width: 180px;
  }

  .header-right-top .search-form .form-control {
    height: 40px;
  }

  .header-right-top .search-form .search-icon {
    background-size: contain;
    width: 20px;
    height: 20px;
    top: 50%;
  }

  .header-right-top .btn-outline-theme {
    height: 38px;
    line-height: 36px;
    margin-right: 20px;
  }

  .header-right-top .btn-cart {
    width: 18px;
    height: 22px;
    margin: 0 20px 0 0px;
  }

  .bold-text {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 1.1;
  }

  .heading-md {
    font-size: 28px;
  }

  .theme-button {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }

  .btn-purple-gradient {
    min-width: 156px;
    height: 45px;
    font-size: 17px;
  }

  .public-store-icon {
    min-width: 210px;
  }

  .monthly-subscription-text {
    font-size: 28px;
  }

  .custom-forms .form-control,
  .custom-forms .css-yk16xz-control,
  .custom-forms .css-1pahdxg-control {
    height: 65px;
  }

  .custom-forms .form-control.chat-price-field {
    padding: 0 30px;
    line-height: 65px;
  }

  .form-label-group > .label {
    top: 17px;
  }

  .search-icon {
    width: 20px;
    height: 20px;
    background-size: cover;
  }

  .search-btn {
    width: 20px;
    height: 20px;
    top: 13px;
    left: 14px;
  }

  .title-with-rt-border {
    margin-bottom: 0;
  }

  .selected-row-details .react-calendar.custom-calender {
    margin-top: 10px;
  }

  .action-btn-col-lg .btn {
    height: 35px;
    font-size: 14px;
  }

  .link-md.plain-blue-link,
  .monthly-subs-text {
    font-size: 18px;
  }

  .white-box-lg .page-views span {
    font-size: 16px;
  }

  .request-shoutout-title {
    font-size: 22px;
  }

  .progressbar li {
    font-size: 14px;
  }

  .radio-btn {
    height: 45px;
    line-height: 45px;
    min-width: 180px;
  }

  .form-field-new .form-control,
  .new-action-btn .new-theme-btn,
  .social-added-btn,
  .social-btns,
  .modal-action-btns.modal-footer .btn,
  .address-outer-on-updatebank .field-value-new .form-control {
    height: 45px;
  }

  .popup-forms div.css-yk16xz-control,
  .popup-forms div.css-1pahdxg-control:hover,
  .popup-forms div.css-1pahdxg-control,
  .popup-forms div.css-1pahdxg-control:focus {
    min-height: 45px;
  }

  .form-field-wrapper .custom-control {
    height: 45px;
    line-height: 45px;
  }

  .social-btns,
  .insta-button-outer button {
    height: 45px !important;
  }

  .field-label {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .delivery-title,
  .analytic-value,
  .modal-action-btns.modal-footer .btn {
    font-size: 18px;
  }

  .analytic-outer {
    padding-right: 10px;
  }

  .filter-header {
    margin: 20px 0 30px;
  }

  .right-filter .select-box div.css-yk16xz-control,
  div.css-yk16xz-control,
  div.css-1pahdxg-control:hover,
  div.css-1pahdxg-control,
  div.css-1pahdxg-control:focus {
    min-width: 160px;
  }

  .advance-search-fields label {
    font-size: 18px;
  }

  .range-value {
    font-size: 18px;
    height: 40px;
    line-height: 39px;
  }

  .form-field-wrapper.field-values-outer .custom-control {
    height: auto;
    line-height: 1;
  }

  .custom-forms div.css-1pahdxg-control:hover,
  .custom-forms div.css-yk16xz-control,
  .custom-forms div.css-1pahdxg-control,
  .custom-forms div.css-1pahdxg-control:focus,
  div.css-1pahdxg-control:hover {
    min-height: 65px;
  }

  .select-product-outer div.css-1pahdxg-control:hover {
    min-height: 60px;
    padding: 0;
  }

  .live-video-details .box-name {
    font-size: 32px;
  }

  .bg-grey .panel-detail-body {
    padding-right: 20px;
    padding-left: 20px;
  }

  .panel-detail-tabs .panel-filter-list {
    margin: 0 -20px 0 -20px;
  }

  .panel-detail-footer {
    padding: 25px 20px 6px;
    margin: 0 -20px 0 -20px;
  }

  .profile-field-value > span {
    height: auto;
    line-height: 1;
    padding: 7px 18px;
    font-size: 16px;
  }

  .title-sm-new {
    font-size: 24px;
  }

  .title-xs-new {
    font-size: 18px;
  }

  .btn-border {
    font-size: 16px;
  }

  .newsletter-form .form-control {
    height: 44px;
  }

  .newsletter-form .new-theme-btn {
    height: calc(100% - 6px);
    line-height: calc(100% - 6px);
  }

  .outer-wrapper {
    margin-bottom: -306px;
  }

  .push {
    height: 306px;
  }

  .site-logo {
    margin-bottom: -60px;
    padding: 5px 0 0 20px;
  }

  .pricelist-section {
    margin: 0 0px 0px 0px;
    padding: 15px 25px;
  }

  .tab-content-new {
    margin-left: 0px;
  }

  .custom-pills {
    padding-right: 30px;
  }

  .side-menu-nav .nav-link {
    font-size: 18px;
    padding: 12px 16px;
  }

  .settings-action-div .btn {
    font-size: 18px;
    min-width: 178px;
    height: 45px;
    line-height: 45px;
  }

  .inner-inputs {
    height: 45px;
  }

  .login-form-col .white-box-inner {
    padding: 20px 30px;
  }

  .login-note {
    margin: 10px 0 25px;
  }

  .profile-pic-outer-xs {
    margin: 0 0 10px;
  }

  .popup-forms .form-field-wrapper .d-flex.field-label {
    margin-bottom: 17px;
  }

  .uv-banner-text .white-box {
    max-width: 740px;
    font-size: 18px;
    padding: 40px 30px 30px;
  }

  .uv-banner-text .banner-title {
    font-size: 45px;
    letter-spacing: 0.8px;
    margin-bottom: 20px;
  }

  .banner-subtitle {
    font-size: 22px;
  }

  .custom-accordion .panel-detail-tabs .card {
    margin: 0 -20px 0 -20px;
  }

  .custom-accordion .panel-detail-tabs .card-header-analytics {
    padding: 16px 45px 16px 20px;
    position: relative;
  }

  .custom-accordion .panel-detail-tabs .card-header::after {
    right: 15px;
    top: 46%;
  }

  .custom-accordion .panel-detail-tabs .card-header.accordion-open::after {
    right: 23px;
    top: 46%;
  }

  .custom-accordion .panel-detail-tabs .card-body {
    padding: 30px 20px 25px;
  }

  .custom-accordion .panel-detail-tabs .card-header {
    padding: 25px;
  }

  .detail-section-padding {
    padding: 0px 20px 0px;
    margin: 0 -20px 0 -20px;
  }

  .payment-body {
    max-height: 335px;
  }

  .package-social-list li {
    font-size: 17px;
  }

  .marketplace-card .card-img {
    height: 260px;
  }

  .marketplace-card.market-card-sm .card-img {
    height: 250px;
  }

  .search-form .form-control {
    padding-left: 45px;
  }

  .all-search-form input.form-control {
    padding-right: 33px;
  }

  .twitter-icon-white,
  .twitter-icon-grey,
  .google-icon-grey,
  .twitch-icon-white,
  .twitch-icon-grey,
  .insta-icon-white,
  .insta-icon-grey {
    margin-right: 10px;
  }

  .social-added-btn {
    padding: 0 15px;
  }

  .white-box-lg .profile-field-value .social-info-list li {
    margin-right: 30px;
  }

  .white-box-lg .social-info-list li span {
    margin-right: 15px;
  }

  .field-label-lg {
    font-size: 20px;
  }

  .panel-detail-header {
    margin-bottom: 20px;
  }

  .common-link {
    font-size: 16px;
  }

  .live-chat,
  .live-image,
  .live-video-details {
    height: 500px;
  }

  .live-video-controls .btn,
  .live-video-controls .redbtn {
    height: 40px;
    min-height: 40px;
    line-height: 39px;
    font-size: 16px;
  }

  .live-video-controls .btn.round-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .shoutout-details .profile-profession {
    font-size: 16px;
    line-height: 1.2;
  }

  .edit-price-popup .price-field-new .form-control {
    background-size: 7px;
    background-position: 96% center;
    padding-right: 26px;
    font-size: 16px;
  }

  .page-title-new {
    font-size: 45px;
  }

  .loader-img-outer {
    min-height: 400px;
  }

  .notification-btn.btn-outline-theme .badge {
    font-size: 10px;
  }

  .notification-icon {
    width: 21px;
    height: 23px;
  }

  .panel-detail-footer .btn {
    min-width: 120px;
  }

  .merchant-profile-outer {
    font-size: 18px;
    padding: 20px 0 30px;
  }

  .merchant-profile-top .title-lg {
    font-size: 28px;
    margin-bottom: 5px;
  }

  .field-value-new .custom-file-new.upload-profile-img .btn {
    top: 4px;
    transform: translate(0);
  }

  .panel-internal-header {
    padding: 25px 20px 6px;
    margin: 0 -20px 0 -20px;
  }

  .slick-slider-new .slick-prev {
    left: -10px;
  }

  .slick-slider-new .slick-next {
    right: -10px;
  }

  .image-navbar-below {
    margin-top: 25px;
  }

  .image-navbar {
    margin-right: 25px;
  }

  .slider-product-img-outer {
    height: 115px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 95px;
  }

  .full-screen-icon {
    width: 19px;
    height: 16px;
  }

  .switch-screen-icon {
    width: 24px;
    height: 17px;
  }

  .fullScreenStream {
    margin: 0 20px;
  }

  .merchant-profile-outer.merchant-profile-box {
    padding: 30px 40px;
  }

  .social-media-box .analytic-label {
    font-size: 15px;
  }

  .social-media-box .analytic-value {
    font-size: 16px;
  }

  .package-action-footer .btn {
    min-width: auto;
  }

  .home-banner-new .banner-title {
    max-width: 780px;
  }

  .advance-search-fields .form-control,
  .field-value-new .form-control {
    height: 45px;
  }
}

@media all and (max-width: 1550px) {
  .custom-width .video-image.common-card {
    max-width: 425px;
  }

  .advance-search-fields div.react-select__control {
    min-height: 52px;
  }

  .advance-search-fields .react-select__value-container {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .bold-text {
    font-size: 20px;
  }

  .bold-text span {
    font-size: 22px;
  }

  .pricelist-col {
    padding: 0 10px;
  }

  .pricelist-row {
    margin: 0 -10px;
  }

  .header-right-bottom {
    padding: 10px 0 0;
  }

  .header-right-top {
    padding: 15px 30px 0px;
  }

  .checkout-inner {
    max-width: 600px;
    padding: 20px 30px 30px;
  }

  .media-img-lg {
    width: 252px;
    height: 318px;
    line-height: 318px;
  }

  .deliverable-img-box {
    max-width: 196px;
  }

  .col-xxl-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .live-video-details {
    padding: 2rem;
  }

  .panel-listing .live-one-on-one-filters .dropdown-outline {
    margin: 20px 0 0;
    position: relative;
  }

  .request-button-outer {
    align-items: start;
    flex-direction: column;
    justify-content: start;
  }

  .personal-appearance-media .title-lg {
    font-size: 26px;
  }

  .common-forms .appearance-section .form-control {
    padding: 0.375rem 0.85rem;
    font-size: 14px;
  }

  .count-info {
    margin-left: 12px;
  }

  .count {
    font-size: 34px;
  }

  .filter-item {
    padding: 6px 15px 3px;
    font-size: 17px;
  }

  .filter-item span {
    margin-left: 5px;
  }

  .banner-btn {
    min-width: 130px;
    font-size: 16px;
  }

  .edit-icon {
    width: 40px;
    height: 40px;
  }

  .delete-icon {
    width: 45px;
    height: 45px;
  }

  .gallery-outer .file-upload-section {
    padding-bottom: 0px;
  }

  .pagination li a {
    height: 50px;
    line-height: 50px;
    width: 50px;
    font-size: 19px;
    letter-spacing: 0;
  }

  .panel-listing .custom-toggle .btn {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
  }

  .panel-listing .search-form .form-control {
    height: 45px;
    padding-left: 45px;
  }

  .search-btn {
    line-height: 20px;
  }

  .card .add-slot-actions .btn {
    height: 45px;
    line-height: 45px;
    padding: 2px 15px;
  }

  .panel-detail-actions .btn-pink-white,
  .panel-detail-actions .btn-primary,
  .card .panel-detail-actions .btn-secondary,
  .panel-detail-actions .btn-purple-gradient,
  .panel-detail-actions .danger-btn {
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    padding: 0 10px;
  }

  .social-list li span {
    width: 22px;
    height: 22px;
  }

  .social-list .insta-icon-new::before {
    width: 10px;
    height: 10px;
  }

  .social-list .fb-icon-new::before {
    width: 5px;
    height: 11px;
  }

  .social-list .twitr-icon-new::before {
    width: 10px;
    height: 8px;
  }

  .package-title {
    font-size: 18px;
  }

  .package-owner,
  .package-desc {
    font-size: 13px;
  }

  .package-outer .new-theme-btn {
    height: 35px;
    line-height: 34px;
    font-size: 14px;
  }

  .right-side-header .new-theme-btn {
    height: 40px;
    min-width: 150px;
    font-size: 18px;
    margin-top: 2px;
    line-height: 38px;
  }

  .form-field-wrapper.field-values-outer .custom-control-label {
    font-size: 16px;
    padding-left: 28px;
  }

  .appearance-profile-img-new {
    width: 96px;
    height: 96px;
    line-height: 96px;
    margin-right: 25px;
  }

  .form-field-wrapper .react-tagsinput-tag {
    padding: 2px 8px;
    font-size: 14px;
  }

  .form-field-wrapper .react-tagsinput-input {
    font-size: 14px;
  }

  .advance-search-outer::before {
    right: 230px;
  }

  .public-page-title {
    font-size: 26px;
  }

  .custom-toggle .btn {
    padding: 0 14px;
    letter-spacing: 0.2px;
    font-size: 18px;
  }

  .title-lg-new {
    font-size: 36px;
    margin-bottom: 5px;
  }

  .fan-request-outer .progressbar {
    margin-bottom: 0px;
  }

  .box-heading {
    font-size: 24px;
  }

  .timer-outer {
    font-size: 34px;
    margin: 15px 0;
  }

  .analytic-outer::after {
    right: 15px;
  }

  .tooltip-outer {
    max-width: 250px;
    font-size: 14px;
    padding: 12px 10px;
  }

  .left-field .tooltip-outer {
    left: -285px;
  }

  .right-field .tooltip-outer {
    right: -285px;
  }

  .all-search-form input.form-control {
    height: 40px;
  }

  .search-form .form-control {
    padding-left: 45px;
  }

  .custom-toggle-new.nav-tabs .nav-link {
    height: 50px;
    line-height: 50px;
    min-width: 190px;
    font-size: 20px;
  }

  .grey-box-title {
    font-size: 24px;
  }

  .package-creation-btns .btn {
    width: 100% !important;
  }

  .search-col {
    max-width: 45%;
    flex: 0 0 45%;
  }

  .payment-form-fields label {
    font-size: 18px;
  }

  .payment-form-fields .form-control {
    padding: 0px 0px;
    font-size: 18px;
    height: 38px;
  }

  .panel-detail-footer.panel-footer-actions .btn {
    min-width: 100px;
  }

  .panel-detail-header {
    padding: 0 20px;
  }

  .new-theme-btn {
    padding: 0 13px;
  }

  .live-sales-head {
    padding: 10px 15px;
  }

  .sales-product-img {
    max-width: 48px;
  }

  .yellow-bulb-icon {
    width: 22px;
    height: 22px;
  }

  .col-left .tooltip-outer,
  .col-right .tooltip-outer {
    width: 180px;
  }

  .col-left .tooltip-outer {
    right: -20px;
  }

  .blue-border-btn.show-filters-btn {
    height: 38px;
    font-size: 14px;
  }

  .filter-icon-blue {
    width: 16px;
    height: 14px;
    margin-right: 6px;
  }

  .filter-badges {
    font-size: 13px;
  }

  .category-page .filter-item {
    min-width: 10px;
  }

  .user-chat-detail .shopify-media .new-theme-btn.btn-sm {
    padding: 0 15px;
    height: 30px;
    line-height: 29px;
    font-size: 15px;
  }

  .social-media-body {
    padding: 12px 10px;
  }

  .cart-items-count {
    font-size: 18px;
    font-family: NeusaNextStd-Medium, sans-serif;
  }

  .package-action-footer .col {
    padding: 0 5px;
  }

  .search-filters-head.right-side-header select.form-control {
    height: 40px;
  }
}

@media all and (max-width: 1480px) {
  .custom-width .video-image.common-card {
    max-width: 400px;
  }

  .search-form {
    max-width: 400px;
  }

  .search-btn {
    top: 11px;
  }

  .search-form .form-control {
    height: 50px;
  }

  .site-header .navbar-light .navbar-nav .nav-link {
    padding: 12px 8px;
  }

  .btn-purple {
    min-width: 100px;
    height: 40px;
    line-height: 40px;
  }

  .header-right-top .btn-cart {
    margin: 0 33px 0 20px;
  }

  .login-link {
    padding: 12px 20px;
    min-width: 122px;
  }

  .custom-toggle .btn {
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    min-width: 190px;
  }

  .btn-with-arrow {
    height: 50px;
    line-height: 50px;
  }

  .btn-with-arrow::after {
    top: 13px;
  }

  .product-promotion-img {
    width: 120px;
    height: 150px;
    line-height: 150px;
  }

  .product-promotion-detail .social-info-list .sprite-icons {
    width: 20px;
    height: 20px;
  }

  .product-promotion-detail .social-info-list li {
    font-size: 13px;
  }

  .product-title {
    margin: 15px 0;
    font-size: 20px;
  }

  .product-description {
    padding: 20px 0;
    font-size: 18px;
  }

  .product-detail-modal .modal-title {
    font-size: 36px;
  }

  .product-detail-modal .social-info-list li span {
    width: 48px;
    height: 48px;
  }

  .product-detail-modal .product-hashtags {
    font-size: 22px;
  }

  .product-detail-modal .title-sm {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .product-promotion-details {
    font-size: 20px;
  }

  .group-chat-details {
    width: 66%;
  }

  .group-chat-details .heading {
    padding-right: 15px;
  }

  .payment-body {
    max-height: 320px;
    padding-right: 20px;
  }

  .height-auto {
    height: auto;
    padding: 0;
  }

  .order-modal .product-promotion-img {
    width: 100%;
    height: auto;
    line-height: normal;
  }

  .add-product-section .rox-xs {
    flex-direction: column;
  }

  .add-product-section .col-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-xl-sm {
    padding: 0 5px;
  }

  .row-xl-sm {
    margin: 0 -5px;
  }

  .token-icon::before {
    width: 21px;
    height: 13px;
    left: 15px;
    top: 13px;
    background-size: 100%;
  }

  .btn-purple-gradient.token-icon {
    height: 40px;
    font-size: 15px;
    min-width: 130px;
  }

  .count-info {
    font-size: 16px;
    line-height: 1.2;
  }

  .plain-blue-link {
    font-size: 14px;
  }

  .custom-tables {
    font-size: 16px;
  }

  .user-type {
    font-size: 13px;
  }

  .heading-sm {
    font-size: 14px;
  }

  .uv-store .media-body .product-hd {
    font-size: 21px;
  }

  .advance-search-outer {
    padding: 25px 20px 10px;
  }

  .right-filter .select-box div.css-yk16xz-control,
  div.css-yk16xz-control,
  div.css-1pahdxg-control:hover,
  div.css-1pahdxg-control,
  div.css-1pahdxg-control:focus {
    min-width: auto;
    width: 100%;
  }

  .page-title-new {
    font-size: 42px;
  }

  .advance-search-fields .form-control,
  .field-value-new .form-control,
  .field-value-new .react-datepicker-wrapper input {
    height: 40px;
  }

  .field-value-new .upload-profile-img label.form-control {
    line-height: 40px;
    padding-right: 130px;
  }

  .advance-search-fields div.css-yk16xz-control,
  .advance-search-fields div.css-1pahdxg-control:hover,
  .advance-search-fields div.css-1pahdxg-control,
  .advance-search-fields div.css-1pahdxg-control:focus {
    min-height: 40px;
    height: auto;
  }

  .advance-search-btns .btn {
    height: 40px;
    font-size: 16px;
  }

  .orange-title {
    font-size: 24px;
  }

  .filter-clear-btn,
  .field-value-new,
  .bank-details .field-label-new {
    font-size: 13px;
  }

  table .field-value-new {
    font-size: inherit;
  }

  .side-filter-list li {
    font-size: 18px;
  }

  .field-value-new .custom-file-new.upload-profile-img .btn {
    font-size: 14px;
    min-width: 114px;
    line-height: 1;
  }

  .field-values-outer.field-values-outer .custom-control-label::after {
    width: 1rem;
    height: 1rem;
    left: 0;
    top: -3px;
  }

  .field-values-outer.field-values-outer .custom-control-label::before {
    width: 16px;
    height: 16px;
  }

  .shoutout-right-col.purchase-package-right-col {
    padding-left: 410px;
  }

  .shoutout-img-col.image-left-col-with-text {
    width: 380px;
  }

  /* .shoutout-main-img {width: 380px;height: 384px;} */
  .profile-page-content .plain-blue-link {
    font-size: 15px;
  }

  .field-values-outer {
    font-size: 17px;
  }

  .shoutout-left-text {
    padding: 30px 15px;
  }

  /* .scroll-Top{display: none !important;} */
  .custom-pills {
    padding-right: 0px;
  }

  .add-card-outer + .settings-action-div {
    padding: 20px 0 10px;
  }

  .live-box-body .btn.new-theme-btn {
    min-width: 135px;
    height: 34px;
    line-height: 32px;
  }

  .live-box-body {
    padding: 20px 25px;
  }

  .analytic-outer::after {
    right: 0px;
  }

  .bank-details .field-value-new {
    font-size: 14px;
  }

  .token-value {
    font-size: 36px;
  }

  .package-detail-outer .new-theme-btn {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
  }

  .panel-filter-list li,
  .filter-btn-item {
    font-size: 19px;
  }

  .payment-body .media-img {
    width: 167px;
    height: 170px;
    line-height: 1;
  }

  .cart-page1 .product-title,
  .cart-page1 .product-price {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .quienty-btn.plus-minu-input .dolor-price {
    min-width: 40px;
    padding: 5px 0 0;
    font-size: 18px;
  }

  .quienty-btn.plus-minu-input span {
    line-height: 30px;
    height: 30px;
    width: 40px;
  }

  .cart-page1 .product-price {
    margin-bottom: 2px;
  }

  .pay-total-price {
    font-size: 24px;
  }

  .payment-action-btns .btn {
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    padding: 0 15px;
  }

  .payment-action-btns .theme-button {
    min-width: 240px;
  }

  .add-slots .col-xs {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .add-slots .common-forms {
    padding: 0px 0px;
  }

  .panel-detail-footer.panel-footer-actions .btn {
    min-width: 90px;
    padding: 0 5px;
  }

  .custom_color abbr {
    height: 30px;
    width: 30px;
    font-size: 14px;
    line-height: 26px;
  }

  .custom-calender .react-calendar__tile--now::after {
    width: 5px;
    height: 5px;
    bottom: 4px;
  }

  .profile-category {
    word-break: break-all;
  }

  .newsletter-section {
    width: 39%;
  }

  .footer-signup-section {
    width: 57%;
  }

  .marketplace-card .card-img {
    height: 260px;
  }

  .payments-billing-outer .plain-blue-link {
    font-size: 14px;
  }

  .uploaded-img,
  .add-files-outer .custom-file-upload,
  .video-container {
    height: 95px;
    width: 95px;
  }

  .add-files-outer .custom-file-upload {
    padding: 14px 10px;
  }

  .payment-body .field-label {
    margin-bottom: 12px;
  }

  .payment-body .settings-title {
    font-size: 26px;
  }

  .fullwidth-analytics .social-media-title {
    padding: 12px 20px;
    font-size: 19px;
  }

  .fullwidth-analytics .social-media-body {
    padding: 15px 20px;
  }

  .fullwidth-analytics .analytics-listing-new,
  .fullwidth-analytics .analytic-value-new {
    font-size: 18px;
  }

  .fullwidth-analytics .general-analytics-outer .analytic-label {
    font-size: 19px;
  }

  .fullwidth-analytics .income-analytic-scroll {
    height: 310px;
  }

  .payment-form .progress {
    width: calc(100% - 94px);
  }

  .live-stream-product-detail {
    width: 360px;
  }

  .right-side-header .new-theme-btn {
    margin-top: 0;
  }

  .direct-msg-search .search-form {
    max-width: 240px;
    margin: 0;
  }
}

@media all and (max-width: 1400px) {
  .send-tips-new .send-tips-popup .form-control {
    font-size: 14px;
  }

  .site-header .navbar-light .navbar-nav .nav-link {
    font-size: 13px;
  }
}

@media all and (max-width: 1350px) {
  .custom-width .video-image.common-card {
    max-width: 375px;
  }

  .shopify-select .css-1uccc91-singleValue,
  .shopify-select .css-1wa3eu0-placeholder {
    margin-top: 0;
  }

  .uv-data .right-order .view-detail-btn {
    min-width: 100px;
  }

  .site-logo {
    padding: 5px 0 0 15px;
    margin-bottom: -50px;
  }

  .site-logo img {
    max-width: 200px;
  }

  .header-right {
    width: 82%;
  }

  .search-form .form-control {
    height: 40px;
  }

  .header-right-bottom {
    padding-top: 0;
  }

  .site-header .navbar-light .navbar-nav .nav-link {
    font-size: 12px;
    padding: 6px 6px;
    max-width: 130px;
  }

  .search-form {
    max-width: 360px;
    margin-right: 20px;
  }

  .merchant-img-wrap {
    max-height: 260px;
    line-height: 257px;
  }

  .rounded-input,
  .disabled-search {
    height: 40px;
    margin: 15px 0 5px;
  }

  .banner-content {
    padding: 0;
    bottom: -50px;
  }

  .merchant-title {
    font-size: 30px;
  }

  .title-xs {
    font-size: 15px;
  }

  .custom-toggle .btn {
    height: 41px;
    line-height: 41px;
  }

  .box-img {
    max-height: 140px;
    line-height: 140px;
  }

  .img-box {
    max-height: 300px;
    line-height: 300px;
  }

  .panel-listing .custom-toggle .btn {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }

  .btn-with-arrow {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    min-width: 125px;
  }

  .btn-with-arrow::after {
    top: 10px;
  }

  .media-img-lg {
    height: 268px;
    line-height: 268px;
    margin-right: 20px !important;
  }

  .live-video-details {
    padding: 1.6rem;
  }

  .panel-listing .dropdown-outline {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
  }

  .panel-listing .dropdown-outline.dropdown-toggle::after {
    top: 14px;
  }

  .marchent-outer {
    margin-top: -300px;
  }

  .group-chat-details {
    width: 100%;
  }

  .group-chat-desc {
    margin: 20px 0 0 !important;
  }

  .group-chat-datetime {
    padding-bottom: 1.5rem !important;
  }

  .box-name,
  .celebrencers-box .box-name {
    font-size: 16px;
  }

  .send-btn {
    padding: 6px 8px;
    font-size: 14px;
  }

  .uv-store .order-titles .product-promotion-img {
    width: 45%;
  }

  .count {
    font-size: 30px;
    line-height: 1;
  }

  .filter-list-new .slick-slide:first-child li::after {
    margin-left: 20px;
    margin-right: 0px;
    height: 26px;
  }

  .filter-list-new .slick-slide > div {
    padding: 0 10px;
  }

  .filter-item span {
    margin-left: 5px;
  }

  .banner-title {
    font-size: 38px;
  }

  .header-cart-icon {
    background-size: contain;
    background-repeat: no-repeat;
    height: 19px;
    width: 20px;
  }

  .btn-with-store-icon::before {
    width: 16px;
    height: 17px;
    margin-top: 0;
    transform: translateY(-50%);
    background-size: contain;
  }

  .header-dropdown .login-link {
    min-width: auto;
  }

  .btn-with-store-icon {
    min-width: 135px;
    padding: 0 18px;
    font-size: 14px;
  }

  .btn-purple-gradient,
  .card-header .btn-purple-gradient {
    height: 45px;
    min-width: 192px;
    font-size: 16px;
  }

  .public-store-icon {
    line-height: 2;
  }

  .custom-accordion.accordion .card-header {
    padding: 20px;
  }

  .card-header a {
    font-size: 28px;
  }

  .accordion-details {
    font-size: 20px;
    letter-spacing: 0.4px;
  }

  .blue-pill,
  .white-pill {
    height: 35px;
    line-height: 36px;
    font-size: 15px;
    margin-right: 15px;
    padding: 0 12px;
  }

  .theme-button {
    height: 40px;
    min-width: 170px;
    line-height: 38px;
    font-size: 16px;
  }

  .panel-detail-actions .btn-pink-white,
  .panel-detail-actions .btn-primary,
  .card .panel-detail-actions .btn-secondary,
  .panel-detail-actions .btn-purple-gradient,
  .panel-detail-actions .danger-btn {
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    min-width: 100px;
  }

  .panel-detail-actions .btn-purple-gradient.share-chat-btn {
    width: 40px;
    min-width: auto;
    padding: 0;
  }

  .share-icon-white {
    width: 20px;
    height: 22px;
  }

  .live-one-chat-icon {
    width: 17px;
    height: 14px;
  }

  .product-detail-modal .modal-header {
    padding: 30px 40px 0;
  }

  .image-carousel-modal .modal-header {
    padding: 0 !important;
  }

  .product-detail-modal .modal-title {
    font-size: 30px;
  }

  .product-detail .product-hd {
    min-height: 46px;
  }

  .action-btns .btn {
    height: 38px;
    font-size: 15px;
  }

  .personal-appearance-media .title-lg {
    font-size: 20px;
  }

  .personal-appearance-btns .btn {
    height: 40px;
    font-size: 16px;
  }

  .heading-md {
    font-size: 24px;
  }

  .new-theme-btn {
    height: 38px;
    line-height: 37px;
    font-size: 15px;
  }

  .new-theme-btn span {
    height: 23px;
    margin-left: 9px;
    padding: 0 7px;
    line-height: 25px;
    font-size: 15px;
    margin-top: -3px;
  }

  .panel-detail-header .new-theme-btn {
    font-size: 13px;
    height: 32px;
    line-height: 31px;
  }

  .custom-tabs-new .nav-tabs .nav-link {
    font-size: 16px;
    border-bottom: 2px solid transparent;
    padding: 12px 5px;
  }

  .custom-tabs-new .nav-tabs .nav-item.show .nav-link,
  .custom-tabs-new .nav-tabs .nav-link.active,
  .custom-tabs-new .nav-tabs .nav-link:hover {
    border-bottom: 2px solid #1877f2;
  }

  .page-title {
    font-size: 32px;
  }

  .profile-profession,
  .white-box-lg .page-views {
    font-size: 18px;
  }

  .profile-desc {
    padding: 20px 30px;
    font-size: 18px;
    line-height: 1.5;
  }

  .social-details {
    padding: 20px 30px;
    align-items: center;
  }

  .white-box-lg .social-info-list li {
    font-size: 18px;
    margin-right: 30px;
  }

  .white-box-inner {
    padding: 26px;
  }

  .link-md.plain-blue-link {
    font-size: 16px;
    margin-top: 0;
  }

  .star-yellow,
  .star-grey {
    width: 15px;
    height: 15px;
    background-size: cover;
  }

  .rating-outer {
    margin-left: 20px;
    margin-top: -7px;
  }

  .monthly-subs-text {
    margin-right: 20px;
  }

  .shoutout-img-col {
    width: 30%;
  }

  .shoutout-right-col {
    padding-left: 33%;
  }

  .shoutout-profile-detail .new-theme-btn,
  .review-form .new-theme-btn {
    min-width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }

  .pay-now-btn {
    min-width: 160px;
  }

  .login-blured {
    padding: 10px 0px 20px;
  }

  .filter-sidebar.sidebar-open {
    width: 280px;
  }

  .filter-sidebar.sidebar-open + .right-side-content {
    padding-left: 290px;
  }

  .side-filter-list li {
    font-size: 18px;
  }

  .advance-search-fields label {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .checkbox-col {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .panel-detail-body .personal-appearance-media .title-lg {
    font-size: 20px;
  }

  .panel-listing {
    padding: 30px 10px;
  }

  .search-btn {
    top: 12px;
    left: 12px;
  }

  .panel-listing .search-form .form-control {
    height: 45px;
    font-size: 15px;
    padding-left: 45px;
    padding-right: 10px;
  }

  .edit-price-popup .field-label {
    font-size: 16px;
  }

  .custom-pills.nav-pills .nav-link {
    font-size: 22px;
    padding: 10px 25px 10px 0;
  }

  .custom-pills.nav-pills .nav-link::after {
    right: 10px;
  }

  .wrapper-padding {
    padding: 0 40px;
  }

  .faq-title {
    font-size: 32px;
  }

  .text-accordion-header button {
    padding: 15px 30px;
    font-size: 20px;
  }

  .pills-heading {
    font-size: 28px;
  }

  .live-box-header {
    padding: 10px 20px;
  }

  .profile-pic-outer-xs {
    height: 50px;
    width: 50px;
    max-width: 50px;
    margin: 0 0 5px;
  }

  .live-box-desc {
    font-size: 15px;
    line-height: 1.3;
  }

  .panel-filter-list li,
  .filter-btn-item {
    min-width: 98px;
    font-size: 17px;
  }

  .category-page .filter-item {
    min-width: 10px;
  }

  .uv-banner-text .white-box {
    max-width: 600px;
    font-size: 16px;
    padding: 30px 30px 25px;
  }

  .uv-banner-text .banner-title {
    font-size: 35px;
    margin-bottom: 12px;
  }

  .banner-subtitle {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .panel-detail-body .advance-search-fields .field-label {
    font-size: 18px;
  }

  .header-right-top .search-form .form-control {
    font-size: 15px;
  }

  .header-right-top .btn-outline-theme {
    font-size: 14px;
    margin-right: 15px;
  }

  .payment-body {
    max-height: 265px;
  }

  .advance-search-fields.search-select div.css-yk16xz-control,
  .advance-search-fields.search-select div.css-1pahdxg-control:hover,
  .advance-search-fields.search-select div.css-1pahdxg-control,
  .advance-search-fields.search-select div.css-1pahdxg-control:focus {
    min-width: 200px;
  }

  .accordion-btn {
    margin-left: 60px;
  }

  .social-info-list.list-new {
    flex-wrap: wrap;
  }

  .white-box-lg .profile-field-value .social-info-list li {
    margin-bottom: 15px;
  }

  .card-design-new.settings-page-cards .card-details {
    padding: 10px 0;
    padding-right: 40px;
  }

  .card-delete-btn,
  .loader-outer {
    right: 30px;
  }

  .billing-address {
    font-size: 14px;
  }

  .settings-page-cards .card-number {
    font-size: 18px;
    letter-spacing: 0.6px;
  }

  .image-carousel-modal .modal-header .close {
    top: 55px;
  }

  .btn-with-right-icon .btn-right-icon {
    height: 37px;
    width: 38px;
    background: #106de4;
    vertical-align: middle;
    line-height: 39px;
    text-align: center;
    padding: 0;
  }

  .btn-with-right-icon {
    padding-right: 48px !important;
  }

  .redbtn {
    min-width: 180px;
    margin-left: 30px;
    font-size: 18px;
  }

  .white-btn-pill {
    font-size: 18px;
  }

  .gallery-outer {
    padding: 25px 0px 0;
  }

  .uploaded-files {
    padding: 10px 15px;
  }

  .notification-icon {
    width: 18px;
    height: 20px;
  }

  .merchant-profile-img {
    height: 120px;
    width: 120px;
    line-height: 114px;
    margin-top: -100px;
  }

  .merchant-profile-outer {
    padding: 16px 0 20px;
  }

  .merchant-profile-top .title-lg {
    font-size: 24px;
    margin-bottom: 0px;
  }

  .slider-product-img-outer {
    height: 105px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 80px;
  }

  .package-price {
    font-size: 28px;
  }

  .extra-room-title.tooltip-outer,
  .event-date-field .tooltip-outer {
    left: -50px;
  }

  .include-companion-title.tooltip-outer,
  .payment-timing-field .tooltip-outer,
  .includecompanion-title.tooltip-outer,
  .extraroom-title.tooltip-outer {
    left: -100px;
  }

  .live-sales-box .form-control {
    height: 38px;
    line-height: 38px;
  }

  .cart-items-count {
    font-size: 16px;
  }

  .panel-detail-footer.panel-footer-actions .btn {
    min-width: 70px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .shopify-select div.css-yk16xz-control,
  .shopify-select div.css-1pahdxg-control,
  .shopify-select div.css-1pahdxg-control:focus,
  .shopify-select div.css-1pahdxg-control:hover,
  .shopify-btn {
    min-height: 38px;
    height: 38px;
  }

  .home-banner-new .banner-title {
    max-width: 610px;
  }

  .plus-minu-input input,
  .plus-minu-input .form-control,
  .plus-minu-input input.form-control {
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
  }

  .list-open .uploaded-files .col-md-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media all and (max-width: 1300px) {
  .no-sidebar .category-col {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .btn span.spinner-border {
    width: 12px;
    height: 12px;
  }

  .package-action-footer .spinner-border {
    margin-right: 2px !important;
  }

  .package-img {
    height: 210px;
  }
}

@media all and (max-width: 1280px) {
  .custom-width .video-image.common-card {
    max-width: 350px;
  }

  .event-date-field .tooltip-outer {
    left: 0;
  }

  .order-success-page .field-values-outer {
    font-size: 15px;
  }

  .dash-box-padding {
    padding-left: 15px;
    padding-right: 15px;
  }

  .box-padding {
    padding: 20px 15px;
  }

  .social-media-box .analytic-label {
    font-size: 15px;
  }

  .social-media-box .analytic-value {
    font-size: 14px;
  }

  .bordered-box-tile {
    padding: 20px;
  }

  .fullwidth-analytics .social-media-box .analytic-label {
    font-size: 16px;
  }

  .title-xl {
    font-size: 30px;
  }

  .package-action-footer .col .btn {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
  }

  .panel-detail-footer.panel-footer-actions .btn {
    padding: 0 5px;
  }

  .no-message-window {
    min-height: 300px;
  }

  /* .col-lg-uvstore{width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} */
}

@media all and (max-width: 1199px) {
  #premiumContent-tabpane-photos .gallery-col {
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }

  .request-button-inner {
    margin-top: 20px;
    text-align: left;
  }

  .merchant-info-box .border-left {
    border: none !important;
    border-top: 1px solid #dee2e6;
    margin-top: 15px;
  }

  .site-logo {
    margin-bottom: -42px;
    padding: 5px 0 0 0px;
  }

  .site-logo img {
    max-width: 130px;
  }

  .site-header .nav-item {
    display: block;
    width: 100%;
  }

  .header-right {
    display: flex;
    align-items: center;
    min-height: 80px;
  }

  .header-right-bottom {
    justify-content: end;
    padding: 0;
  }

  .header-right-top {
    padding: 0 15px 0;
    width: 100%;
  }

  .btn-with-store-icon {
    min-width: 130px;
    padding: 0 15px;
  }

  .navbar.navbar-light.bg-light {
    justify-content: flex-end;
  }

  .token-box {
    justify-content: space-between;
    max-width: 570px;
    margin: 30px auto 0;
    width: 100%;
  }

  .header-right .navbar-collapse,
  .header-navbar .navbar-collapse {
    position: fixed;
    left: -320px;
    top: 0;
    height: 100%;
    min-height: 100%;
    width: 280px;
    background: #1e2023;
    overflow-y: auto;
    z-index: 99999;
    transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    -ms-transition: all 0.2s ease-in 0s;
    padding: 30px 0;
    box-shadow: 10px 0px 30px #00000010;
    -webkit-box-shadow: 10px 0px 30px #00000010;
    -moz-box-shadow: 10px 0px 30px #00000010;
    -o-box-shadow: 10px 0px 30px #00000010;
    -ms-box-shadow: 10px 0px 30px #00000010;
  }

  .header-right .navbar-collapse.show,
  .header-navbar .navbar-collapse.show {
    left: 0;
  }

  .site-header .navbar-light .navbar-nav .nav-link {
    max-width: 100%;
    text-align: left;
    padding: 15px 14px;
    font-size: 15px;
    border-bottom: 1px solid #353b43;
    color: #e5e5e5;
  }

  .site-header .navbar-light .navbar-nav .nav-link:hover,
  .site-header .navbar-light .navbar-nav .nav-link:focus,
  .site-header .navbar-light .navbar-nav .active.nav-link {
    color: #007aed;
  }

  .site-header .nav-link br {
    display: none;
  }

  .btn-with-store-icon::before {
    left: 11px;
  }

  .site-header .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(60, 83, 100, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  .navbar .navbar-toggler .icon-bar {
    display: block;
    width: 26px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    background: #fff;
    height: 2px;
  }

  .navbar-collapse.collapse.show .icon-bar {
    background: #757c81;
  }

  .navbar-toggler .icon-bar + .icon-bar {
    margin-top: 5px;
    display: none;
  }

  .navbar-toggler.collapsed .icon-bar,
  .navbar-toggler.collapsed .icon-bar + .icon-bar + .icon-bar {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    top: 0;
  }

  .navbar-toggler,
  .navbar-toggler.collapsed .icon-bar + .icon-bar {
    display: block;
  }

  .navbar-toggler .icon-bar {
    transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    top: 3px;
    position: relative;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }

  .navbar-toggler .icon-bar + .icon-bar + .icon-bar {
    display: block;
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    top: -4px;
  }

  .site-header .navbar-light .navbar-toggler:hover .navbar-toggler-icon,
  .site-header .navbar-light .navbar-toggler:focus .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  .navbar-light .navbar-toggler {
    border: none;
    color: rgb(69, 84, 95);
    padding: 0;
  }

  .search-form .form-control {
    padding-left: 45px;
  }

  .search-btn {
    left: 11px;
  }

  .search-form {
    max-width: 325px;
    margin-right: 20px;
  }

  .search-form.all-search-form {
    max-width: 390px;
  }

  .navbar-expand-xl .navbar-toggler {
    display: block;
  }

  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .login-actions {
    align-items: flex-start !important;
  }

  .new-link {
    margin-top: 20px;
  }

  .remember-me {
    margin-bottom: 10px;
  }

  .title-md {
    font-size: 25px;
  }

  .product-promotion-detail .media {
    flex-direction: column;
  }

  .product-promotion-detail .media-body {
    width: 100%;
    margin-top: 30px;
  }

  .product-promotion-img {
    width: 100%;
    height: 220px;
    line-height: 220px;
  }

  .payment-form .product-promotion-detail .media {
    flex-direction: row;
  }

  .payment-form .product-promotion-detail .media-body {
    margin-top: 0;
  }

  .product-detail-modal .panel-listing .table-responsive-xl .table {
    width: 1200px;
  }

  .custom-weekcalender .mbsc-cal-day {
    height: 70px;
    line-height: 70px;
  }

  .custom-weekcalender.mbsc-ios .mbsc-cal-day-date {
    font-size: 16px;
  }

  .panel-listing .search-form {
    max-width: 100%;
    margin: 20px 0 0;
  }

  .panel-top-actions,
  .live-one-on-one-filters {
    flex-direction: column;
    align-items: start !important;
    justify-content: flex-start !important;
  }

  .payment-body {
    max-height: 235px;
  }

  .none-media {
    display: none;
  }

  .height-auto {
    height: auto;
  }

  .panel-detail-actions .btn-pink-white,
  .panel-detail-actions .btn-primary,
  .card .panel-detail-actions .btn-secondary {
    min-width: 130px;
  }

  .panel-detail-actions .btn-pink-white,
  .panel-detail-actions .btn-primary,
  .card .panel-detail-actions .btn-secondary,
  .panel-detail-actions .btn-purple-gradient {
    min-width: 100px;
  }

  .login-new-screen .custom-forms {
    padding: 10px 30px;
  }

  .search-col {
    flex: 43%;
    max-width: 43%;
  }

  .video-play-btn {
    width: 40px;
    height: 40px;
    background-size: contain;
  }

  .plain-modal .title-sm {
    font-size: 30px;
  }

  .custom-forms .form-control,
  .custom-forms .css-yk16xz-control,
  .custom-forms .css-1pahdxg-control {
    font-size: 18px;
    height: 58px;
  }

  .custom-forms .form-control.chat-price-field {
    line-height: 58px;
  }

  .form-label-group > .label {
    top: 15px;
    left: 16px;
    font-size: 18px;
  }

  .custom-forms textarea.form-control {
    height: 140px;
    resize: none;
  }

  .custom-forms .css-6htbnp-ValueContainer,
  .custom-forms .css-g1d714-ValueContainer {
    height: 58px;
    line-height: 58px;
  }

  .theme-button {
    height: 48px;
    min-width: 160px;
    line-height: 44px;
    font-size: 18px;
  }

  .custom-forms .css-12jo7m5 {
    padding: 4px;
    line-height: 1;
    font-size: 70%;
  }

  .custom-pagination .pagination {
    padding: 30px 0 20px;
  }

  .action-btn-col .btn,
  .card .action-btn-col .btn-danger,
  .card .action-btn-col .btn-secondary {
    height: 30px;
    font-size: 14px;
    line-height: 28px;
    padding: 0 15px;
    min-width: auto;
  }

  .uv-data .product-promotion-detail {
    padding: 15px;
  }

  .panel-details .white-box {
    padding: 10px 15px;
  }

  .bold-text {
    font-size: 18px;
  }

  .bold-text span {
    font-size: 19px;
  }

  .panel-listing {
    padding: 30px 20px;
    font-size: 17px;
  }

  .panel-para {
    margin: 0 0 20px;
    line-height: 1.3;
  }

  .merchant-detail-panel {
    padding-bottom: 0px;
  }

  .selected-row-details .btn-purple-gradient,
  .product-header .btn-purple-gradient {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }

  .product-header .btn-purple-gradient {
    padding: 0 15px;
  }

  .selected-row-details h2,
  .title-with-rt-border {
    margin: 0;
  }

  .check-icon {
    width: 20px;
    height: 15px;
    background-size: cover;
  }

  .product-promotion-action-btns .btn {
    height: 40px;
    min-width: 105px;
    font-size: 15px;
  }

  .product-detail-modal .modal-title {
    font-size: 28px;
  }

  .product-detail-modal .modal-header {
    padding: 30px 24px 0;
  }

  .product-detail-modal .social-info-list li span {
    width: 38px;
    height: 38px;
  }

  .product-promotion-details {
    font-size: 18px;
  }

  .product-promotion-details p {
    margin-bottom: 5px;
  }

  .product-detail-modal .title-sm {
    font-size: 22px;
  }

  .shareicon {
    width: 36px;
    height: 36px;
    padding: 0;
    line-height: 35px;
  }

  .shareicon img {
    height: auto;
    max-width: 16px;
  }

  .product-detail .product-hd {
    font-size: 18px;
    line-height: 1.1;
    margin: 6px 0;
  }

  .product-detail .product-price {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .action-btns .btn {
    height: 30px;
    font-size: 14px;
  }

  .section-heading-new,
  .card-header a .section-heading-new {
    font-size: 26px;
  }

  .new-theme-btn span {
    height: 21px;
    margin-left: 7px;
    padding: 0 5px;
    line-height: 23px;
    font-size: 14px;
    margin-top: -3px;
  }

  .profile-buttons .btn {
    margin-left: 16px;
  }

  .slider-next,
  .slider-prev {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .white-box-lg .page-views span {
    padding: 0 12px 0 5px;
    height: 30px;
    line-height: 28px;
  }

  .white-box-lg .page-views .view-count {
    line-height: 32px;
  }

  .views-icon {
    width: 22px;
    height: 22px;
    margin-right: 0px;
    line-height: 22px;
  }

  .views-icon::before {
    width: 12px;
    height: 10px;
  }

  .card-cvv .form-control {
    height: 45px;
  }

  .white-btn {
    height: 38px;
    line-height: 37px;
    padding: 0 15px;
  }

  .common-space {
    padding: 40px 0;
  }

  .page-with-filters {
    padding: 30px 0;
    position: relative;
  }

  .panel-detail-body .field-values-outer {
    font-size: 16px;
  }

  .panel-detail-footer {
    padding: 25px 19px 6px;
    margin: 0 -15px;
  }

  .panel-detail-footer .btn {
    min-width: 120px;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
  }

  .panel-detail-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .panel-detail-header .btn.new-theme-btn {
    margin-bottom: 12px;
  }

  .panel-detail-header .blue-border-btn {
    height: 35px;
    font-size: 15px;
    margin-top: 10px;
  }

  .shoutout-right-col.purchase-package-right-col {
    padding-left: 340px;
  }

  .shoutout-img-col.image-left-col-with-text {
    width: 310px;
  }

  /* .shoutout-main-img {width: 310px;height: 314px;} */
  .checkbox-outer-col .field-values-outer {
    margin-bottom: 0px;
    margin-top: 15px;
  }

  .panel-listing-header {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .panel-search-new {
    margin-bottom: 20px;
    width: 100%;
  }

  .filter-btn-item::after {
    bottom: -12px;
  }

  .panel-filter-list li,
  .filter-btn-item,
  .footer-menu .nav-link,
  .footer-para {
    font-size: 18px;
  }

  .custom-forms div.css-1pahdxg-control:hover,
  .custom-forms div.css-yk16xz-control,
  .custom-forms div.css-1pahdxg-control,
  .custom-forms div.css-1pahdxg-control:focus,
  div.css-1pahdxg-control:hover {
    min-height: 58px;
  }

  .panel-detail-tabs .panel-filter-list {
    padding: 12px 20px;
  }

  .footer-top {
    padding: 20px 0 30px;
  }

  .outer-wrapper {
    margin-bottom: -274px;
  }

  .push {
    height: 274px;
  }

  .msg-box {
    padding: 15px 15px 0;
  }

  .search-box {
    padding: 5px 15px;
  }

  .group-chat-details .panel-details {
    flex-direction: column;
    align-items: flex-start !important;
    width: 100%;
  }

  .chat-details-section .btn-purple-gradient {
    min-width: 170px;
    height: 44px;
    line-height: 30px;
  }

  .group-chat-details .white-box {
    max-width: 270px;
  }

  .group-chat-details .heading {
    padding-right: 0;
    width: 100%;
    margin-bottom: 12px;
  }

  .settings-title {
    font-size: 28px;
    margin-bottom: 30px;
    padding-bottom: 15px;
  }

  .page-title {
    font-size: 28px;
  }

  .inner-inputs {
    height: 40px;
  }

  .fields-on-right .inner-inputs {
    width: 50px;
  }

  .field-value-new .custom-file-new.upload-profile-img .btn {
    min-width: 80px;
  }

  .field-value-new .upload-profile-img label.form-control {
    padding-right: 90px;
  }

  .timer-outer {
    font-size: 28px;
  }

  .panel-body-section .title-sm {
    font-size: 18px;
    text-align: left;
  }

  .right-field .tooltip-outer,
  .left-field .tooltip-outer {
    right: auto;
    top: 100px;
    left: auto;
  }

  .right-field .tooltip-outer::after,
  .left-field .tooltip-outer::after {
    right: auto;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    top: -16px;
  }

  .create-offer-form textarea.form-control {
    height: 100px;
  }

  .add-more-outer {
    font-size: 15px;
    margin-top: 5px;
  }

  .add-more-outer .color-red {
    font-size: 15px;
  }

  .tagline-new {
    font-size: 20px;
    margin: 10px 0;
  }

  .package-price {
    font-size: 25px;
  }

  .custom-pagination-new .page-item .page-link,
  .custom-pagination-new .page-item a {
    height: 44px;
    width: 44px;
    line-height: 44px;
  }

  .package-social-list li {
    font-size: 16px;
  }

  .right-side-header .new-theme-btn {
    min-width: 130px;
  }

  .right-side-header .search-form {
    max-width: 460px;
  }

  .field-label-lg {
    font-size: 18px;
  }

  .redbtn {
    min-width: 130px;
    margin-left: 20px;
    font-size: 16px;
    min-height: 40px;
    padding: 0 10px;
  }

  .white-btn-pill {
    padding: 12px 15px 8px;
    font-size: 16px;
  }

  .live-chat-page .btn-with-right-icon {
    height: 40px;
    line-height: 40px;
    padding-left: 12px;
    font-size: 16px;
    padding-right: 48px !important;
  }

  .live-chat-page .btn-with-right-icon .btn-right-icon {
    height: 38px;
    width: 39px;
    margin-left: 12px;
    line-height: 37px;
  }

  .user-image {
    height: 57px;
    width: 57px;
    margin-right: 15px;
    line-height: 57px;
    min-width: 57px;
  }

  .user-details h2,
  .bank-details .title-sm {
    font-size: 20px;
  }

  .video-detal li {
    font-size: 14px;
  }

  .add-new-card-btn.plain-blue-link {
    font-size: 18px;
  }

  .card-bank .card-header {
    padding: 15px 20px;
  }

  .card-bank .card-body {
    padding: 20px;
  }

  .account-detail-head ol {
    width: 70%;
  }

  .send-tips-popup {
    padding: 20px 12px;
  }

  .tips-title {
    font-size: 18px;
  }

  .send-tips-new .btn {
    font-size: 15px;
  }

  .edit-price-popup .form-field-new .form-control {
    font-size: 15px;
  }

  .merchant-profile-top,
  .merchant-profile-bottom {
    padding: 0 16px;
  }

  .merchant-profile-img {
    margin-right: 15px;
  }

  .merchant-profile-bottom {
    padding-top: 16px;
    margin-top: 16px;
  }

  .slider-product-img-outer {
    height: 125px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 100px;
  }

  .image-navbar li {
    height: 70px;
  }

  .all-search-form input.form-control {
    font-size: 15px;
  }

  .notification-outer {
    top: 90px;
  }

  .hotel-icon + .list-content {
    top: 5px;
  }

  .modal-tab-header {
    padding: 15px 20px 5px;
  }

  .col-left .tooltip-outer,
  .col-right .tooltip-outer {
    right: 0;
    width: 250px;
  }

  .user-chat-detail .shopify-media span {
    width: 59px;
    height: 77px;
  }

  .user-chat-detail .shopify-media .new-theme-btn.btn-sm {
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
  }

  .uploaded-img,
  .add-files-outer .custom-file-upload,
  .video-container {
    height: 85px;
    width: 85px;
  }

  .add-files-outer .custom-file-upload {
    padding: 15px 10px;
  }

  .add-files-outer .plus-icon-new {
    width: 19px;
    height: 19px;
  }

  .custom-file-upload label {
    font-size: 15px;
  }

  .event-date-field .tooltip-outer {
    left: -50px;
  }

  .payment-body .field-value-new .form-control,
  .payment-body .form-field-new .form-control {
    height: 45px;
  }

  .analytics-listing-new li::before {
    top: 3px;
    width: 10px;
    height: 10px;
  }

  .analytics-listing-new {
    font-size: 14px;
    line-height: 1.4;
  }

  .scroll-outer {
    height: 530px;
  }

  .analytics-listing-new li {
    padding-left: 18px;
  }

  .payment-body .summary-table .table td {
    font-size: 16px;
  }

  .payment-body .summary-table {
    padding: 10px 0 5px;
  }

  .product-promotion-detail .field-values-outer {
    margin-bottom: 10px;
  }

  .payment-form .progress,
  .payment-form .progress-bar {
    height: 14px;
  }

  .fullwidth-analytics .social-media-body {
    padding: 12px 15px;
  }

  .fullwidth-analytics .social-media-title {
    padding: 12px 15px;
    font-size: 18px;
  }

  .live-stream-product-detail {
    width: 310px;
  }

  .bg-grey .panel-detail-body {
    padding-right: 15px;
    padding-left: 15px;
  }

  .package-action-footer .col .btn {
    padding: 0;
  }

  .btn span.spinner-border {
    width: 10px;
    height: 10px;
  }

  .header-right-top .search-col {
    max-width: 40%;
    flex: 0 0 40%;
  }

  .areaConc-img-outer img {
    max-width: 35px;
    height: 35px;
  }

  .send-tips-new .send-tips-popup .form-control {
    font-size: 13px;
  }

  .live-soon-detail .bordered-box-title span {
    font-size: 20px;
  }

  .pagination li a {
    height: 44px;
    line-height: 44px;
    width: 44px;
  }

  .expirationdate-title.tooltip-outer {
    right: -110px;
  }

  .expirationdate .expirationdate-title.tooltip-outer {
    right: 0;
  }

  .checkout-actions .theme-button {
    height: 48px;
    min-width: 160px;
    line-height: 44px;
    font-size: 18px;
  }

  .direct-msg-search .search-form {
    max-width: 100%;
  }

  .list-open .uploaded-files .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .panel-detail-footer .btn-danger {
    line-height: 2.8 !important;
  }

  .f-24 {
    font-size: 22px !important;
  }

  .info-status {
    width: 25px;
    height: 25px;
    line-height: 31px;
  }

  /* .header-top-row {flex-direction: column;align-items: flex-end !important;}
	.header-right-top .header-top-col {max-width: 100%;flex: 0 0 100%;width: 100%;justify-content: flex-end;}
	.header-right-top {padding: 15px;}
	.header-right-top .search-col {margin-bottom: 12px;}*/
}

@media all and (max-width: 1180px) {
  .custom-width .video-image.common-card {
    max-width: 480px;
  }
}

@media all and (max-width: 1100px) {
  .site-logo img {
    max-width: 200px;
  }

  .uv-data .product-hd {
    font-size: 17px;
  }

  .uv-data .report-btn {
    padding: 8px 5px 6px;
    font-size: 14px;
  }

  .banner-content-outer {
    position: relative;
    bottom: 0;
    width: 100%;
    left: auto;
    margin-top: -150px;
  }

  .btn-col {
    max-width: 100%;
  }

  .banner-content {
    padding: 20px 0 30px;
    margin-bottom: 30px;
    bottom: 0;
  }

  /* .card-head-left > span {display: none;} */
  .share-icon {
    width: 70px;
    height: 70px;
    background-size: cover;
  }

  .gallery-img-outer {
    height: 290px;
    line-height: 290px;
  }

  .custom-toggle .btn {
    min-width: 150px;
  }

  .footer-para,
  .footer-menu .nav-link {
    font-size: 18px;
  }

  .media-img-lg {
    height: 198px;
    line-height: 198px;
  }

  .marchent-outer {
    margin-top: -250px;
  }

  .live-stream-row .custom-col {
    max-width: 20%;
    flex: 0 0 20%;
  }

  .edit-price-popup {
    padding: 0 10px;
  }

  .dolor-price {
    font-size: 24px;
  }

  .filter-item {
    text-align: center;
  }

  .dash-sections {
    padding: 40px 0;
  }

  .info-box-outer {
    margin-bottom: 0px;
  }

  .card .add-slot-actions .btn {
    height: 40px;
    line-height: 40px;
  }

  .panel-detail-actions .btn-pink-white,
  .panel-detail-actions .btn-primary,
  .card .panel-detail-actions .btn-secondary,
  .panel-detail-actions .btn-purple-gradient {
    min-width: 80px;
  }

  .selected-row-details .panel-detail-actions .btn-purple-gradient {
    min-width: 40px;
  }

  .header-right-top .col {
    padding-left: 5px;
    padding-right: 5px;
  }

  .search-type-title {
    font-size: 18px;
  }

  .areaConc-search-item {
    font-size: 16px;
  }

  .white-box-lg .social-info-list li span,
  .icon-outer {
    width: 30px;
    min-width: 30px;
    height: 30px;
  }

  .icon-outer::before {
    width: 14px;
    height: 14px;
  }

  .youtube-icon-new::before {
    width: 15px;
    height: 11px;
  }

  .twitr-icon-new::before {
    width: 15px;
    height: 13px;
  }

  .insta-icon-new::before {
    width: 13px;
    height: 13px;
  }

  .fb-icon-new::before {
    width: 7px;
    height: 15px;
  }

  .social-list {
    right: 10px;
    top: 8px;
  }

  .social-list li span {
    width: 18px;
    height: 18px;
  }

  .social-list li {
    margin-bottom: 4px;
    line-height: 1;
  }

  .white-box-lg .social-info-list li,
  .profile-profession,
  .white-box-lg .page-views,
  .white-box-lg .page-views span {
    font-size: 16px;
  }

  .custom-tabs-new .nav-tabs .nav-link {
    padding: 12px 5px;
  }

  .profile-buttons .btn {
    margin-left: 10px;
    height: 38px;
    line-height: 37px;
  }

  .banner-btn {
    font-size: 14px;
  }

  .shoutout-img-col {
    width: 23%;
  }

  .shoutout-right-col {
    padding-left: 26%;
  }

  .analytic-outer::after {
    right: 10px;
  }

  .analytic-value,
  .title-xs-new {
    font-size: 16px;
  }

  .card-info-dropdown .dropdown-item {
    font-size: 12px;
    font-family: NeusaNextStd-Medium, sans-serif;
    color: #3c5364;
    padding: 6px 15px;
  }

  .card-info-dropdown .delete-icon {
    width: 13px;
    height: 15px;
  }

  .card-info-dropdown .publish-icon {
    width: 13px;
    height: 13px;
  }

  .card-info-dropdown .edit-icon {
    width: 13px;
    height: 13px;
  }

  .card-info-dropdown .dropdown-item span {
    margin-right: 10px;
  }

  .card-info-dropdown .dropdown-toggle {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .three-dots-icon {
    width: 30px;
    height: 30px;
  }

  .outer-wrapper {
    margin-bottom: -268px;
  }

  .push {
    height: 268px;
  }

  .analytics-info-text {
    font-size: 16px;
    padding: 10px 15px;
    top: -75px;
  }

  .bordered-box-tile {
    padding: 10px 10px;
  }

  .speaker-icon-lg {
    width: 35px;
    height: 30px;
  }

  .live-chat-icon {
    width: 35px;
    height: 38px;
  }

  .upcomming-chat-icon {
    width: 35px;
    height: 31px;
  }

  .product-promotion-icon {
    width: 35px;
    height: 47px;
  }

  .personal-appearance-icon,
  .uv-store-icon {
    width: 35px;
    height: 35px;
  }

  .title-sm-new {
    font-size: 22px;
  }

  .newsletter-tagline,
  .btn-border {
    font-size: 14px;
  }

  .settings-action-div .btn {
    font-size: 16px;
    min-width: 130px;
    height: 40px;
    line-height: 40px;
  }

  .new-custom-toggle {
    height: 70px;
    line-height: 70px;
    font-size: 21px;
  }

  .custom-radio-new input:checked ~ .new-custom-toggle {
    height: 85px;
    line-height: 85px;
  }

  .box-heading {
    font-size: 22px;
  }

  .login-btn.theme-button {
    height: 40px;
  }

  .live-box-outer {
    width: 240px;
  }

  .live-box-body .btn.new-theme-btn {
    min-width: 115px;
    height: 30px;
    line-height: 27px;
  }

  .live-box-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .blue-btn-new {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }

  .upload-modal .modal-footer .btn {
    font-size: 16px;
    min-width: 90px;
  }

  .payment-body {
    max-height: 195px;
  }

  .save-card-title .analytics-info-text {
    top: -61px;
    width: 350px;
  }

  .card-design-new.settings-page-cards .card-details {
    flex-wrap: wrap;
  }

  .panel-detail-footer.panel-footer-actions .btn {
    padding: 0 7px;
    font-size: 14px;
  }

  .panel-detail-heading {
    font-size: 22px;
    font-family: NeusaNextStd-Medium, sans-serif;
  }

  .btn-with-right-icon .btn-right-icon {
    height: 33px;
    width: 34px;
    line-height: 35px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }

  .chat-image {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }

  .card-blue .card-body,
  .card-blue .card-header {
    padding: 8px 12px;
  }

  .user-chat-detail {
    padding: 12px 15px;
    overflow: auto;
    margin-bottom: 15px;
    height: 100%;
    scrollbar-color: #d7dbe2 #eee;
  }

  .chat-title,
  .liveimage-title {
    font-family: NeusaNextStd-Medium, sans-serif;
    font-size: 20px;
  }

  .live-chat {
    padding: 18px 0 15px;
  }

  .bedge-btns {
    padding: 0 15px 8px 15px;
    border-bottom: 1px solid #353b43;
  }

  .live-chat-box {
    height: calc(100% - 150px);
  }

  .live-chat-token .live-chat-box {
    height: calc(100% - 180px);
  }

  .chat-tab .panel-filter-list li {
    padding: 15px 8px 12px;
    font-size: 17px;
  }

  .send-tips-popup .card-body {
    padding: 10px 8px 15px;
  }

  .send-tips-new .send-tips-popup .form-control {
    height: 30px;
    font-size: 13px;
  }

  .send-tips-popup .input-group-prepend .input-group-text {
    height: 30px;
    padding-right: 0px;
    width: 18px;
  }

  .send-tips-popup .coins-icon {
    width: 11px;
    height: 13px;
  }

  .send-tips-popup .smily-icon {
    width: 13px;
    height: 13px;
    margin-right: 0;
  }

  .send-tips-popup .card-header {
    padding: 10px 15px;
  }

  .panel-listing {
    padding: 30px 0px;
  }

  .card-details-header .card-delete-btn {
    margin-right: 20px;
  }

  .panel-detail-footer {
    padding: 25px 15px 6px;
  }

  .marketplace-card .card-img,
  .card-img {
    height: 240px;
  }

  .about-card .media img {
    width: 38px;
    height: 38px;
  }

  .media .common-card-title {
    padding: 2px 8px;
    padding-left: 28px;
  }

  .bundle-card {
    padding: 4px 8px;
    font-size: 12px;
  }

  .bundle-icon {
    width: 14px;
    height: 12px;
  }

  .slider-product-img-outer {
    height: 110px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 85px;
  }

  .slick-slider-new .slick-arrow {
    width: 30px;
    height: 30px;
  }

  .package-price {
    font-size: 22px;
  }

  .new-theme-btn,
  .btn-secondary {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0 8px;
  }

  .plain-link.font-sm {
    font-size: 14px;
  }

  .page-banners .banner-live-sales {
    display: none;
  }

  .banner-live-sales {
    position: relative;
    width: 100%;
    top: auto;
    bottom: auto;
  }

  .sales-product-img.mr-3 {
    margin: 0;
  }

  .blue-border-btn.show-filters-btn {
    height: 34px;
    font-size: 13px;
    margin-top: 4px;
    line-height: 33px;
  }

  .filter-badges {
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 21px;
  }

  .uploaded-img,
  .add-files-outer .custom-file-upload,
  .video-container {
    height: 75px;
    width: 75px;
  }

  .add-files-outer .custom-file-upload {
    padding: 12px 0;
  }

  .custom-file-upload label {
    font-size: 13px;
  }

  .extra-room-title.tooltip-outer,
  .event-date-field .tooltip-outer {
    left: -100px;
  }

  .include-companion-title.tooltip-outer,
  .payment-timing-field .tooltip-outer,
  .includecompanion-title.tooltip-outer,
  .extraroom-title.tooltip-outer {
    left: -100px;
  }

  .live-sales-box .form-control {
    height: 35px;
    line-height: 35px;
  }

  .payment-body .settings-title {
    font-size: 22px;
  }

  .general-analytics-box {
    padding: 15px 0px 15px 15px;
    overflow: hidden;
  }

  .payment-body .media-img {
    width: 147px;
    height: 150px;
  }

  .checkout-inner-new .custom-dash-col-lg {
    flex: 0 0 65%;
    max-width: 65%;
  }

  .checkout-inner-new .custom-dash-col-sm {
    flex: 0 0 35%;
    max-width: 35%;
  }

  .product-variation {
    padding: 5px 0;
    font-size: 15px;
    color: #757c81;
  }

  .product-variation .grey-pills {
    height: 25px;
    line-height: 27px;
    min-width: 45px;
    font-size: 13px;
  }

  .product-detail-new .package-price {
    padding: 10px 0 0;
    margin: 10px 0 0;
    border-left: 0;
    border-top: 1px solid #3a3f45;
    width: 100%;
  }

  .product-variations-outer.live-sales-box .form-control {
    line-height: 30px;
    height: 30px;
    width: 30px;
  }

  .product-variations-outer.live-sales-box input.form-control {
    width: 50px;
    padding: 0 4px;
  }

  .product-detail-new {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .cancel-product {
    width: 16px;
    height: 16px;
  }

  .icon-btn.cancel-product {
    max-width: 15px;
    flex: 0 0 15px;
  }

  .fullwidth-analytics .social-media-box .analytic-label {
    font-size: 14px;
  }

  .text-lg .status-accepted {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
  }

  .live-stream-row {
    display: flex !important;
    flex-direction: column;
  }

  .live-stream-product-detail {
    float: none;
    width: 100%;
    margin: 30px auto 0 0;
    order: 2;
    max-width: 370px;
  }

  .merchant-profile-outer.merchant-profile-box {
    padding: 25px 20px;
  }

  .merchant-profile-box .title-lg {
    margin: 0;
  }

  .package-action-footer .col .btn {
    height: 34px;
    line-height: 34px;
    padding: 0;
    font-size: 12px;
  }

  .btn span.spinner-border {
    width: 0.5rem;
    height: 0.5rem;
    margin-top: -2px;
  }

  .social-tiktok-icon {
    width: 14px;
    height: 16px;
  }

  .social-twitch-icon {
    width: 16px;
    height: 16px;
  }

  .social-twitter-icon {
    width: 20px;
    height: 16px;
  }

  .social-insta-icon {
    width: 16px;
    height: 16px;
  }

  .social-youtube-icon {
    width: 19px;
    height: 14px;
  }

  .header-right-top .btn-outline-theme {
    padding: 0 10px;
  }

  .header-top-row {
    flex-direction: column;
    align-items: flex-end !important;
  }

  .header-right-top .header-top-col {
    max-width: 100%;
    flex: 0 0 100%;
    width: 100%;
    justify-content: flex-end;
  }

  .header-right-top {
    padding: 15px;
  }

  .header-right-top .search-col {
    margin-bottom: 12px;
  }

  /* .shopify-select div.css-yk16xz-control, .shopify-select div.css-1pahdxg-control, .shopify-select div.css-1pahdxg-control:focus, .shopify-select div.css-1pahdxg-control:hover,
	.shopify-btn{ min-height: 35px; height: 35px;} */
  .shopify-btn img {
    width: 75px;
  }

  .shopify-btn {
    padding: 3px 10px;
  }

  .plus-minu-input input,
  .plus-minu-input .form-control,
  .plus-minu-input input.form-control {
    height: 34px;
    line-height: 32px;
  }

  .btn-width {
    min-width: 140px;
  }

  .card-head-left {
    padding-right: 150px;
  }
}

@media all and (max-width: 1024px) {
  .custom-width .video-image.common-card {
    max-width: 408px;
  }
}

@media all and (max-width: 992px) {
  .advance-search-fields div.react-select__control {
    min-height: 42px;
  }

  .advance-search-fields .react-select__value-container {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .custom-col {
    flex: 0 0 20%;
    margin-bottom: 25px;
    max-width: 20%;
  }

  .next-hrs-live {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .custom-row-padding {
    padding: 40px 0 0;
  }

  .next-live-search {
    width: 100%;
  }

  .vertical-scroll {
    padding-right: 20px;
  }

  .celebrancer-icon,
  .user-icon {
    width: 80px;
    height: 80px;
  }

  .merchant-icon {
    width: 99px;
    height: 80px;
  }

  .custom-radio-outer .custom-toggle {
    height: 300px;
    font-size: 22px;
  }

  .outer-pages-banner {
    min-height: 300px;
  }

  .card-header a {
    font-size: 22px;
  }

  .accordion-details {
    font-size: 15px;
  }

  .share-icon {
    width: 50px;
    height: 50px;
  }

  .gallery-img-outer {
    height: 230px;
    line-height: 230px;
  }

  .banner-title {
    font-size: 30px;
    font-family: Avenir-Black, sans-serif;
  }

  .banner-tagline {
    font-size: 16px;
    font-family: Avenir-Black, sans-serif;
  }

  .right-content .search-form {
    max-width: 100%;
    margin: 0 0 20px;
  }

  .right-filters {
    margin-bottom: 20px;
    flex-direction: column;
    justify-content: flex-end !important;
    align-items: end !important;
  }

  .banner-content-outer {
    bottom: auto;
    margin-top: -180px;
    position: relative;
  }

  .social-info-list li {
    margin-right: 15px;
  }

  .home-banner {
    padding-bottom: 0;
  }

  .panel-listing {
    height: 100%;
    min-height: auto;
  }

  .panel-details {
    min-height: 520px;
  }

  .group-chat-details .panel-details {
    min-height: auto;
  }

  .product-promotion-detail .media {
    flex-direction: row;
  }

  .product-promotion-img {
    width: 240px;
    height: 250px;
    line-height: 250px;
  }

  .product-promotion-detail .media-body {
    margin-top: 0;
  }

  .checkout-inner {
    max-width: 540px;
  }

  .payment-action-btns .btn {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
  }

  .payment-action-btns .theme-button {
    min-width: 200px;
  }

  .product-detail-modal .panel-details {
    min-height: auto;
  }

  .product-detail-modal .modal-title {
    font-size: 26px;
  }

  .product-detail-modal .modal-header {
    padding: 1.5rem 1.5rem 0;
    padding-right: 50px;
  }

  .add-slot-modal {
    padding: 0 10px;
  }

  .slot-radios .custom-control-label {
    min-width: 200px;
  }

  .panel-detail-actions {
    position: unset;
  }

  .add-product-outer .panel-detail-actions .btn {
    min-width: 100px;
    padding: 0 15px;
  }

  .add-product-outer {
    padding-bottom: 0;
  }

  .live-stream-row .custom-col {
    max-width: 25%;
    flex: 0 0 25%;
  }

  /* .login-actions {flex-direction: column;justify-content: flex-start !important;align-items: flex-start !important;} */
  .common-card-title,
  .card-artist-area {
    font-size: 14px;
  }

  .common-card-price {
    font-size: 10px;
  }

  .speaker-icon,
  .video-player-icon {
    background-size: cover;
    height: 10px;
    width: 12px;
    background-repeat: no-repeat;
  }

  .video-player-icon {
    height: 7px;
    width: 11px;
  }

  .seven-cols .col-xxl-1 {
    padding: 0 8px;
  }

  .seven-cols {
    margin: 0 -8px;
  }

  .merchant-info-box {
    padding: 20px 20px 60px;
    margin-top: 20px;
  }

  .banner-section {
    padding-bottom: 20px;
  }

  .merchant-img-box {
    max-width: none;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: top;
    background: transparent;
  }

  .merchant-img-wrap {
    max-height: none;
    line-height: 1;
    display: inline-block;
    background: transparent;
  }

  .merchant-img-wrap .img-fluid {
    max-width: 290px;
    width: 100%;
    height: auto;
    max-height: none;
  }

  .merchant-img-box .btn-grey {
    min-width: 150px;
    padding: 7px 10px 5px;
    right: 22px;
    height: 30px;
    letter-spacing: -0.3px;
  }

  .merchant-title {
    font-size: 26px;
  }

  .heading {
    font-size: 26px;
    margin-bottom: 0;
  }

  .live-chat-details {
    display: none;
  }

  .btn-purple-gradient,
  .card-header .btn-purple-gradient,
  .selected-row-details .btn-purple-gradient {
    min-width: 137px;
    font-size: 15px;
    padding: 8px 15px;
    height: 38px;
    line-height: 1.6;
    letter-spacing: 0px;
  }

  .btn-purple-gradient .add-symbol {
    margin-right: 8px;
    font-size: 21px;
  }

  .selected-row-details .btn-purple-gradient,
  .product-header .btn-purple-gradient {
    padding: 0 15px;
    line-height: 38px;
    margin: 0 0 25px;
  }

  .uv-data .product-header .btn-purple-gradient {
    margin: 0;
  }

  .selected-row-details .panel-detail-actions .btn-purple-gradient {
    min-width: 40px;
    line-height: 38px;
    padding: 0;
    margin: 0;
  }

  .public-store-icon,
  .card-header .btn-purple-gradient {
    min-width: 170px;
  }

  .theme-button {
    height: 38px;
    line-height: 36px;
    font-size: 15px;
    padding: 0 10px;
  }

  .public-store-icon::after {
    width: 20px;
    height: 20px;
    background-size: cover;
    right: 12px;
  }

  .token-icon::before {
    background-size: contain;
    width: 24px;
    height: 14px;
    top: 13px;
  }

  .delete-icon {
    height: 40px;
    width: 40px;
  }

  .edit-icon {
    width: 35px;
    height: 35px;
  }

  .title-with-rt-border {
    margin-bottom: 0;
  }

  .custom-file-upload {
    border: 2px dashed #d1d1d1;
    padding: 20px 30px;
    font-size: 17px;
  }

  .cloud-icon {
    width: 60px;
    height: 42px;
    background-size: contain;
  }

  .file-upload-section .custom-control {
    font-size: 16px;
    line-height: 1.2;
    height: auto;
    min-height: auto;
  }

  .file-upload-section .custom-control-label::before {
    top: 0.04rem;
  }

  .file-upload-section .custom-control-label::after {
    top: 0.05rem;
  }

  .file-upload-section .text-mute {
    line-height: 1.2;
  }

  .form-label-group:last-child {
    margin-bottom: 0.5rem;
  }

  .custom-forms .form-label-group:last-child {
    margin-bottom: 1.2rem;
  }

  .custom-file-upload p {
    font-size: 13px;
    margin: 5px 0 0;
  }

  .footer-para,
  .footer-menu .nav-link {
    font-size: 16px;
  }

  .push {
    height: 290px;
  }

  .outer-wrapper {
    margin-bottom: -290px;
  }

  .nav-link {
    padding: 0.4rem 0.8rem;
  }

  .product-hashtags {
    font-size: 16px;
  }

  .product-title {
    margin: 10px 0;
    font-size: 18px;
  }

  .product-price {
    font-size: 24px;
  }

  .product-description {
    padding: 10px 0;
    font-size: 16px;
  }

  .product-promotions-outer {
    margin-top: 0px !important;
  }

  .product-promotion-detail {
    padding: 0;
  }

  .right-desc-mobile .modal-body {
    min-height: auto;
  }

  .right-desc-mobile .panel-detail-actions {
    position: static;
    margin: 10px 0 0;
  }

  .right-desc-mobile .selected-row-details {
    margin: 0;
  }

  .right-desc-mobile .btn {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
  }

  .deliverable-img-box {
    max-width: 140px;
  }

  .common-listing li {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .personal-appearance-detail .appearance-section ul li,
  .appearance-section ul li {
    font-size: 16px;
  }

  .common-forms .appearance-section .form-control {
    height: 44px;
  }

  .common-forms .appearance-section textarea.form-control {
    height: 80px;
  }

  .appearance-section .price-field .input-group-prepend span {
    height: 36px;
    width: 36px;
  }

  .common-forms .appearance-section .price-field .form-control {
    padding-left: 50px;
  }

  .appearance-section .react-datepicker-wrapper::after {
    top: 11px;
  }

  .appearance-section .time-control .react-datepicker-wrapper::after {
    background-size: cover;
    height: 22px;
    width: 22px;
  }

  .appearance-section-title {
    padding-bottom: 4px;
    font-size: 17px;
    margin-bottom: 16px;
  }

  .checkbox-lg .custom-control-label::before {
    width: 20px;
    height: 20px;
  }

  .checkbox-lg .custom-control-label::after {
    top: -0.05rem;
    left: -1.55rem;
    width: 22px;
    height: 24px;
  }

  .panel-details:empty {
    display: none;
  }

  .default-img-outer {
    height: 220px;
    background: #dadada;
    width: 200px;
    line-height: 220px;
  }

  .default-img-outer .img-fluid {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }

  .plain-modal.edit-profile-popup .modal-body {
    min-height: auto;
  }

  .title-xl {
    font-size: 30px;
  }

  .right-side-content {
    padding-left: 0;
  }

  .filter-sidebar.sidebar-open {
    width: 300px;
    position: fixed;
    left: 0px;
  }

  .filter-sidebar {
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 10000;
    left: -102%;
    box-shadow: 3px 0px 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 0px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 0px 8px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 3px 0px 8px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 3px 0px 8px rgba(0, 0, 0, 0.1);
    padding: 25px 5px 0;
    background: #111214;
    transition: all 0.2s ease 0s;
  }

  .btn-sidebar {
    position: absolute;
    text-align: center;
    height: 21px;
    width: 21px;
    background: url("../images/close-icon-new.svg") no-repeat;
    border: none;
    display: block;
    top: 0px;
    background-size: cover;
  }

  .btn-sidebar .css-arrow-icon {
    display: none;
  }

  .sidebar-open .btn-sidebar {
    right: 20px;
    top: 20px;
  }

  .filters-outer-main {
    overflow-y: auto;
    height: calc(100% - 125px);
    padding: 0 20px;
  }

  .category-page {
    min-height: auto;
  }

  .page-title-new {
    font-size: 30px;
  }

  .orange-title {
    font-size: 20px;
  }

  .filter-header {
    margin: 10px 0 20px;
  }

  .filter-sidebar .page-title-new,
  .filter-header {
    padding: 15px 20px 0;
  }

  .css-arrow-icon {
    width: 12px;
    height: 12px;
    border: 3px solid #fff;
    border-left: 0;
    border-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px;
    transform: rotate(45deg);
  }

  .sidebar-open .css-arrow-icon {
    transform: rotate(225deg);
    margin-left: 4px;
  }

  .live-video-details .box-name {
    font-size: 28px;
  }

  .filter-sidebar.sidebar-open + .right-side-content {
    padding-left: 0;
  }

  .panel-detail-actions .btn-pink-white.upload-btn {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
  }

  .new-custom-toggle span {
    margin-right: 12px;
  }

  .celebencer-icon-new,
  .merchant-icon-new,
  .fan-icon-new {
    width: 30px;
    height: 30px;
  }

  .referer-icon-new {
    width: 30px;
    height: 28px;
  }

  .signup-radios {
    margin-bottom: 60px;
  }

  .panel-detail-form .advance-search-fields .form-control,
  .panel-detail-form .field-value-new .form-control,
  .panel-detail-form .field-value-new .upload-profile-img label.form-control,
  .panel-detail-form .advance-search-fields div.css-yk16xz-control,
  .panel-detail-form .advance-search-fields div.css-1pahdxg-control,
  .panel-detail-form .advance-search-fields div.css-1pahdxg-control:focus,
  .panel-detail-form .advance-search-fields div.css-1pahdxg-control:hover,
  .advance-search-fields .react-tagsinput,
  .panel-detail-body
    .advance-search-fields
    .field-value-new
    textarea.form-control,
  .panel-detail-body .field-value-new textarea.form-control,
  .field-value-new .react-datepicker-wrapper input,
  .panel-detail-body .field-value-new .form-control {
    border: 1px solid #2f3135;
    background-color: #292a2d;
  }

  .panel-detail-body .field-value-new textarea.form-control {
    height: 80px;
  }

  .advance-search-fields .field-with-bg,
  .checkbox-grey1 .checkbox-new-label {
    background: #f0f2f5;
  }

  .advance-search-fields .checkbox-new-label {
    background: #fff;
  }

  .field-value-new .deliverables-outer {
    border: 1px solid #e4e4e4;
  }

  .filter-actions {
    padding: 20px;
    text-align: center;
    border-top: 1px solid #2b3037;
  }

  .filter-actions .btn {
    padding: 0 20px;
    height: 35px;
    line-height: 33px;
    font-size: 15px;
  }

  .personal-apearance-mobile .modal-content {
    background: #f1f1f1;
  }

  .custom-pills.nav-pills .nav-link {
    font-size: 20px;
  }

  .text-accordion-header button {
    padding: 12px 20px;
    font-size: 18px;
  }

  .text-accordion-body {
    padding: 15px 20px;
    font-size: 16px;
  }

  .accordion-close .accordion-toggle-icon {
    width: 18px;
    height: 18px;
  }

  .accordion-open .accordion-toggle-icon {
    width: 18px;
  }

  .grey-box-title {
    font-size: 20px;
  }

  .grey-box .box-desc {
    font-size: 16px;
  }

  .banner-subtitle {
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 1.3;
  }

  .uv-banner-text .white-box {
    font-size: 14px;
    padding: 20px;
  }

  .uv-banner-text .banner-title {
    font-size: 26px;
    margin-bottom: 7px;
    letter-spacing: 0;
  }

  .package-details-new {
    padding-left: 0;
  }

  .subscription-checkout .payment-footer {
    margin-top: 10px;
  }

  .checkout-profile .page-banners img {
    height: 325px;
    width: auto;
    max-width: none;
  }

  .checkout-profile .page-banners {
    overflow: hidden;
  }

  .payment-body {
    max-height: 265px;
  }

  /* .textarea.message-textarea.form-control {border: 1px solid #2f3135;} */
  .panel-detail-tabs .send-message-outer {
    padding: 10px 100px 10px 10px;
  }

  .marketplace-card .card-img {
    height: 250px;
  }

  .marketplace-card.market-card-sm .card-img {
    height: 200px;
  }

  .plain-link.theme-color.font-sm {
    font-size: 15px;
  }

  .border-line-left::before {
    left: 50%;
    right: auto;
    top: -1px;
    bottom: auto;
  }

  .billing-outer {
    padding-top: 14px;
  }

  .card-design-new.settings-page-cards .card-details {
    padding-bottom: 20px;
  }

  .panel-detail-body .border-line-right::before,
  .panel-detail-body .border-line-left::before {
    content: none;
  }

  .right-desc-mobile .panel-detail-header {
    padding: 0;
  }

  .right-desc-mobile ~ .modal-backdrop.show {
    z-index: 1050;
  }

  /* .payments-card-outer .border-line-left::before, .payments-card-outer .border-line-right::before {left: 50%;right: auto;} */
  .payments-card-outer .card-details {
    margin-bottom: 15px;
  }

  /* .payments-billing-outer {padding: 15px 0 0;} */
  .card-bank .field-values-outer.border-line-right::before {
    content: none;
  }

  .bank-title {
    font-size: 16px;
  }

  .account-detail-head ol {
    width: 65%;
    font-size: 14px;
    line-height: 1.2;
  }

  .card-details-header .btn-success {
    height: 28px;
    font-size: 13px;
    line-height: 28px;
    padding: 0 8px;
  }

  .list-open .uploaded-files .col-sm-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .gallary-detail .panel-detail-body .field-value-new textarea.form-control,
  .premium-detail .panel-detail-body .field-value-new textarea.form-control {
    background: #fff;
  }

  .panel-detail-body.body-scroll-lg {
    max-height: none;
  }

  .pricelist-section {
    padding: 0 15px;
    border-bottom: 0;
  }

  .selected-row-details h2 {
    background: #1e2023;
    margin-bottom: 10px;
  }

  .gallary-detail .pricelist-section,
  .premium-detail .pricelist-section {
    padding: 0 20px;
  }

  .premium-detail .pricelist-section {
    padding: 15px 20px;
  }

  .add-photos-btn {
    max-width: 230px;
    margin: 0 auto;
    display: block;
  }

  .edit-price-popup .modal-header {
    padding: 10px 0 5px;
  }

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

  .gallary-detail .panel-detail-new,
  .premium-detail .panel-detail-new {
    margin: 5px 0 15px;
  }

  .right-desc-mobile .modal-body .panel-detail-new {
    padding-top: 0;
  }

  .loader-img-outer {
    min-height: 300px;
  }

  .btn-with-right-icon .btn-right-icon {
    height: 32px;
    width: 33px;
    line-height: 40px;
  }

  .token-yellow {
    width: 40px;
    height: 25px;
  }

  .merchant-banner {
    padding-bottom: 0;
  }

  .merchant-profile-outer {
    margin-bottom: 20px;
  }

  .bell-icon-sm {
    width: 12px;
    height: 14px;
  }

  .header-right-top .notification-btn .bell-icon-sm {
    margin-top: -2px;
  }

  .panel-detail-new .panel-detail-body .field-value-new textarea.form-control {
    background: #292a2d;
  }

  .slider-product-img-outer {
    height: 90px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 80px;
  }

  .image-navbar li {
    width: 50px;
  }

  .slick-slider-new .slick-slide > div {
    padding: 0 2px;
  }

  .border-lg-0 {
    border: none !important;
  }

  .notification-outer {
    top: 80px;
  }

  .white-box.white-box-new .tooltip-outer {
    bottom: -490%;
  }

  .pricelist-right,
  .pricelist-left {
    position: relative;
    z-index: 0;
  }

  .custom-filter-slider .slick-arrow {
    width: 30px;
    height: 30px;
    max-width: 30px;
    flex: 0 0 30px;
  }

  .custom-filter-slider .slick-prev::before,
  .custom-filter-slider .slick-next::before {
    top: 9px;
  }

  .custom-filter-slider .slick-prev::before {
    left: 11px;
  }

  .custom-filter-slider .slick-next::before {
    left: 8px;
  }

  .blue-border-btn.show-filters-btn {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .field-values-outer .shopify-media span {
    width: 75px;
    height: 75px;
  }

  .extra-room-checkbox .tooltip-outer,
  .event-date-field .tooltip-outer {
    right: auto;
    left: -80px;
  }

  .companion-checkbox .tooltip-outer,
  .payment-timing-field .tooltip-outer {
    right: auto;
    left: -120px;
  }

  .no-sidebar .category-col {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .payment-body .field-value-new .form-control,
  .payment-body .form-field-new .form-control {
    height: 40px;
    padding: 10px;
  }

  .payment-body .form-field-wrapper {
    margin-bottom: 25px;
  }

  .fullwidth-analytics .analytics-listing-new,
  .fullwidth-analytics .analytic-value-new {
    font-size: 16px;
  }

  .fullwidth-analytics .general-analytics-outer .analytic-label {
    font-size: 18px;
  }

  .top-element-with-tooltip__type-3 .tooltip-outer {
    bottom: 33px;
  }

  .panel-detail-footer.panel-footer-actions .btn {
    min-width: auto;
  }

  .commission-tooltip .tooltip-outer,
  .expirationdate-title.tooltip-outer {
    right: -140px;
  }

  .expirationdate .expirationdate-title.tooltip-outer {
    right: 0;
  }

  .group-chat button {
    line-height: 1.6;
    min-width: 133px;
  }

  /* .col-lg-uvstore{width: 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;} */
  .home-banner-new .banner-title {
    max-width: 480px;
  }

  .list-open .uploaded-files .col-md-3.video-image,
  .uploaded-files .col-md-3.video-image {
    max-width: 50%;
    flex: 50%;
  }

  .custom-accordion .header-chatbox {
    padding-left: 28px;
    margin-top: -28px;
  }

  .direct-msg.message-window {
    height: calc(100vh - 174px);
    max-height: none;
  }

  .chatbox-modal.plain-modal .modal-body {
    padding: 0;
    padding-bottom: 0;
  }

  .filter-slider-padding {
    padding-left: 180px;
  }

  .floating-divs .section-heading-outer.with-filters {
    float: left;
    margin: 5px 0;
  }

  .floating-divs .if-empty {
    float: right;
    margin: 15px 0px;
  }

  .floating-divs .custom-slick-slider,
  .floating-divs .no-data-div {
    clear: both;
  }
}

@media all and (max-width: 991px) {
  .profile-heading {
    padding: 26px 15px 0px;
  }

  .profile-sec {
    padding: 0 15px;
  }

  #premiumContent-tabpane-photos .gallery-col {
    max-width: 25%;
    flex: 0 0 25%;
  }

  .package-details-new .border-left:nth-child(4) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .primary-card {
    padding: 2px 5px;
    margin-left: 0;
  }

  .field-label-new.tooltip-sml .tooltip-outer,
  .custom-control-label.tooltip-sml .tooltip-outer {
    max-width: 225px;
    right: -100px;
    left: unset;
  }

  .panel-details {
    padding: 30px 10px;
  }

  .img-div {
    text-align: center;
  }

  .height-auto {
    height: auto;
  }

  .normal-merchent-design .col-7-width {
    max-width: 100%;
  }

  .merchant-info-box {
    margin-top: 50px;
  }

  .live-image {
    height: 400px;
  }

  .user-chat-detail {
    max-height: 300px;
    min-height: 300px;
  }

  .modal-dialog {
    max-width: 100%;
    margin: 0px auto;
  }

  .panel-top-actions,
  .live-one-on-one-filters {
    flex-direction: row;
  }

  .panel-listing .search-form {
    margin: 0 0 0 15px;
  }

  .last-address {
    max-height: 280px;
  }

  .login-form-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .appearance-section .time-field .form-control {
    background-position: 93% center;
  }

  .login-link.dropdown-toggle {
    padding: 0;
    margin: 0;
    text-align: right;
    line-height: 1;
    overflow: visible;
  }

  .site-logo img {
    max-width: 170px;
  }

  .show-on-mobile {
    display: table-row;
  }

  .theme-button {
    height: 40px;
    min-width: 160px;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 0;
    padding: 0 10px;
  }

  .filter-select {
    display: block;
    max-width: 260px;
    height: 40px;
    background-color: #292a2d;
    border-color: #2f3135;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 18px;
  }

  .panel-listing .search-form .form-control {
    height: 40px;
    padding-left: 45px;
  }

  .search-btn {
    top: 10px;
  }

  .filter-btns,
  .hide-on-mobile {
    display: none;
  }

  .pricelist-mobile {
    display: block;
    margin-bottom: 25px;
    position: relative;
  }

  .pricelist-mobile .white-box {
    display: block;
    background: #111214;
    box-shadow: 0px 0px 25px #0000000d;
    -webkit-box-shadow: 0px 0px 25px #0000000d;
    -moz-box-shadow: 0px 0px 25px #0000000d;
    -o-box-shadow: 0px 0px 25px #0000000d;
    -ms-box-shadow: 0px 0px 25px #0000000d;
    padding: 12px 15px;
  }

  .pricelist-mobile .edit-profile-icon {
    top: -2px;
    right: 0px;
    height: 30px;
    width: 30px;
    background-size: cover;
  }

  .heading-md {
    font-size: 24px;
    margin-bottom: 18px;
  }

  .edit-price-popup {
    padding: 0;
    top: 28px;
  }

  .edit-price-popup .modal-dialog {
    margin: 10px 0;
  }

  .edit-price-popup .modal-title {
    font-size: 20px;
  }

  .custom-tables tr td,
  .custom-tables tr th {
    vertical-align: middle;
    padding: 5px 10px;
  }

  .selected-row-details,
  .card .add-slot-actions .btn {
    margin: 0;
  }

  .bg-grey .panel-details {
    min-height: auto;
    padding: 15px /* 20px 16px 20px 20px*/;
  }

  .subscribe-outer {
    background: #111214;
  }

  .panel-details.uv-data {
    padding: 30px 0px;
  }

  .plain-modal .uv-store .product-hd {
    font-size: 22px;
    line-height: 1.2;
  }

  .order-modal .title-md {
    font-size: 30px;
  }

  .modal-right-order {
    padding-left: 10px;
  }

  .price-text {
    font-size: 18px;
    margin: 12px 0;
  }

  .price-text .dolor-price {
    font-size: 18px;
  }

  .filter-item span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
  }

  .filter-list-new .slick-slide:first-child li::after {
    margin-left: 20px;
  }

  .social-details {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .white-box-lg .social-info-list li {
    margin-bottom: 15px;
  }

  .custom-tabs-new .nav-tabs .nav-item {
    padding-right: 2px;
  }

  .custom-tabs-new .nav-tabs .nav-link {
    font-size: 16px;
    padding: 8px 5px;
  }

  .profile-buttons .btn {
    margin-left: 8px;
  }

  .new-theme-btn span {
    height: 20px;
    margin-left: 5px;
    padding: 0 4px;
    line-height: 24px;
    font-size: 13px;
  }

  .subscribe-btn span {
    line-height: 22px;
  }

  .page-title {
    font-size: 28px;
  }

  .link-md.plain-blue-link {
    font-size: 15px;
  }

  .shoutout-img-col {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }

  .shoutout-col-with-text {
    text-align: left;
  }

  .shoutout-right-col {
    padding-left: 0;
  }

  .shoutout-img-col .img-fluid {
    max-width: 260px;
    width: 100%;
  }

  .how-works-modal .modal-title {
    font-size: 24px;
  }

  .analytic-outer::after {
    right: 0px;
  }

  .white-box-inner {
    padding: 25px 15px;
  }

  .reviewer-name {
    font-size: 20px;
  }

  .review-date {
    font-size: 14px;
  }

  .review-body {
    font-size: 16px;
  }

  .card-cvv .form-control {
    height: 40px;
  }

  .login-screen-bg {
    min-height: auto;
    background: transparent;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .package-outer .new-theme-btn {
    height: 30px;
    line-height: 29px;
    font-size: 14px;
  }

  .package-outer {
    padding-bottom: 40px;
  }

  .panel-detail-body .profile-category {
    font-size: 16px;
  }

  .panel-detail-header {
    flex-direction: row;
    align-items: center;
  }

  .panel-detail-header .btn.new-theme-btn {
    margin-bottom: 0;
  }

  .panel-detail-header .blue-border-btn {
    margin-top: 0;
  }

  .image-left-col-with-text.shoutout-img-col .img-fluid {
    max-width: none;
  }

  .shoutout-img-col.image-left-col-with-text {
    text-align: left;
  }

  .shoutout-profile-detail {
    padding-left: 20px;
  }

  .details-outer {
    font-size: 17px;
  }

  .special-text {
    font-size: 30px;
  }

  .panel-listing-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
  }

  .panel-search-new {
    width: auto;
    margin: 0 0 0 auto;
  }

  .panel-listing .panel-listing-header .search-form .form-control {
    height: 40px;
    padding-left: 35px;
    background: #111214;
  }

  .panel-listing-header .search-btn {
    width: 18px;
    height: 18px;
    left: 13px;
  }

  .panel-tabs {
    display: none;
  }

  .chat-tab.panel-tabs {
    display: block;
  }

  .profile-field-label,
  .group-chat-datetime {
    font-size: 20px;
  }

  .profile-field-value,
  .group-chat-desc,
  .title-light,
  .group-chat-details .heading {
    font-size: 18px;
  }

  .white-box-lg .page-views {
    align-self: flex-end;
  }

  .footer-top {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .newsletter-section {
    width: auto;
    margin-bottom: 30px;
  }

  .footer-signup-section {
    width: 100%;
  }

  .title-md {
    font-size: 22px;
  }

  .site-logo {
    margin-bottom: -34px;
  }

  .msg-popup .modal-dialog {
    max-width: 500px;
  }

  .progress-header {
    font-size: 15px;
    padding: 6px 15px;
  }

  .progress-outer {
    width: 320px;
  }

  .progress-body {
    padding: 10px 15px;
  }

  .file-name {
    width: 70%;
  }

  .upload-modal .title-md {
    font-size: 22px;
  }

  .redbtn {
    min-height: 40px;
  }

  .chat-price {
    font-size: 25px;
  }

  .shoutout-img-col video {
    height: auto;
    transform: scaleX(-1) !important;
  }

  .custom-pills {
    padding-right: 30px;
  }

  .static-page-outer,
  .static-page-inner {
    padding-top: 50px;
  }

  .page-title-lg {
    font-size: 40px;
  }

  .static-sections .title-md {
    font-size: 26px;
  }

  .user-icon-blue,
  .lock-icon-blue,
  .card-icon-blue,
  .bank-icon-blue {
    width: 20px;
    height: 20px;
  }

  .settings-title {
    font-size: 22px;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .live-box-desc {
    font-size: 13px;
    line-height: 1.2;
  }

  .timer-outer,
  .settings-title h2 {
    font-size: 22px;
    margin: 6px 0;
  }

  .panel-location {
    margin: 0 0px 30px 0px;
    padding: 0px;
  }

  .token-value {
    font-size: 30px;
  }

  .package-creation-btns .btn {
    width: auto !important;
  }

  .custom-accordion .panel-detail-tabs .card {
    margin: 0 -30px 0 -30px;
  }

  .custom-accordion .panel-detail-tabs .card-header-analytics {
    padding: 16px 45px 16px 30px;
  }

  .custom-accordion .panel-detail-tabs .card-body {
    padding: 30px 30px 25px;
  }

  .social-footer-list .nav-link {
    padding: 8px;
  }

  .package-detail-outer .new-theme-btn {
    font-size: 17px;
    height: 37px;
    line-height: 37px;
  }

  .custom-accordion .panel-detail-tabs .card-header {
    padding: 15px;
  }

  .detail-section-padding {
    padding: 0px 30px 0px;
    margin: 0 -29px 0 -30px;
  }

  .panel-detail-header.mt-4 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .panel-detail-form .custom-timerange #react-time-range select {
    border: 1px solid #2f3135;
    background: #292a2d;
  }

  .live-chat {
    margin-top: 30px;
    height: auto;
  }

  .live-chat-box .user-chat-detail {
    max-height: none;
    min-height: auto;
  }

  .live-video-details {
    height: auto;
  }

  .chat-details-list {
    height: auto;
    overflow: unset;
  }

  .gallery-row-new {
    flex-wrap: wrap;
  }

  .notification-header .panel-tabs {
    display: block;
  }

  .notification-title {
    font-size: 22px;
    padding: 20px 18px 5px;
  }

  .notification-header .filter-btn-item {
    font-size: 16px;
    padding: 0 15px;
  }

  .header-right .notification-outer .plain-blue-link {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
  }

  .panel-detail-body .border-right {
    border: none !important;
  }

  .thankyou-page-body .uploaded-img {
    width: 60px;
    height: 60px;
  }

  .fullwidth-analytics .social-media-box .analytic-label {
    font-size: 16px;
  }

  .fullwidth-analytics .social-media-title,
  .fullwidth-analytics .social-media-body {
    padding: 12px 25px;
  }

  .modal-md-new .modal-title {
    font-size: 24px;
  }

  .panel-listing-header .filter-btn-item,
  .panel-listing-header .filter-btn-item.active {
    font-size: 16px;
  }

  .header-right-top .btn-outline-theme {
    padding: 0 10px;
  }

  .btn-with-store-icon {
    min-width: 115px;
  }

  .areaConc-img-outer img {
    max-width: 32px;
    height: 32px;
  }

  .social-media-box:nth-child(4n) {
    border-left: 1px solid #30353c !important;
    border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
  }

  .social-media-box:nth-child(3n) {
    border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
    -moz-border-radius: 0 8px 0 0;
    -ms-border-radius: 0 8px 0 0;
    -o-border-radius: 0 8px 0 0;
  }

  .social-media-box:nth-child(3n) .social-media-title {
    border-radius: 0 8px 0 0;
  }

  .social-media-box:nth-child(4n) .social-media-title {
    border-radius: 8px 0 0 0;
  }

  .blue-pill,
  .white-pill {
    margin-right: 15px;
    padding: 0 8px;
  }

  .panel-details-bg,
  .premium-detail .panel-details-bg {
    background: #1e2023;
    margin: 0;
  }

  .panel-details-bg.bdr-bottom {
    border-bottom: 1px solid #353b43;
  }

  .panel-details-bg .white-box {
    background: #111214;
  }

  .panel-details-bg .package-creation-btns {
    margin-bottom: 0px;
    padding: 0;
    border: none;
  }

  .panel-details-bg .panel-detail-header {
    padding: 0 15px;
    margin-bottom: 5px;
  }

  .pricelist-section {
    padding: 0 15px;
    border-bottom: 0;
  }

  .direct-msg-search {
    flex-direction: column;
  }

  .direct-msg-price {
    max-width: 600px;
    margin: auto;
  }

  .direct-msg-search .msg-price-box {
    background: #111214;
    padding: 10px;
    margin: 15px 0;
    position: relative;
    border-radius: 5px;
  }

  .direct-msg-search .msg-price-box .col-12 {
    padding: 0 5px;
  }

  .direct-msg-search .edit-profile-icon {
    top: 0;
    right: 0;
  }

  .bodr-bottom::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -15px;
    right: -15px;
    height: 1px;
    border-bottom: 1px solid #353b43;
  }

  .panel-listing-header .search-form .form-control {
    background: #111214;
    border-color: #2f3135;
  }

  .panel-details .edit-profile-icon {
    top: 20px;
  }

  .pad-0 .pricelist-section,
  .pad-0 .panel-detail-header,
  .pad-0 .panel-detail-body {
    padding-left: 0;
    padding-right: 0;
  }

  .payments-billing-outer {
    padding-left: 0;
  }

  .contact-list {
    padding: 16px 5px;
  }

  /* .contact-list.dashboard-messaging .user-list {width: calc(50% - 16px);}	 */
  .livechat-footer {
    background: #292a2e;
    margin: 0 0 -10px;
    position: relative;
    padding: 0 0 10px;
    border-radius: 0 0 10px 10px;
  }

  .send-tips-new .send-tips-popup::before,
  .send-tips-new .send-tips-popup::after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 100%;
  }

  .send-tips-new .send-tips-popup::after {
    left: 0;
    top: unset;
    bottom: 100%;
  }

  .send-tips-popup .coins-icon {
    width: 17px;
    height: 16px;
  }

  .send-tips-popup .input-group-prepend .input-group-text {
    height: 25px;
    width: 25px;
  }

  .send-tips-popup .smily-icon {
    width: 15px;
    height: 15px;
  }

  .custom-chat-textarea {
    background: #323232;
  }

  .direct-msg-search .panel-search-new {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }

  .direct-msg-search .search-form {
    max-width: 100%;
  }

  .social-media-box {
    margin-bottom: 10px;
  }

  .panel-detail-footer .btn-danger {
    line-height: 2.6 !important;
  }

  .live-chat.remove-pd {
    overflow: visible !important;
  }

  .live-chat.remove-pd aside.epr-main.EmojiPickerReact {
    bottom: 85px;
  }

  .live-chat.live-chat-token aside.epr-main.EmojiPickerReact {
    bottom: 135px;
  }

  .filter-bg-icon {
    height: 35px;
    padding: 9px 9px 10px 5px;
  }

  .filter-bg-icon.filter-item span {
    filter: brightness(10);
  }

  .short-by-filter {
    background: #000;
    border: 1px solid #2f3135;
    border-radius: 8px;
    padding-left: 8px;
    font-size: 13px;
  }

  .short-by-filter select.form-control {
    font-size: 13px;
    padding: 2px 8px;
    padding-right: 26px;
    width: auto;
    height: 36px;
    color: #fff;
    background: #000 url("../images/arrow-down.png") no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-position: calc(100% - 10px) center;
    border-radius: 0 8px 8px 0;
  }

  .live-chat.remove-pd {
    overflow: visible !important;
  }

  .live-chat.remove-pd aside.epr-main.EmojiPickerReact {
    bottom: 85px;
  }

  .live-chat.live-chat-token aside.epr-main.EmojiPickerReact {
    bottom: 135px;
  }

  .login-actions .btn.theme-button {
    width: auto;
  }
}

@media all and (max-width: 900px) {
  .filter-list-new {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .filter-item {
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .filter-list-new li:first-child::after {
    margin-left: 20px;
    display: none;
  }

  .login-link.dropdown-toggle {
    padding: 0;
    margin: 0;
    text-align: right;
    line-height: 1;
    min-width: auto;
  }

  .site-logo img {
    max-width: 195px;
  }

  .new-theme-btn span {
    height: 18px;
    margin-left: 1px;
    padding: 0 3px;
    line-height: 21px;
    font-size: 12px;
  }

  .new-theme-btn {
    padding: 0 8px;
  }

  .profile-tab-nav {
    flex-direction: column-reverse;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-top: 12px;
  }

  .profile-tab-nav.merchant-profile-tabs {
    flex-direction: row;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .custom-tabs-new .bg-white {
    padding-bottom: 0;
  }

  .profile-buttons .btn {
    margin-left: 5px;
    margin-bottom: 10px;
  }

  .box-header {
    padding: 25px;
  }

  .celebencer-img-new {
    width: 100px;
    height: 100px;
  }

  .request-shoutout-title {
    font-size: 20px;
  }

  .timing-flash {
    font-size: 14px;
  }

  .blue-border-btn {
    font-size: 13px;
    padding: 0 12px;
    height: 30px;
  }

  .progressbar {
    margin-bottom: 0px;
  }

  .payment-page-progress {
    margin-bottom: 25px;
  }

  .progressbar li .icon-space {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .user-icon-new {
    width: 11px;
    height: 13px;
  }

  .speaker-icon-new {
    width: 15px;
    height: 13px;
  }

  .wallet-icon-new {
    width: 15px;
    height: 11px;
  }

  .progressbar li {
    font-size: 13px;
  }

  .progressbar li::after {
    top: 19px;
  }

  .radio-btn {
    height: 40px;
    line-height: 40px;
    min-width: 180px;
  }

  .form-field-wrapper .custom-control {
    height: 40px;
    line-height: 40px;
  }

  .form-field-new .form-control,
  .new-action-btn .new-theme-btn,
  .social-added-btn,
  .social-btns,
  .modal-action-btns.modal-footer .btn,
  .address-outer-on-updatebank .field-value-new .form-control {
    height: 40px;
  }

  .popup-forms div.css-yk16xz-control,
  .popup-forms div.css-1pahdxg-control,
  .popup-forms div.css-1pahdxg-control:focus,
  .popup-forms div.css-1pahdxg-control:hover {
    min-height: 40px;
  }

  .select-field-new div.css-yk16xz-control,
  .select-field-new div.css-1pahdxg-control:hover,
  .select-field-new div.css-1pahdxg-control,
  .select-field-new div.css-1pahdxg-control:focus,
  div.css-1pahdxg-control:hover {
    min-height: 40px;
  }

  .form-field-new textarea.form-control {
    height: 80px;
  }

  .ocassion-name {
    font-size: 14px;
  }

  .field-label {
    font-size: 17px;
    margin-bottom: 15px;
  }

  .panel-detail-body .advance-search-fields .field-label {
    font-size: 17px;
  }

  .form-field-wrapper .custom-control-label {
    padding-left: 38px;
  }

  .shoutout-form .title-md-new {
    margin-bottom: 25px;
  }

  .card-number,
  .modal-action-btns.modal-footer .btn {
    font-size: 16px;
  }

  .card-details {
    margin-left: 10px;
  }

  .title-md-new {
    line-height: 1.2;
    font-size: 24px;
  }

  .summary-table {
    padding: 12px 0;
  }

  .right-side-header .new-theme-btn {
    height: 40px;
    min-width: 120px;
    font-size: 16px;
  }

  .analytics-info-text {
    right: -30px;
    width: 360px;
  }

  .triangle-with-shadow {
    right: 60px;
  }

  .shoutout-img-col.image-left-col-with-text {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }

  .shoutout-right-col.purchase-package-right-col {
    padding-left: 0;
  }

  .shoutout-img-col .shoutout-right-header {
    padding-bottom: 20px;
  }

  .checkbox-outer-col .field-values-outer {
    margin-top: 10px;
  }

  .details-outer .new-theme-btn {
    min-width: 180px;
    margin-top: 40px;
    font-size: 15px;
  }

  .advance-search-outer::before {
    top: -16px;
    right: 200px;
  }

  .custom-pills {
    padding-right: 20px;
  }

  .side-menu-nav .nav-link {
    font-size: 16px;
    padding: 12px 10px;
  }

  .form-field-new .form-control {
    padding: 10px 11px;
  }

  .add-card-outer .field-with-bg {
    padding: 0 10px;
  }

  .new-custom-toggle {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
  }

  .custom-radio-new input:checked ~ .new-custom-toggle {
    height: 70px;
    line-height: 70px;
  }

  .signup-radios {
    margin-bottom: 40px;
  }

  .live-box-header,
  .live-box-header span {
    font-size: 14px;
  }

  .live-box-body {
    padding: 15px 16px;
    text-align: center;
  }

  .profile-pic-outer-xs {
    width: 35px;
    height: 35px;
    min-width: 35px;
    margin: 0 0 5px;
  }

  .timer-outer {
    font-size: 18px;
    margin: 6px 0 5px;
  }

  .live-box-body .btn.new-theme-btn {
    min-width: 95px;
    height: 25px;
    line-height: 25px;
  }

  .live-box-desc {
    font-size: 13px;
  }

  .right-field .tooltip-outer,
  .left-field .tooltip-outer {
    top: 87px;
  }

  .radio-sm .radio-btn {
    min-width: 84px;
    padding: 0 12px;
  }

  .popup-forms .form-field-wrapper .d-flex.field-label {
    margin-bottom: 12px;
  }

  .social-btns,
  .insta-button-outer button {
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 !important;
  }

  .nav-link {
    padding: 0.4rem 0.5rem;
  }

  .wrapper-lg {
    padding: 0 20px;
  }

  .package-detail-outer {
    font-size: 16px;
  }

  .advance-search-fields.search-select div.css-yk16xz-control,
  .advance-search-fields.search-select div.css-1pahdxg-control,
  .advance-search-fields.search-select div.css-1pahdxg-control:focus,
  .advance-search-fields.search-select div.css-1pahdxg-control:hover {
    min-width: 180px;
  }

  .custom-dash-col-sm {
    flex: 0 0 35%;
    max-width: 35%;
  }

  .custom-dash-col-lg {
    flex: 0 0 65%;
    max-width: 65%;
  }

  .fullwidth-analytics .income-analytic-scroll {
    height: 290px;
    padding-right: 10px;
  }

  .fullwidth-analytics .analytics-scroll {
    height: 250px;
    padding-right: 10px;
  }

  .profile-buttons {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: visible;
    margin: 10px 0;
    scrollbar-color: #3e4147 transparent;
    padding-left: 200px;
  }

  .profile-buttons .shopify-select,
  .profile-buttons .shopify-btn {
    position: absolute;
    left: 12px;
  }

  .profile-buttons .shopify-select .css-2613qy-menu {
    position: fixed;
  }

  .collapse.show .profile-tab-nav {
    flex-direction: row;
  }

  .list-open .uploaded-files .col-md-3 {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }

  .shoutout-main-img {
    max-width: 300px;
    max-height: 300px;
    overflow: hidden;
    height: auto;
    width: 100%;
  }
}

@media all and (max-width: 850px) {
  .profile-buttons {
    padding-left: 165px;
  }

  .new-theme-btn span.yellow-bulb-icon {
    height: 30px;
  }

  .last-address {
    max-height: 230px;
  }

  .common-card-title,
  .card-artist-area {
    font-size: 14px;
  }

  .video-play-btn {
    width: 30px;
    height: 30px;
  }

  .custom-file-message {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .file-upload-section .custom-control {
    margin-bottom: 3px;
  }

  .monthly-subscription-text {
    font-size: 26px;
  }

  .btn-pink-white,
  .btn-lightblue,
  .card .btn-secondary,
  .card .btn-danger,
  .panel-detail-footer .btn {
    height: 35px;
    min-width: 70px;
    padding: 0 20px;
  }

  .panel-detail-footer .btn {
    line-height: 35px;
  }

  .deliverable-img-box {
    max-width: 120px;
  }

  .product-detail-modal .social-info-list li {
    margin-right: 20px;
    font-size: 18px;
  }

  .product-detail-modal .social-info-list li span {
    width: 28px;
    height: 28px;
  }

  .product-promotion-details {
    font-size: 16px;
  }

  .product-detail-modal .product-hashtags {
    font-size: 20px;
  }

  .product-detail-modal .modal-title {
    font-size: 24px;
  }

  .product-listing .action-btns .btn {
    height: 30px;
  }

  .dolor-price {
    font-size: 20px;
  }

  .profile-buttons .btn {
    margin-left: 5px;
  }

  .new-theme-btn,
  .btn-secondary {
    font-size: 13px;
    padding: 0 8px;
  }

  .new-theme-btn span {
    height: 16px;
    margin-left: 5px;
    padding: 0 4px;
    line-height: 17px;
    font-size: 11px;
  }

  .upload-btn.new-theme-btn span {
    font-size: 16px;
    line-height: 1;
  }

  .panel-detail-footer .btn-danger {
    line-height: 2.3 !important;
  }

  .white-box-lg .social-info-list li,
  .profile-profession,
  .white-box-lg .page-views,
  .white-box-lg .page-views span,
  .analytic-value {
    font-size: 15px;
  }

  .white-box-lg .social-info-list li {
    margin-right: 20px;
  }

  .views-icon {
    width: 23px;
    height: 23px;
    line-height: 23px;
  }

  .analytic-label {
    font-size: 14px;
  }

  .form-sections .title-sm {
    font-size: 18px;
    margin: 20px 0 8px;
    letter-spacing: 0px;
  }

  .custom-forms .custom-control {
    font-size: 17px;
  }

  .common-link {
    font-size: 16px;
  }

  .custom-forms
    .form-label-group
    .form-control:not(:placeholder-shown)
    ~ .label,
  .form-label-group .form-control:focus ~ .label {
    font-size: 12px;
  }

  .action-col-new .round-btn {
    min-width: auto;
    padding: 0;
    height: 27px;
  }

  .register-profile {
    left: 20px;
    right: 20px;
  }

  .custom-profile-upload {
    margin: 8px 0 0;
  }

  .crop-btn {
    height: 35px;
  }

  .custom-pills {
    padding-right: 0;
  }

  .static-page-para p,
  .static-page-para li a,
  .static-page-para li,
  .static-page-para .simple-list li,
  .privacy-policy tr td,
  .privacy-policy .list li,
  .privacy-policy .list li a {
    font-size: 17px;
  }

  .single-card-outer .card-footer .btn {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    min-width: 140px;
  }

  .custom-toggle-new.nav-tabs .nav-link {
    height: 40px;
    line-height: 39px;
    min-width: 130px;
    font-size: 17px;
  }

  .uv-page-header.right-side-header {
    flex-wrap: wrap;
  }

  .uv-page-header .search-form.all-search-form {
    max-width: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .slider-value-left,
  .slider-value-right {
    font-size: 15px;
  }

  .btn-with-right-icon .btn-right-icon {
    height: 28px;
    width: 30px;
    line-height: 34px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
  }

  .info-circle-white {
    width: 13px;
    height: 13px;
  }

  .btn-with-right-icon {
    padding-right: 40px !important;
  }

  .invitation-page-select {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .invitation-select-details {
    width: 100% !important;
    margin-top: 20px;
  }

  .invitation-select-details .row {
    justify-content: flex-start !important;
  }

  .package-price-outer {
    margin-bottom: 15px;
  }

  .package-price-outer label {
    margin-bottom: 0px;
  }

  .slider-product-img-outer {
    height: 75px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 60px;
  }

  .live-sales-box .form-control {
    height: 30px;
    line-height: 30px;
  }

  .text-lg {
    font-size: 20px;
  }

  .checkout-inner-new .custom-dash-col-sm,
  .checkout-inner-new .custom-dash-col-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .checkout-inner-new .custom-dash-col-sm {
    margin-top: 10px;
  }

  .payment-body-outer .custom-dash-col-lg {
    margin-bottom: 20px;
  }

  .payment-form .progress,
  .payment-form .progress-bar {
    height: 10px;
  }

  .purchase-package-media.w-40 {
    width: 100%;
  }

  .play-pause-btn {
    width: 80px;
    height: 80px;
  }

  .play-btn-lg {
    width: 27px;
    height: 30px;
    margin-left: 6px;
  }

  .privacy-policy .static-sections::-webkit-scrollbar {
    display: none;
  }

  .shopify-select div.css-yk16xz-control,
  .shopify-select div.css-1pahdxg-control,
  .shopify-select div.css-1pahdxg-control:focus,
  .shopify-select div.css-1pahdxg-control:hover,
  .shopify-btn {
    background-size: 60px;
    font-size: 13px;
    margin-bottom: 10px;
    min-width: 165px;
  }

  .shopify-select div.css-yk16xz-control,
  .shopify-select div.css-1pahdxg-control,
  .shopify-select div.css-1pahdxg-control:focus,
  .shopify-select div.css-1pahdxg-control:hover {
    padding-left: 70px;
  }

  .shopify-btn {
    padding: 0 10px;
    line-height: normal !important;
  }

  .shopify-select .css-1uccc91-singleValue,
  .shopify-select .css-1wa3eu0-placeholder {
    margin-top: 2px;
  }

  .shopify-select .css-tlfecz-indicatorContainer,
  .shopify-select .css-1gtu0rj-indicatorContainer {
    padding: 0 8px;
  }

  .shopify-btn img {
    width: 63px;
    vertical-align: bottom !important;
  }

  .live-soon-detail .new-theme-btn,
  .live-soon-detail .btn-secondary {
    height: 35px;
    line-height: 35px;
  }

  #premiumContent-tabpane-photos .gallery-col {
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}

@media all and (max-width: 768px) {
  .custom-width .video-image.common-card {
    max-width: 320px;
  }

  .image-carousel-custom.plain-modal .modal-body {
    display: unset;
  }
}

@media all and (max-width: 767px) {
  .upload-btn.new-theme-btn span {
    font-size: 14px;
  }

  .border-line-right::before,
  .border-line-left::before {
    display: none;
  }

  .plain-modal.tracking_modal .modal-dialog {
    margin: 15px;
  }

  .uv-data .product-box {
    height: 100%;
    margin: 0;
  }

  .uv-data .row > div {
    margin-bottom: 20px;
  }

  .uv-data .product-box .product-hd,
  .uv-data .product-box .product-price {
    font-size: 15px;
  }

  .custom-col {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .panel-listing .custom-toggle .btn {
    height: 35px;
    line-height: 35px;
    min-width: 70px;
    font-size: 15px;
  }

  .btn-with-store-icon::before {
    left: 0;
    top: 0;
    transform: translateY(0);
    position: relative;
    margin-right: 5px;
    flex: 0 0 15px;
  }

  .login-link {
    padding: 0px 15px;
    min-width: 122px;
  }

  .btn-purple {
    min-width: 100px;
    height: 32px;
    line-height: 32px;
  }

  .header-right {
    width: 72%;
  }

  .site-logo img {
    max-width: 130px;
  }

  .site-logo {
    margin-bottom: -30px;
    padding-left: 0;
  }

  /* .btn-with-store-icon {min-width: 20px;padding: 0;height: 17px;line-height: 14px;overflow: hidden;} */
  .header-right-top .btn-outline-theme {
    height: 28px;
    padding: 0 8px;
    line-height: 25px;
    flex: 0 0 auto;
  }

  .header-cart-icon {
    width: 16px;
    height: 15px;
    vertical-align: middle;
    margin-top: -3px;
  }

  .header-right-top .btn-outline-theme:hover,
  .header-right-top .btn-outline-theme:focus,
  .header-right-top .btn-outline-theme:active {
    background-color: transparent;
  }

  .header-right-top .btn-outline-theme.active:hover,
  .header-right-top .btn-outline-theme.active:focus,
  .header-right-top .btn-outline-theme.active:active {
    background-color: #1877f2;
  }

  .custom-radio-outer .custom-toggle {
    height: 220px;
    font-size: 18px;
    padding: 0 20px;
    text-align: center;
  }

  .custom-radio-outer .custom-toggle span {
    margin-bottom: 15px;
  }

  .celebrancer-icon,
  .user-icon {
    width: 60px;
    height: 60px;
  }

  .merchant-icon {
    width: 74px;
    height: 60px;
  }

  .custom-profile-upload {
    max-width: 117px;
    margin: 8px auto 0;
  }

  .card-head-left {
    padding-right: 100px;
  }

  .public-store-icon::after {
    width: 15px;
    height: 15px;
    background-size: cover;
  }

  .info-box-outer .col {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 30px;
  }

  .live-box {
    position: relative;
    top: auto;
    padding: 0;
    margin-bottom: -24px;
  }

  .white-box {
    height: auto;
  }

  .count-info {
    font-size: 20px;
  }

  .accordion-controls {
    padding: 0 20px;
  }

  .accordion-btn {
    margin-left: 50px;
  }

  .dash-sections {
    padding: 30px 0;
    padding-bottom: 40px !important;
  }

  .banner-title {
    font-size: 26px;
  }

  .banner-tagline {
    font-size: 13px;
  }

  .quienty-box,
  .buy-btns {
    margin-top: 20px;
  }

  .merchant-social-info {
    position: relative;
  }

  .merchant-upper-detail {
    padding: 20px 20px 30px;
    position: relative;
  }

  .merchant-info-box {
    padding: 0;
    height: auto;
    margin-top: 20px;
  }

  .merchant-social-info > .d-flex {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .social-info-list {
    flex-wrap: wrap;
    justify-content: center;
  }

  .social-info-list li {
    margin-bottom: 12px;
  }

  .merchant-img-box {
    max-width: 300px;
    margin: 0;
  }

  .modal-right-order {
    padding-right: 0;
    padding-left: 0;
  }

  .banner-content-outer {
    margin-top: -130px;
  }

  .switch input + label {
    min-width: calc(calc(2rem * 0.8) * 2);
    border-radius: calc(2rem * 0.8);
    -webkit-border-radius: calc(2rem * 0.8);
    -moz-border-radius: calc(2rem * 0.8);
    -ms-border-radius: calc(2rem * 0.8);
    -o-border-radius: calc(2rem * 0.8);
    height: calc(2rem * 0.8);
    line-height: calc(2rem * 0.8);
    text-indent: calc(calc(calc(2rem * 0.8) * 2) + 0.5rem);
    margin-bottom: 0;
    max-width: 50px;
  }

  .switch input + label::before,
  .switch input + label::after {
    width: calc(calc(2rem * 0.8) * 2);
  }

  .switch input + label::before {
    border-radius: calc(2rem * 0.8);
    -webkit-border-radius: calc(2rem * 0.8);
    -moz-border-radius: calc(2rem * 0.8);
    -ms-border-radius: calc(2rem * 0.8);
    -o-border-radius: calc(2rem * 0.8);
  }

  .switch input + label::after {
    width: calc(calc(2rem * 0.8) - calc(2px * 2));
    height: calc(calc(2rem * 0.8) - calc(2px * 2));
    margin-left: calc(2rem * 0.8);
  }

  .toggle-text {
    font-size: 13px;
    padding: 0 7px 0 0;
  }

  .live-stream-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .banner-section {
    padding-bottom: 0;
  }

  .merchant-info-box.user-account {
    padding: 20px;
    min-height: 100px;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .merchant-img-wrap .img-fluid {
    max-width: 240px;
  }

  .wrapper {
    padding: 0 15px !important;
  }

  .product-promotion-detail .social-info-list {
    justify-content: start;
  }

  .all-product-top {
    display: inline-block !important;
    width: 100%;
    vertical-align: top;
  }

  .product-promotion-img {
    width: 160px;
    height: 200px;
    line-height: 200px;
  }

  .product-promotion-detail .social-info-list li {
    margin-bottom: 0;
  }

  .common-tabs.nav-tabs .nav-link {
    font-size: 20px;
    padding: 0.5rem 1.3rem;
  }

  .plain-modal .modal-header .close span,
  .payment-header .close {
    height: 35px;
    width: 35px;
    background-size: cover;
  }

  .product-detail-modal .modal-header .close {
    margin: 0 0 0 30px;
  }

  .product-detail-modal .social-info-list {
    justify-content: start;
  }

  .create-offer-form {
    padding: 20px 1.5rem !important;
  }

  .price-radios .custom-control-label {
    min-width: 270px;
    height: 60px;
    line-height: 60px;
  }

  .slot-radios .custom-control-label {
    min-width: 190px;
    font: 16px;
  }

  .panel-listing .dropdown-outline {
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    min-width: 150px;
  }

  .panel-listing .dropdown-outline.dropdown-toggle::after {
    top: 9px;
  }

  .right-filter {
    margin-top: 15px;
  }

  .token-box {
    max-width: 100%;
    margin: 30px 0 20px;
  }

  .panel-listing {
    padding: 20px 0;
  }

  .info-box-outer {
    margin-bottom: 0;
    margin-top: 0;
  }

  .custom-tables {
    padding-bottom: 0;
  }

  .custom-pagination .pagination {
    padding: 20px 0;
  }

  .live-stream-row .custom-col {
    max-width: 33%;
    flex: 0 0 33%;
  }

  .group-chat-details .heading {
    min-width: 150px;
  }

  .group-chat-details .white-box {
    max-width: unset;
  }

  .group-chat-details .divider {
    width: 100%;
    height: 2px;
    margin: 30px 0 25px;
  }

  .group-chat-details .panel-details {
    margin-bottom: 15px;
  }

  .social-progress {
    text-align: left;
    margin: 15px 0;
  }

  .live-image {
    height: 400px;
  }

  .join-group-modal .group-chat-datetime {
    border: none;
    padding: 20px 0;
  }

  .plain-modal .modal-dialog {
    max-width: 100%;
  }

  .panel-listing .search-form .form-control {
    height: 35px;
    padding-left: 45px;
  }

  .search-form .search-icon {
    width: 15px;
    height: 15px;
    margin: 0;
  }

  .marchent-outer .add-remove {
    padding-left: 35px;
  }

  .inner-wrapper {
    padding-right: 0;
  }

  .inner-wrapper .container-fluid {
    padding: 0;
  }

  .title-light {
    margin: 10px 0;
  }

  .uv-news-feed .vertical-scroll {
    padding-right: 15px;
  }

  .appearance-section .time-field .form-control {
    background-position: 98% center;
  }

  .banner-btn {
    min-width: 127px;
    padding: 10px 20px 12px;
    font-size: 14px;
    margin-left: 0px;
  }

  .filters-outer .search-form {
    max-width: 100%;
  }

  .filters-outer .search-form .form-control {
    height: 37px;
    font-size: 14px;
  }

  .merchant-title {
    font-size: 24px;
  }

  .banner-content {
    padding: 20px 0;
  }

  .title-sm {
    font-size: 18px;
  }

  .btn-purple-gradient,
  .card-header .btn-purple-gradient,
  .selected-row-details .btn-purple-gradient,
  .product-header .btn-purple-gradient {
    min-width: 123px;
    font-size: 14px;
    padding: 0 15px;
    height: 35px;
    letter-spacing: 0px;
    line-height: 35px;
  }

  .public-store-icon,
  .card-header .btn-purple-gradient {
    min-width: 153px;
  }

  .token-icon::before {
    width: 18px;
    height: 11px;
    top: 13px;
  }

  .btn-pink-gradient {
    height: 30px;
    font-size: 13px;
    padding: 0 10px;
  }

  .count {
    font-size: 40px;
  }

  .upcomming-search input {
    height: 35px;
    font-size: 15px;
  }

  .btn-wallpaper {
    top: -55px;
  }

  .edit-profile-icon {
    width: 34px;
    height: 34px;
    top: 16px;
    background-size: cover;
  }

  .chat-price {
    font-size: 20px;
  }

  .plain-modal .title-sm {
    font-size: 22px;
  }

  .custom-forms .form-control,
  .custom-forms .css-yk16xz-control,
  .custom-forms .css-1pahdxg-control {
    font-size: 16px;
    height: 45px;
  }

  .custom-forms .form-control.chat-price-field {
    line-height: 45px;
  }

  .form-label-group > .label {
    top: 11px;
    left: 16px;
    font-size: 16px;
  }

  .custom-forms textarea.form-control {
    height: 100px;
    resize: none;
  }

  .custom-forms .css-6htbnp-ValueContainer,
  .custom-forms .css-g1d714-ValueContainer {
    height: 45px;
    line-height: 45px;
  }

  .add-product-section div.css-yk16xz-control,
  .add-product-section div.css-1pahdxg-control,
  .add-product-section .add-product-section div.css-1pahdxg-control:focus,
  .add-product-section div.css-1pahdxg-control:hover {
    min-height: 45px;
  }

  .theme-button {
    height: 35px;
    min-width: 160px;
    line-height: 32px;
    font-size: 14px;
  }

  .custom-forms .css-12jo7m5 {
    padding: 4px;
    line-height: 1;
    font-size: 12px;
  }

  .invalid-feedback {
    font-size: 14px;
  }

  .pagination li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 16px;
  }

  .right-desc-mobile .btn {
    height: 35px;
    font-size: 14px;
    line-height: 35px;
  }

  .right-desc-mobile .view-detail-btn {
    line-height: 32px;
  }

  .site-footer {
    padding: 10px 0;
  }

  .panel-detail-actions .btn-pink-white,
  .panel-detail-actions .btn-primary,
  .card .panel-detail-actions .btn-secondary,
  .panel-detail-actions .btn-purple-gradient {
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    min-width: 70px;
  }

  .selected-row-details .panel-detail-actions .btn-purple-gradient {
    line-height: 34px;
  }

  .action-btn-col-lg {
    min-width: 200px;
  }

  .filter-select {
    max-width: 210px;
    height: 40px;
    font-size: 16px;
  }

  .product-price {
    font-size: 22px;
  }

  .product-detail-modal .product-hashtags {
    font-size: 18px;
  }

  .order-modal .product-promotion-img {
    max-width: 220px;
  }

  .view-detail-btn {
    min-width: 110px;
    padding: 5px 10px;
    font-size: 15px;
  }

  .product-name-col {
    width: 160px;
  }

  .products-prices .gray-color {
    font-size: 18px;
  }

  .form-group.order-titles {
    margin: 0;
  }

  .plain-modal.modal-small .modal-header {
    padding-right: 34px;
  }

  .profile-desc {
    padding: 20px;
    font-size: 16px;
  }

  .social-details {
    padding: 20px;
  }

  .white-box-lg .social-info-list li span {
    margin-right: 10px;
  }

  .page-title {
    font-size: 22px;
    margin: 10px 0 5px;
  }

  .social-info-list.list-new.d-flex.align-items-center {
    justify-content: flex-start;
  }

  .white-box-inner {
    padding: 20px;
  }

  .premium-content-right {
    flex-wrap: wrap;
  }

  .lock-icon-sm {
    width: 35px;
    height: 50px;
  }

  .slider-arrow.slider-prev {
    margin-right: 10px;
  }

  .box-header {
    flex-direction: column;
  }

  .celebencer-img-new {
    margin-bottom: 20px;
  }

  .shoutout-request-right {
    width: 100%;
  }

  .rounded-radio-btn {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid transparent;
    margin: 0 auto 6px;
  }

  .radio-input:checked + .rounded-radio-btn {
    border: 2px solid #1877f2b3;
  }

  .shoutout-form .title-md-new {
    margin-bottom: 16px;
  }

  .title-md-new {
    font-size: 22px;
  }

  .shoutout-profile-detail .new-theme-btn,
  .review-form .new-theme-btn {
    min-width: 120px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }

  .star-icon-sm {
    width: 16px;
    height: 16px;
  }

  .summary-table .table td {
    font-size: 16px;
  }

  .how-works-modal .modal-title {
    font-size: 22px;
  }

  .back-btn {
    background-size: cover;
    width: 25px;
    height: 21px;
  }

  .analytic-col {
    border-bottom: 1px solid #f0f0f0;
  }

  .analytic-outer {
    padding: 10px 0 0px;
    margin-bottom: 15px;
  }

  .white-box-inner.border-top {
    border: none !important;
    padding: 15px;
  }

  .analytic-col .analytic-outer::after {
    content: none;
  }

  .field-with-bg {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 10px;
  }

  .field-with-bg.income-checkboxes-outer {
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .fields-on-right .inner-inputs {
    text-align: left;
  }

  .error {
    font-size: 12px;
    line-height: 1;
    margin-top: 0.5rem;
  }

  .filter-item {
    min-width: auto;
  }

  .section-heading-outer.promotion-headings {
    /*flex-direction: column;align-items: flex-start !important;*/
    margin-bottom: 12px !important;
  }

  .white-box-lg .common-spacing {
    padding-top: 0;
  }

  .package-title {
    font-size: 16px;
  }

  .camera-icon {
    width: 14px;
    height: 12px;
  }

  .white-btn {
    height: 34px;
    line-height: 32px;
    padding: 0 15px;
    font-size: 13px;
  }

  .register-profile .profile-image {
    width: 80px;
    height: 80px;
    line-height: 76px;
    margin-top: -20px;
  }

  .cutom-blured,
  .blured-height {
    height: 90px;
  }

  .upload-text {
    padding: 0 15px;
  }

  .register-profile .custom-profile-upload {
    margin: 8px 0 0;
  }

  .panel-listing-header .search-btn {
    width: 16px;
    height: 16px;
    left: 11px;
  }

  .panel-listing .panel-listing-header .search-form .form-control {
    height: 40px;
    padding-left: 35px;
    border-radius: 6px;
  }

  .checkbox-new-label {
    height: 30px;
    line-height: 32px;
    padding: 0 15px;
  }

  .custom-forms div.css-1pahdxg-control:hover,
  .custom-forms div.css-yk16xz-control,
  .custom-forms div.css-1pahdxg-control,
  .custom-forms div.css-1pahdxg-control:focus,
  div.css-1pahdxg-control:hover {
    min-height: 45px;
  }

  .live-video-details .box-name {
    font-size: 24px;
  }

  .live-video-box .self_video {
    max-width: 100px;
  }

  .custom-tabs-new.bg-white {
    padding-bottom: 0;
  }

  .form-sections {
    padding: 0;
  }

  .social-footer-list {
    flex: 0 0 100%;
    max-width: 40px;
    display: block;
    align-items: center;
    justify-content: center;
  }

  .footer-bottom {
    flex-wrap: wrap;
  }

  .thankyou-page-body .white-box {
    height: 100%;
  }

  .dashboard-tab.nav-item {
    display: block;
  }

  .group-chat-details {
    width: 60%;
  }

  .send-tips-popup {
    padding: 20px 15px;
  }

  .product-detail-modal .panel-detail-actions .btn {
    height: 40px;
    font-size: 16px;
  }

  .wrapper-padding {
    padding: 0 20px;
  }

  .custom-pills {
    padding-right: 30px;
  }

  .settings-action-div {
    padding-top: 20px;
  }

  .settings-page-cards .custom-control-label {
    padding: 15px;
  }

  .settings-page-cards .card-number {
    font-size: 18px;
    letter-spacing: 2px;
  }

  .bank-name {
    font-size: 17px;
  }

  .card-icon-outer {
    width: 45px;
    height: 30px;
    line-height: 30px;
  }

  .visa-icon {
    width: 30px;
    height: 10px;
  }

  .settings-action-div .btn {
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    min-width: auto;
    padding: 0 12px;
  }

  .new-signup .form-sections {
    padding: 25px 20px;
  }

  .custom-radio-new input:checked ~ .new-custom-toggle::after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #1877f2;
    bottom: -11px;
  }

  .new-custom-toggle {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 10px;
  }

  .custom-radio-new input:checked ~ .new-custom-toggle {
    height: 50px;
    line-height: 50px;
  }

  .celebencer-icon-new,
  .merchant-icon-new,
  .fan-icon-new {
    width: 20px;
    height: 20px;
  }

  .referer-icon-new {
    width: 20px;
    height: 19px;
  }

  .outer-pages-banner {
    min-height: 220px;
  }

  .title-lg-new {
    font-size: 30px;
    margin-bottom: 0px;
  }

  .fan-signup-note {
    padding-left: 26px;
    font-size: 14px;
    line-height: 1.4;
  }

  .livebox-radio .custom-control-label::before {
    width: 15px;
    height: 15px;
  }

  .livebox-radio .custom-control-label::after {
    height: 7px;
    width: 7px;
    top: 7px;
    left: -20px;
  }

  .profile-pic-outer-xs,
  .live-box-desc {
    display: none;
  }

  .live-box-header {
    flex-direction: column;
    padding: 10px 15px;
  }

  .live-box-outer {
    width: 160px;
  }

  .thankyou-page-body .title-sm-new {
    margin-bottom: 15px;
  }

  .title-sm-new {
    font-size: 20px;
  }

  .thankyou-msg {
    font-size: 18px;
  }

  .custom-pagination-new .page-item .page-link,
  .custom-pagination-new .page-item a {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 16px;
  }

  .custom-pagination-new .page-item.prev-item .page-link,
  .custom-pagination-new .page-item.next-item .page-link {
    min-width: 90px;
  }

  .custom-pagination-new .page-item.prev-item .page-link::before,
  .custom-pagination-new .page-item.next-item .page-link::after {
    width: 13px;
    height: 11px;
    margin-top: -2px;
  }

  .radio-sm .radio-btn {
    height: 24px;
    line-height: 24px;
    min-width: auto;
    font-size: 14px;
    padding: 0 10px;
  }

  .details-outer .new-theme-btn {
    min-width: 120px;
  }

  .panel-detail-tabs .tab-pane {
    padding-top: 22px;
    position: relative;
    margin-bottom: 0;
    z-index: 0;
  }

  .panel-detail-tabs .message-tab {
    padding-bottom: 60px;
    position: relative;
  }

  .panel-detail-tabs .message-text {
    font-size: 15px;
    padding: 6px 18px;
  }

  .recieved-message-outer {
    width: 90%;
    margin-left: 10%;
  }

  .direct-msg.message-window .recieved-message-outer {
    margin-left: 0;
  }

  .panel-detail-tabs .message-time {
    font-size: 12px;
    margin: 5px 0 8px;
    line-height: 1;
  }

  .panel-detail-tabs .chatbox-footer {
    padding: 10px 0px 10px;
    left: 0;
    bottom: -20px;
  }

  .textarea.message-textarea.form-control {
    min-height: 20px;
    max-height: 40px;
  }

  .action-col-new .btn,
  .card .action-col-new .btn-secondary {
    height: 30px;
    font-size: 14px;
    padding: 0 15px;
    line-height: 28px;
    min-width: auto;
  }

  .card-delete-btn.common-icon {
    position: absolute;
  }

  .card-details-header .card-delete-btn {
    position: relative;
  }

  .fields-on-right {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 4px;
  }

  .common-icon {
    position: relative;
  }

  .common-icon.booked-ok {
    position: absolute;
  }

  .mobile-tooltip,
  .new-theme-btn .mobile-tooltip {
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.84);
    color: rgba(255, 255, 255, 0.9);
    padding: 3px 7px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    right: 0;
    top: 115%;
    font-size: 14px;
    z-index: 1;
    max-width: 500px;
    white-space: break-spaces;
    width: max-content;
  }

  .new-theme-btn .mobile-tooltip {
    font-family: "NeusaNextStd-Regular", sans-serif;
    font-style: normal;
    height: auto;
    top: 170%;
  }

  .token-value-outer {
    padding: 13px 10px 12px;
  }

  .purchase-token-icon,
  .active .purchase-token-icon,
  .purchase-token-new .purchase-token-icon,
  .purchase-token-new .active .purchase-token-icon {
    width: 24px;
    height: 15px;
    background-size: cover;
  }

  .tick-icon,
  .active .tick-icon,
  .purchase-token-new .tick-icon,
  .purchase-token-new .active .tick-icon {
    width: 15px;
    height: 15px;
    background-size: cover;
  }

  .token-icons {
    padding: 7px 10px 0px;
  }

  .token-amount span {
    font-size: 14px;
  }

  .token-amount {
    font-size: 17px;
    padding: 7px 10px 3px;
  }

  .uv-banner-text .white-box {
    max-width: 100%;
    margin: 30px 0;
  }

  .banner-text.uv-banner-text {
    position: relative;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    top: auto;
  }

  .title-xl {
    font-size: 28px;
  }

  .package-detail-outer .new-theme-btn {
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin-top: 15px;
  }

  .custom-accordion .panel-detail-tabs .accordion {
    margin-top: -22px;
  }

  .payment-body {
    max-height: 245px;
  }

  .panel-detail-tabs .panel-message-outer .sender-img {
    margin-bottom: 24px;
  }

  .panel-message-outer .recieved-message-outer {
    margin-left: 0;
  }

  .panel-message-outer .message-by-self .recieved-message-outer {
    display: inline-block;
  }

  .package-deliverable-outer {
    margin-top: 25px;
    padding-top: 20px;
  }

  .slider-value-left,
  .slider-value-right {
    font-size: 14px;
  }

  .form-control.is-invalid + .word-limit {
    bottom: 17px;
  }

  .right-side-header {
    flex-direction: column;
  }

  .save-card-title .analytics-info-text {
    right: -30px;
  }

  .image-carousel .carousel .slide {
    padding: 25px;
  }

  .image-carousel-modal.plain-modal .modal-body {
    padding: 0;
  }

  .image-carousel .carousel.carousel-slider {
    padding: 0 40px;
  }

  .image-carousel .carousel .control-arrow.control-prev,
  .image-carousel .carousel .control-arrow.control-next {
    background: #dadada;
    width: 25px;
    height: 25px;
  }

  .image-carousel .carousel .control-arrow.control-prev::before {
    margin-left: 3px;
  }

  .live-history .justify-content-end {
    justify-content: flex-start !important;
  }

  .card-bank .plain-blue-link {
    font-size: 14px;
  }

  .bank-details .title-sm {
    font-size: 17px;
  }

  .add-new-card-btn.plain-blue-link {
    font-size: 15px;
  }

  .card-bank .card-body {
    padding: 14px 15px;
  }

  .card-bank .card-header {
    padding: 12px 15px;
  }

  .bank-title {
    margin-top: 12px;
  }

  .custom-tables-new {
    font-size: 16px;
  }

  .image-carousel-modal .modal-header .close {
    margin: 0;
    right: 44px;
    top: 27px;
  }

  .image-carousel-modal.plain-modal .modal-header .close span {
    width: 22px;
    height: 22px;
  }

  .settings-card-details .plain-blue-link {
    margin: 10px 0 0;
  }

  .settings-card-details .primary-card {
    margin: 12px 0 0;
    padding: 5px 12px;
    font-size: 14px;
  }

  .settings-set-primary-btn {
    display: block;
    margin-top: 12px;
    width: 100%;
  }

  .settings-set-primary-btn .loader-outer {
    top: -10px;
    left: 0px;
    right: auto;
  }

  /* .shoutout-main-img {width: 260px;height: 257px;} */
  .notification-icon {
    width: 14px;
    height: 16px;
  }

  .purchase-token-new .form-sections {
    padding: 0 20px 10px;
  }

  .purchase-token-new .form-sections .title-sm {
    font-size: 20px;
    margin: 0 0 20px;
  }

  .purchase-token-new .modal-header {
    padding: 25px 15px;
  }

  .package-headings-new {
    justify-content: flex-end !important;
  }

  .panel-detail-tabs .recieved-message-outer {
    margin-left: 0;
  }

  .panel-detail-tabs .sender-img {
    margin-bottom: 24px;
  }

  .slider-product-img-outer {
    height: 70px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 55px;
  }

  .slider-product-img {
    padding: 1px;
  }

  .slick-slider-new .slick-arrow {
    width: 22px;
    height: 22px;
  }

  .slick-slider-new .slick-next::before,
  .slick-slider-new .slick-prev::before {
    width: 8px;
    height: 8px;
  }

  .image-navbar li {
    width: 45px;
    height: 56px;
  }

  .fan-icon-latest {
    width: 27px;
    height: 32px;
  }

  .celebencer-icon-latest {
    width: 35px;
    height: 32px;
  }

  .merchant-icon-latest {
    width: 26px;
    height: 32px;
  }

  .modal-title-navs .filter-btn-item {
    font-size: 15px;
  }

  .no-sidebar .category-col {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  .right-side-header .new-theme-btn {
    margin: 0px 0;
  }

  .product-packge-img-new {
    width: 50px;
    height: 50px;
    margin-right: 14px;
    line-height: 42px;
    min-width: 50px;
  }

  .product-package-media .title-lg {
    font-size: 18px;
  }

  .image-navbar {
    margin-right: 15px;
  }

  .custom-tab-new .custom-dash-col-lg {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .checkout-actions {
    margin-top: 70px;
  }

  .fullwidth-analytics .social-media-title,
  .fullwidth-analytics .social-media-body {
    padding: 12px 15px;
  }

  .social-media-body .analytic-outer {
    padding: 0;
    margin-bottom: 0;
  }

  .general-analytics-box .analytic-outer {
    padding: 0;
  }

  .fullwidth-analytics .general-analytics-outer .analytic-label {
    font-size: 16px;
  }

  .fullwidth-analytics .analytics-listing-new,
  .fullwidth-analytics .analytic-value-new {
    font-size: 15px;
  }

  .play-track-inner {
    height: 3px;
  }

  .top-element-with-tooltip__type-3 .tooltip-outer {
    bottom: 20px;
    max-width: 255px;
  }

  .header-right-top .search-form .form-control {
    font-size: 14px;
    height: 35px;
  }

  .header-right-top .search-icon {
    width: 15px;
    height: 15px;
  }

  .group-chat button {
    line-height: 2.2;
    min-width: 133px;
  }

  /* .col-lg-uvstore{width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} */
  .footer-menu {
    flex-wrap: wrap;
    justify-content: center;
    width: 50%;
    display: block;
  }

  .footer-para {
    text-align: center;
    width: 100%;
  }

  .footer-menu .nav-link {
    padding: 5px 0;
  }

  .category-page .common-card,
  .marketplace-card.common-card {
    max-width: 230px;
  }

  .btn-sqr {
    min-width: 30px;
  }

  .wrapper-xxs {
    padding: 0 15px;
  }

  .box-body {
    padding: 20px 10px;
  }

  .form-btn .btn.theme-button {
    font-size: 18px;
  }

  .live-soon-detail .bordered-box-title span {
    font-size: 18px;
  }

  .market-place-banner {
    height: auto;
  }

  .public-store-uv {
    width: 50%;
    display: inline-block !important;
    vertical-align: top;
  }

  .card-header-action.public-store-uv {
    float: right;
    width: 155px;
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0);
    margin-top: 0px;
  }

  .btn-purple-gradient.public-store-icon {
    margin: 0 10px 10px 0;
  }

  .card-body-new .uploaded-files {
    padding: 10px 15px 40px;
  }

  .card-body-new .custom-pagination .pagination {
    padding: 30px 0 0;
  }

  .wrapper-sm-new {
    padding: 0 15px;
  }

  .direct-msg.message-window {
    height: calc(100vh - 162px);
  }

  .saved-cards-outer.payments-card-outer .border-line-left {
    border-top: 1px solid #353b43;
    padding-top: 15px;
  }

  .live-image.fullScreenStream .localplay {
    bottom: 12%;
    overflow: hidden;
  }

  .right-side-header .w-75 {
    width: 100% !important;
  }

  .border-right.setting-page,
  .border-left.setting-page {
    border: none !important;
  }
}

@media all and (max-width: 680px) {
  .plain-blue-link.btn {
    padding-right: 0;
  }

  /* .contact-list.dashboard-messaging .user-list {width: 100%; margin: 0 0 16px;} */
  .contact-list.dashboard-messaging .user-list:last-child {
    margin-bottom: 0;
  }

  .info-status {
    margin-left: auto;
  }

  .navbar.navbar-light.bg-light {
    margin-bottom: 5px;
  }

  .media-img-lg {
    width: 182px;
  }

  .custom-tab-content
    .product-promotion-detail
    .social-info-list
    .sprite-icons {
    width: 25px;
    height: 25px;
  }

  /* .custom-forms .slot-radios .custom-control {width: 210px;} */
  .last-address {
    max-height: 220px;
  }

  .purple-heading {
    font-size: 17px;
  }

  .appearance-section > ul {
    font-size: 20px;
  }

  .custom-slick-slider .common-card,
  .custom-slick-slider .package-outer {
    margin: 0;
  }

  .custom-slick-slider .slick-list {
    margin: 0 -8px;
  }

  .custom-toggle-new .btn {
    padding: 6px 10px;
    min-width: 90px;
    font-size: 13px;
    line-height: 1.2;
  }

  .plain-blue-link {
    line-height: 1.2;
  }

  .banner-btn {
    min-width: 160px;
    padding: 8px 8px 9px;
  }

  .custom-accordion.accordion .card-header {
    padding: 15px 20px;
  }

  .arrow-icon {
    width: 15px;
    height: 15px;
    border-left: 3px solid #757c81;
    border-bottom: 3px solid #757c81;
  }

  .card-head-left::after {
    right: -19px;
  }

  .accordion-controls {
    padding: 0 6px;
  }

  .accordion-btn {
    margin-left: 30px;
  }

  .card-header a {
    font-size: 20px;
  }

  .accordion-details {
    font-size: 13px;
  }

  /* .switch input + label {min-width: calc(calc(1.5rem * .8) * 2); max-width: 30px; border-radius: calc(1.5rem * .8);-webkit-border-radius: calc(1.5rem * .8);-moz-border-radius: calc(1.5rem * .8);-ms-border-radius: calc(1.5rem * .8);-o-border-radius: calc(1.5rem * .8);height: calc(1.5rem * .8);line-height: calc(1.5rem * .8);text-indent: calc(calc(calc(1.5rem * .8) * 2) + .5rem);}
	.switch input + label::before, .switch input + label::after {width: calc(calc(1.5rem * .8) * 2);}
	.switch input + label::before {border-radius: calc(1.5rem * .8);-webkit-border-radius: calc(1.5rem * .8);-moz-border-radius: calc(1.5rem * .8);-ms-border-radius: calc(1.5rem * .8);-o-border-radius: calc(1.5rem * .8);}
	.switch input + label::after {width: calc(calc(1.5rem * .8) - calc(2px * 2));height: calc(calc(1.5rem * .8) - calc(2px * 2));margin-left: calc(1.5rem * .8);} */
  .scroll-Top {
    height: 40px;
    width: 40px;
  }

  .top-arrow-icon {
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
  }

  .merchant-detail-panel {
    padding-bottom: 0px;
  }

  .chat-control-icon {
    width: 22px;
    height: 20px;
    background-size: cover;
  }

  .chat-btn {
    width: 50px;
    height: 50px;
    bottom: 44px;
    right: 100px;
    line-height: 50px;
  }

  .action-col-new .round-btn {
    line-height: 27px;
    height: 27px;
  }

  .gallery-row,
  .product-row {
    margin: 0 -5px;
  }

  .gallery-col,
  .product-col {
    padding: 0 5px;
  }

  .bold-text {
    font-size: 17px;
    letter-spacing: 0.4px;
  }

  .heading-sm,
  .common-forms label {
    margin-bottom: 0px;
  }

  .card .add-slot-actions .btn {
    height: 35px;
    line-height: 35px;
    padding: 0px 10px;
    min-width: 115px;
    font-size: 15px;
  }

  .form-field .react-datepicker-wrapper input,
  .common-forms .form-control,
  div.css-yk16xz-control,
  .card-body .common-forms .appearance-section .form-control,
  .add-product-section div.css-yk16xz-control {
    height: 35px;
    font-size: 14px;
  }

  .plus-minu-input .minus,
  .plus-minu-input .plus {
    font-size: 0;
    line-height: 19px;
  }

  .react-datepicker-wrapper::after {
    width: 17px;
    height: 18px;
  }

  div.css-yk16xz-control,
  .add-product-section div.css-yk16xz-control,
  .add-product-section div.css-yk16xz-control:hover,
  .add-product-section div.css-1pahdxg-control,
  .add-product-section .add-product-section div.css-1pahdxg-control:focus,
  .add-product-section div.css-1pahdxg-control:hover,
  .add-slots .css-yk16xz-control,
  .add-product-outer div.css-yk16xz-control,
  .add-product-outer div.css-1pahdxg-control:hover,
  .add-product-outer div.css-1pahdxg-control,
  .add-product-outer div.css-1pahdxg-control:focus,
  div.css-1pahdxg-control:hover,
  .add-product-section div.css-1pahdxg-control:focus {
    min-height: 35px;
  }

  .common-forms label,
  .footer-para,
  .footer-menu .nav-link,
  .custom-timerange #react-time-range select,
  .product-hashtags {
    font-size: 14px;
  }

  .custom-col-sm,
  .common-forms .form-group {
    margin-bottom: 10px;
  }

  .panel-listing,
  .panel-listing .table thead th,
  .custom-tables-new .table thead th {
    font-size: 15px;
  }

  .nav-link {
    padding: 0.2rem 0.6rem;
  }

  .price-field .input-group-prepend span {
    padding: 0.075rem 0.55rem;
  }

  .custom-file-new.upload-profile-img .btn {
    height: 27px;
    font-size: 12px;
    line-height: 28px;
  }

  .custom-file-new .custom-file-input {
    height: 35px;
  }

  .common-forms .upload-profile-img label.form-control {
    line-height: 23px;
  }

  .product-title {
    font-size: 16px;
  }

  .product-price {
    font-size: 20px;
  }

  .add-product-outer .input-group-text {
    padding: 0.275rem 0.75rem;
  }

  .track-day-list li .black-circle {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }

  .track-day-list li .delivered-day {
    font-size: 14px;
  }

  .product-detail-modal .modal-title {
    font-size: 22px;
    line-height: 1.2;
  }

  .profile-pic-outer {
    max-width: 200px;
    height: 200px;
    margin-top: 0px;
  }

  .new-live-btn {
    font-size: 9px;
    padding: 0 5px;
    min-width: 70px;
  }

  .section-heading-left {
    flex-wrap: wrap;
  }

  .recent-shout-headings {
    justify-content: space-between;
    width: 100%;
  }

  .link-md.plain-blue-link {
    padding-right: 0;
  }

  .section-heading-left .section-heading-new {
    flex: 0 0 100%;
    margin-bottom: 2px;
  }

  .promotion-headings .section-heading-left .section-heading-new {
    flex: auto;
  }

  .promotion-headings .section-heading-left .rating-outer {
    margin-left: 20px;
    margin-top: -4px;
  }

  .section-heading-left .rating-outer {
    margin-left: 0;
  }

  .banner-title {
    font-size: 21px;
  }

  .banner-tagline {
    font-size: 16px;
  }

  .form-field-wrapper .custom-control-label {
    line-height: 1.2;
    margin-top: 6px;
  }

  .rating-label {
    font-size: 16px;
    margin-right: 25px;
  }

  .rating-label::after {
    right: -14px;
  }

  .star-yellow,
  .star-grey {
    width: 12px;
    height: 12px;
  }

  .rating-value-outer .rating-value {
    font-size: 22px;
  }

  .rating-value-outer .star-yellow,
  .rating-value-outer .star-grey {
    width: 9px;
    height: 9px;
  }

  .review-body,
  .card-expires {
    font-size: 14px;
  }

  .card-number {
    font-size: 15px;
  }

  .page-banners .btn-wallpaper {
    bottom: 15px;
    right: 20px;
  }

  .right-side-header {
    margin: 5px 0 25px;
    display: block;
  }

  .uv-page-header.right-side-header {
    display: flex;
    flex-direction: column;
  }

  .uv-page-header .btn {
    margin: 8px 0 0 7px;
    order: 1;
    max-width: 100px;
  }

  .right-side-header .all-search-form {
    max-width: 100%;
    margin-right: 15px;
  }

  .upload-text {
    font-size: 11px;
    line-height: 1.4;
    padding: 0 15px;
    width: calc(100% - 100px - 100px);
  }

  .upload-text span {
    font-size: 17px;
  }

  .cutom-blured,
  .blured-height {
    height: 90px;
  }

  .register-profile .custom-profile-upload {
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    min-width: 100px;
  }

  .celebencer-register form {
    padding: 30px 20px;
  }

  .form-btn .btn.theme-button {
    font-size: 15px;
    min-width: auto;
    padding: 0 10px;
  }

  .form-field-wrapper div.css-yk16xz-control {
    height: auto;
  }

  .advance-search-outer::before {
    right: 160px;
    content: none;
  }

  .panel-detail-actions .btn-pink-white.upload-btn {
    min-width: 90px;
  }

  .profile-field-value > span {
    padding: 6px 15px;
    font-size: 14px;
    margin-bottom: 10px;
  }

  .custom-pagination .pagination {
    padding: 20px 0 0;
  }

  .tips-outer {
    max-width: 245px;
  }

  .tips-title {
    font-size: 18px;
  }

  .send-tips-popup .input-group-prepend .input-group-text,
  .send-tips-popup .input-group-append .input-group-text {
    font-size: 16px;
    height: 40px;
  }

  .send-tips-popup .form-control {
    font-size: 18px;
    height: 40px;
  }

  .send-tips-popup .brn-purple {
    font-size: 16px;
    height: 35px;
    line-height: 35px;
  }

  .custom-pills {
    padding-right: 0;
  }

  .settings-page-cards .card-number {
    font-size: 16px;
    letter-spacing: 1px;
  }

  .card-icon-outer {
    width: 40px;
    height: 24px;
    line-height: 23px;
  }

  .bank-name {
    font-size: 15px;
    margin-bottom: 0px;
  }

  .card-delete-icon {
    width: 13px;
    height: 16px;
  }

  .advance-search-outer {
    margin-bottom: 25px;
  }

  /* .card-delete-btn {right: 11px;top: 18px;} */
  .new-custom-toggle span {
    display: block;
    margin: 0 auto 10px;
  }

  .new-custom-toggle {
    height: auto;
    line-height: normal;
    font-size: 16px;
    padding: 10px;
  }

  .custom-radio-new input:checked ~ .new-custom-toggle {
    height: auto;
    line-height: normal;
    padding: 15px 10px;
  }

  .outer-pages-banner {
    min-height: 180px;
  }

  .title-lg-new {
    font-size: 26px;
  }

  .box-heading {
    font-size: 20px;
  }

  .gallery-outer .title-sm {
    font-size: 22px;
  }

  .radio-sm .radio-btn {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding: 0 7px;
  }

  .form-field-new textarea.form-control {
    line-height: 1.2;
  }

  .custom-tables-new .table td,
  .custom-tables-new .table th,
  .custom-tables-new .table thead th {
    padding: 0.55rem 20px;
    /*padding: 0.55rem;*/
  }

  .custom-tables-new .table td:first-child,
  .custom-tables-new .table th:first-child,
  .custom-tables-new .table thead th:first-child {
    padding-left: 10px;
  }

  .action-col-new {
    min-width: auto;
    width: 155px;
  }

  .action-btn-col .btn,
  .card .action-btn-col .btn-danger,
  .card .action-btn-col .btn-secondary {
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    padding: 0 10px;
    min-width: auto;
  }

  .action-btn-col {
    min-width: auto;
  }

  .action-col-new .btn .spinner-border {
    width: 0.6rem;
    height: 0.6rem;
    margin-left: -3px;
  }

  .action-col-new.action-col-single,
  .action-col-new.update-address-btn {
    width: 90px;
  }

  .category-page .filter-item {
    min-width: auto;
  }

  .send-tips-btn {
    min-width: 130px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
  }

  .send-tip:before {
    content: "";
    position: absolute;
    bottom: 3px;
    width: 20px;
    height: 20px;
    left: 10px;
    background: url(../images/coin-icon.svg) no-repeat;
    background-size: contain;
  }

  .send-tips-popup {
    padding: 10px 15px 15px;
  }

  .send-tips-new .send-tips-popup {
    width: 105%;
  }

  .coins-icon {
    width: 20px;
    height: 20px;
  }

  .plain-dropdown,
  .header-right .plain-blue-link {
    display: none;
  }

  .header-right-top .btn-outline-theme {
    margin-right: 5px;
    margin-left: 5px;
  }

  .header-right-top .btn-col {
    padding: 0;
  }

  .mobile-signup {
    display: block;
    background: #1977f3;
    color: #fff;
    text-align: left;
    padding: 13px 20px;
  }

  .header-right .navbar-collapse,
  .header-navbar .navbar-collapse {
    padding: 0 0 30px;
    overflow-y: auto;
    height: 100%;
  }

  .mobile-signup .plain-dropdown,
  .header-right .mobile-signup .plain-blue-link {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-size: 15px;
    padding-left: 10px;
    text-transform: uppercase;
    position: relative;
  }

  .login-link.dropdown-toggle {
    min-width: auto;
    font-size: 0;
  }

  .header-right-top .btn-outline-theme.market-link {
    margin-right: 0;
    min-width: unset;
  }

  .header-dropdown {
    margin-left: 7px;
  }

  .btn-col {
    padding: 0 8px;
  }

  .login-icon {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }

  .live-video-box .live-video-controls {
    right: 0;
    bottom: -60px;
  }

  .live-video-box.live-image {
    margin-bottom: 70px;
    overflow: visible;
  }

  .send-tips-popup .input-group-prepend .input-group-text {
    height: 30px;
    width: 25px;
  }

  .personal-appearance-media .title-lg {
    font-size: 18px;
  }

  .request-status {
    font-size: 15px;
    line-height: 28px;
  }

  .right-side-header .search-form {
    margin-bottom: 10px;
  }

  .right-side-header .new-theme-btn {
    min-width: 70px;
    font-size: 14px;
  }

  .page-with-filters {
    padding: 10px 0;
  }

  .subscribe-outer {
    height: 45px;
    line-height: 45px;
    font-size: 19px;
  }

  .notification-outer {
    width: 350px;
    top: 70px;
  }

  .notification-text {
    font-size: 15px;
  }

  .notification-img img {
    width: 50px;
    height: auto;
  }

  .notification-body .serch-help-list li {
    padding: 8px 10px;
    margin-bottom: 10px;
  }

  .notify-icon-outer {
    border: 2px solid #ffffff;
    bottom: -8px;
    right: -5px;
    width: 25px;
    height: 25px;
    line-height: 21px;
  }

  .notification-time {
    font-size: 14px;
  }

  .three-dots-white {
    width: 28px;
    height: 28px;
  }

  .purchase-token-new .token-icons {
    padding: 10px 10px 0px;
  }

  .switch.switch-sm input + label {
    min-width: calc(calc(1.5rem * 0.8) * 2);
    height: calc(1.5rem * 0.8);
    line-height: calc(1.5rem * 0.8);
    text-indent: calc(calc(calc(1.5rem * 0.8) * 2) + 0.5rem);
  }

  .switch.switch-sm input + label::before {
    width: calc(calc(1.5rem * 0.8) * 2);
  }

  .switch.switch-sm input + label::after {
    width: calc(calc(1.5rem * 0.8) - calc(2px * 2));
    height: calc(calc(1.5rem * 0.8) - calc(2px * 2));
    margin-left: calc(1.5rem * 0.8);
  }

  .custom-slick-slider .common-card {
    margin: 0;
  }

  .slick-slide > div {
    padding: 0 8px;
  }

  .marketplace-card .card-img,
  .marketplace-card.market-card-sm .card-img {
    height: 240px;
  }

  .slider-product-img-outer {
    height: 80px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 65px;
  }

  .all-search-form input.form-control {
    font-size: 14px;
  }

  .right-side-header .css-tlfecz-indicatorContainer {
    padding: 4px;
  }

  .right-side-header .css-6q0nyr-Svg {
    width: 15px;
    height: 15px;
  }

  /* .right-side-header .advance-search-fields div.css-yk16xz-control, .right-side-header .advance-search-fields div.css-1pahdxg-control, .right-side-header .advance-search-fields div.css-1pahdxg-control:focus, .right-side-header .advance-search-fields div.css-1pahdxg-control:hover {min-height: 30px;height: 30px;} */
  .right-side-header .css-g1d714-ValueContainer {
    height: 100%;
  }

  .right-side-header
    .advance-search-fields.search-select
    div.css-1pahdxg-control,
  .right-side-header
    .advance-search-fields.search-select
    div.css-1pahdxg-control:hover {
    font-size: 14px;
  }

  .speaker-icon-new {
    width: 13px;
    height: 11px;
  }

  .productPromotion-icon {
    width: 12px;
    height: 11px;
  }

  .liveSales-icon {
    width: 14px;
    height: 9px;
  }

  .live-one-chat-icon {
    width: 17px;
    height: 11px;
    margin-top: -3px;
  }

  .group-chat-icon {
    width: 13px;
    height: 11px;
    margin-top: -1px;
  }

  .meals-icon {
    width: 33px;
    height: 23px;
  }

  .hotel-icon {
    width: 32px;
    height: 35px;
  }

  .car-icon-new {
    width: 33px;
    height: 21px;
  }

  .plane-icon-new {
    width: 33px;
    height: 22px;
  }

  .live-g-chat .col-6 .white-box.white-box-new .tooltip-outer {
    width: 230px;
  }

  .filter-badges {
    margin-top: -2px;
  }

  .blue-border-btn.show-filters-btn {
    margin-top: 15px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    float: none !important;
    display: block;
    margin-bottom: 2px;
    background: #3e4147;
    color: #f6bd32;
    border-color: #5d6369;
    position: relative;
  }

  .blue-border-btn.show-filters-btn .filter-badges {
    background: #111214;
    color: #f6bd32;
  }

  .blue-border-btn.show-filters-btn .filter-icon {
    background-image: url("../images/filter-icon.svg");
    margin-top: -5px;
  }

  .custom-filter-slider .slick-list {
    margin-left: -8px;
    margin-right: 0;
  }

  .social-connect-header {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 20px;
  }

  .social-handle-name {
    margin-bottom: 10px;
  }

  .social-connect-header .new-theme-btn {
    margin-left: 0 !important;
  }

  .social-connect-body {
    padding: 20px 20px 0;
  }

  .social-connect-header .btn {
    height: 30px;
    line-height: 28px;
  }

  .filter-slider-padding {
    padding-left: 0;
  }

  .live-sales-box .form-control {
    height: 30px;
    line-height: 30px;
  }

  .fullwidth-analytics .social-media-title,
  .fullwidth-analytics .social-media-body {
    padding: 12px 10px;
  }

  .fullwidth-analytics .social-media-box .analytic-label {
    font-size: 14px;
  }

  .live-image.fullScreenStream,
  .live-stream-outer.fullScreenStream {
    display: flex;
    align-items: center;
    background: #000;
  }

  .fullScreenStream .video-controls-new {
    bottom: 120px;
  }

  .live-stream-outer.fullScreenStream .play-pause-btn {
    top: 50%;
  }

  .live-sales-box .plus-minu-input .minus,
  .live-sales-box .plus-minu-input .plus {
    padding: 0 5px;
    width: 30px;
  }

  .search-filters-head .w-75 {
    width: 100% !important;
  }

  .search-filters-head.right-side-header .search-form {
    margin: 0;
    width: 96%;
    max-width: 100%;
  }

  .image-carousel .carousel .slide {
    padding: 25px 15px;
  }

  .image-carousel .carousel .slide .photo-uploaded {
    margin-right: 0;
  }

  .image-carousel .carousel.carousel-slider {
    padding: 0 30px;
  }

  .form-field-wrapper .field-value-new.form-field-new textarea.form-control,
  .advance-search-fields .form-control,
  .field-value-new .form-control {
    font-size: 14px;
  }

  .shopify-product-listing .shopify-media span {
    width: 30px;
    height: 30px;
    max-width: 30px;
    flex: 0 0 30px;
  }

  .premiumContent-icon {
    width: 14px;
    height: 11px;
  }

  .header-right-top .search-form .form-control {
    height: 38px;
  }

  .header-right-top .search-col {
    margin-bottom: 8px;
  }

  .header-right-top {
    padding: 10px;
  }

  .site-logo img {
    max-width: 140px;
  }

  .areaConc-img-outer img {
    max-width: 30px;
    height: 30px;
  }

  .pricelist-left .tooltip-outer {
    right: -130px;
    bottom: -100px !important;
  }

  .no-account-outer img {
    width: 125px;
    height: auto;
  }

  .no-account-outer .justify-content-center img {
    width: 75px;
  }

  .site-logo {
    margin-bottom: 0px;
  }

  .header-right {
    align-items: center;
  }

  .show-desktop {
    display: none;
  }

  .show-mobile {
    display: block;
    position: relative;
  }

  .search-col {
    max-width: 100%;
  }

  .home-banner-new .banner-text {
    position: unset;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
  }

  .banner-img {
    margin: 0 15px;
    border-radius: 15px;
    overflow: hidden;
  }

  .banner-img.innerpages {
    margin-bottom: -120px;
    height: 250px;
  }

  .page-banners .banner-img.innerpages img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .home-banner-new .banner-title {
    font-size: 25px;
    width: 270px;
    color: #e5e5e5;
  }

  .static-page .home-banner-new .banner-title {
    color: #f0be00;
    text-align: left !important;
    padding: 15px 0 5px;
  }

  .home-banner-new span {
    width: 160px;
    display: block;
    overflow: hidden;
    color: #f0be00;
  }

  .home-banner-new .banner-tagline {
    color: #f0be00;
  }

  .plus-minu-input input,
  .plus-minu-input .form-control,
  .plus-minu-input input.form-control {
    height: 32px;
    line-height: 32px;
  }

  .live-soon-detail .btn-width {
    min-width: 120px;
  }

  .btn-with-store-icon {
    min-width: unset;
  }

  .btn-with-store-icon::before {
    margin-top: -2px;
  }

  .btn-with-store-icon.active::before,
  .btn-with-store-icon:hover::before {
    filter: brightness(5.5);
  }

  #analyticsTabs-tabpane-generalAnalytics {
    display: none;
    opacity: 0;
  }

  #analyticsTabs-tabpane-generalAnalytics.active {
    display: block;
    opacity: 1;
  }

  .title-lg {
    font-size: 20px;
  }

  .btn-with-store-icon.active {
    background: #007aed;
    border-color: #007aed;
    color: #e5e5e5;
  }

  .term-list-item div {
    margin-left: 45px;
  }

  .inner-pages .banner-title {
    color: #f0be00;
  }

  .text-md {
    font-size: 16px;
  }

  .bordered-box-title span,
  .dash-box-padding .bordered-box-title span {
    font-size: 30px;
  }

  .section-heading-new,
  .card-header a .section-heading-new,
  .medium-modal .section-heading-new {
    font-size: 22px;
  }

  .card-artist-name {
    font-size: 18px;
  }

  .m-rt-0.btn-with-store-icon::before {
    margin-right: 0;
    left: 0;
  }

  .header-right .navbar-collapse.show .new-theme-btn {
    min-width: 115px;
  }

  .mobile-signup .plain-dropdown::after {
    margin: 0px;
    position: absolute;
    left: 100%;
    top: 15%;
  }

  .custom-filter-slider {
    width: auto;
  }

  .custom-filter-slider .slick-arrow {
    display: none !important;
  }

  .localplay {
    width: 130px !important;
    height: 105px !important;
  }

  .filter-list-new .slick-slide > div {
    padding: 0 0px 0 10px;
  }

  .filter-list-new .slick-slide:first-child li::after {
    margin-left: 10px;
  }

  .dark-bg table thead th:first-child,
  .dark-bg table thead td:first-child,
  .dark-bg table tbody td:first-child {
    max-width: 150px;
  }

  .f-24 {
    font-size: 18px !important;
  }

  .filter-list-new {
    justify-content: unset;
  }
}

@media all and (max-width: 640px) {
  .chat-footer.btn-with-right-icon {
    width: 100%;
    text-align: center;
  }

  .chat-footer.btn-with-right-icon .tooltip-outer {
    left: -225px;
  }

  .custom-width .common-card {
    width: 160px;
  }

  .add-photos-btn {
    max-width: none;
  }

  .mobile-width {
    width: 100%;
  }

  .live-image.fullScreenStream .localplay {
    bottom: 22%;
  }

  .collapse.show .profile-tab-nav {
    flex-direction: column-reverse;
  }

  .price-tooltip .tooltip-outer {
    right: -130px;
    margin-bottom: -10px;
  }

  .compllete-profile {
    padding: 40px 20px;
    margin: 0 10px 20px;
  }

  .custom-width .video-image.common-card {
    max-width: 520px;
  }

  .custom-filter-slider .slick-arrow {
    display: none !important;
  }

  .stripe-verified .navbar button {
    display: none;
  }
}

@media all and (max-width: 575px) {
  .package-price-outer .tooltip-outer.permin-title {
    right: -90px;
  }

  .compllete-profile .common-card {
    margin: auto;
  }

  .info-list {
    display: block;
  }

  .info-list li {
    width: 100%;
    padding: 0;
  }

  .section-heading-outer.promotion-headings {
    flex-direction: column;
    align-items: flex-start !important;
  }

  #premiumContent-tabpane-photos .gallery-col {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .btn-with-store-icon {
    text-align: center;
  }

  .panel-detail-tabs .tab-pane {
    padding-bottom: 50px;
  }

  .tracking_modal.order-modal .title-md {
    font-size: 23px;
  }

  .tracking_modal .dolor-price {
    font-size: 20px;
  }

  .tracking_modal.plain-modal .modal-header {
    padding-left: 10px;
  }

  .tracking_modal .modal-content {
    padding: 15px;
  }

  .tracking_modal .modal-body {
    padding: 10px;
  }

  .uv-data .product-box .action-btns button {
    width: 47%;
    height: 26px;
    line-height: 26px;
    margin: 0;
  }

  .uv-data .action-btns .btn {
    width: 100%;
    margin: 0;
    font-size: 13px;
  }

  .next-live-search {
    width: 100%;
    flex-direction: column;
    align-items: flex-start !important;
  }

  .search-form.maxWidth-430 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .custom-col {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .site-header .btn-purple {
    min-width: 86px;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    padding: 0;
  }

  .login-link {
    padding: 0px;
    min-width: 90px;
    border: none;
    margin-right: 15px;
    font-size: 14px;
  }

  .merchant-icon {
    width: 49px;
    height: 40px;
  }

  .celebrancer-icon,
  .user-icon {
    width: 40px;
    height: 40px;
  }

  .custom-radio-outer .custom-toggle {
    height: 150px;
    font-size: 16px;
  }

  .outer-pages-banner {
    min-height: 150px;
  }

  .custom-forms .form-control,
  .custom-forms .css-yk16xz-control,
  .custom-forms .css-6htbnp-ValueContainer,
  .custom-forms .css-g1d714-ValueContainer,
  .custom-forms .css-1pahdxg-control {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
  }

  .custom-forms .form-control.chat-price-field {
    line-height: 35px;
    padding: 0 15px;
  }

  .chat-price {
    font-size: 16px;
  }

  .custom-forms .css-yk16xz-control,
  .custom-forms .css-6htbnp-ValueContainer,
  .custom-forms .css-g1d714-ValueContainer {
    padding: 6px 0;
    height: auto;
  }

  .form-label-group > .label {
    top: 7px;
    left: 0px;
    font-size: 14px;
  }

  .custom-forms
    .form-label-group
    .form-control:not(:placeholder-shown)
    ~ .label,
  .form-label-group .form-control:focus ~ .label {
    left: 10px;
    font-size: 13px;
    padding: 0 5px;
  }

  .theme-button {
    height: 30px;
    min-width: 120px;
    line-height: 26px;
    font-size: 13px;
  }

  .custom-accordion.accordion .card-header {
    padding: 18px 20px;
  }

  .invalid-feedback {
    font-size: 12px;
  }

  .banner-section .img-fluid {
    width: auto;
    height: 172px;
    max-width: none;
  }

  .uv-store-page .banner-section .img-fluid {
    width: 100%;
    height: auto;
  }

  .banner-section {
    overflow: hidden;
  }

  .box-img {
    max-height: 220px;
    line-height: 220px;
  }

  .edit-price-popup {
    top: 38px;
  }

  .heading-md {
    font-size: 22px;
  }

  .edit-price-popup .modal-dialog {
    margin: 0;
  }

  .edit-price-popup .modal-title {
    font-size: 1.2rem;
  }

  .panel-details {
    min-height: 430px;
  }

  .inner-wrapper .container-fluid {
    padding: 0;
  }

  .title-md {
    font-size: 23px;
  }

  .title-light {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .filter-list li {
    font-size: 18px;
    line-height: 2;
  }

  .gallery-outer {
    padding: 15px 0px 0;
  }

  .file-upload-section {
    padding-bottom: 15px;
  }

  .monthly-subscription-text {
    font-size: 22px;
  }

  .monthly-subscription-text ~ .btn.theme-button {
    font-size: 15px;
  }

  .product-promotion-img {
    width: 120px;
    height: 150px;
    line-height: 150px;
  }

  .payment-footer {
    padding: 40px 30px;
  }

  .payment-body .media-img {
    width: 127px;
    height: 130px;
    margin-bottom: 15px;
  }

  .custom-tab-content .product-promotion-detail .media {
    flex-direction: column;
  }

  .media-img-lg {
    width: 100%;
    height: 230px;
    margin-bottom: 25px;
  }

  .custom-tab-content .product-promotion-detail .social-info-list li {
    margin-bottom: 6px;
  }

  .request-shoutout {
    position: relative;
    top: auto;
    right: auto;
    margin: 15px 0 30px;
  }

  .panel-details .white-box {
    margin-bottom: 20px;
  }

  .panel-listing .custom-toggle .btn {
    height: auto;
    line-height: 1.6;
    padding: 8px 10px;
  }

  .live-stream-row .custom-col {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .custom-forms .pink-pills-sm {
    float: left;
  }

  .panel-top-actions,
  .live-one-on-one-filters {
    flex-direction: column;
  }

  .panel-listing .search-form {
    margin: 20px 0 0;
  }

  .panel-listing .search-form .form-control {
    height: 45px;
  }

  .panel-detail-actions {
    margin: 0 -10px;
  }

  .panel-detail-actions .btn-pink-white,
  .panel-detail-actions .btn-primary,
  .card .panel-detail-actions .btn-secondary {
    margin: 10px;
  }

  .product-detail-modal .panel-detail-actions .btn {
    margin: 0;
  }

  .banner-btn {
    width: 100%;
    min-width: 150px;
    margin-left: 0;
  }

  .purchase-token .create-offer-form {
    padding: 0px 0.2rem !important;
  }

  .chat-box {
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
  }

  .chatbox-body {
    padding: 15px 10px 80px;
    height: calc(100% - 75px);
    position: relative;
  }

  .chatbox-footer {
    padding: 0px 0px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .message-window {
    height: 100%;
  }

  .panel-detail-tabs .message-window {
    height: 180px;
  }

  .banner-text .text-right {
    text-align: left !important;
  }

  .card-img .about-card {
    bottom: 10px;
  }

  .card-img .card-top-title {
    bottom: auto;
    top: 12px;
  }

  .about-card.d-flex {
    flex-direction: column-reverse;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .common-card-title,
  .card-artist-area {
    font-size: 13px;
    width: 100%;
  }

  .common-card-title {
    padding: 1px 8px;
  }

  .common-card-price {
    font-size: 10px;
    align-self: end;
    margin-bottom: 8px;
    line-height: 1;
    padding: 2px 6px 1px;
  }

  .new-live-btn {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    letter-spacing: 0.3px;
    padding: 0 6px;
    min-width: auto;
    white-space: nowrap;
  }

  .new-live-btn::before {
    width: 5px;
    height: 5px;
    margin-right: 4px;
    margin-top: -1px;
  }

  .banner-title {
    font-size: 20px;
  }

  .banner-tagline {
    font-size: 15px;
  }

  .header-dropdown .login-link {
    margin-right: 0;
  }

  .merchant-title {
    font-size: 22px;
    letter-spacing: 0.6px;
    padding-right: 40px;
  }

  .edit-profile-icon {
    width: 25px;
    height: 25px;
    background-size: cover;
    padding: 0;
    top: 23px;
  }

  .merchant-img-box .btn-grey {
    font-size: 12px;
    min-width: 129px;
    border-width: 1px;
    height: 25px;
    top: 15px;
    right: 15px;
  }

  .merchant-img-wrap .img-fluid {
    max-width: 200px;
  }

  .title-sm {
    letter-spacing: 0;
    font-size: 16px;
    margin-bottom: 0;
  }

  .merchant-about {
    padding: 15px 0 0;
    letter-spacing: 0;
    font-size: 14px;
  }

  .tagline {
    font-size: 14px;
  }

  .social-info-list li {
    font-size: 16px;
  }

  .social-info-list li span {
    width: 25px;
    height: 25px;
  }

  .page-views {
    font-size: 13px;
  }

  .page-views span {
    font-size: 16px;
    letter-spacing: 0px;
  }

  .heading {
    font-size: 24px;
    margin-bottom: 0;
  }

  .light-text {
    font-size: 11px;
    letter-spacing: 0;
  }

  .btn-purple-gradient,
  .card-header .btn-purple-gradient,
  .selected-row-details .btn-purple-gradient,
  .product-header .btn-purple-gradient {
    min-width: 130px;
    font-size: 13px;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
  }

  /* .public-store-icon::after {display: none;} */
  .token-icon::before {
    width: 15px;
    height: 10px;
    top: 11px;
    left: 10px;
  }

  .count {
    font-size: 32px;
  }

  .count-info {
    font-size: 16px;
    line-height: 1.4;
  }

  .live-box {
    position: relative;
    margin-bottom: -10px;
    font-size: 13px;
    height: 30px;
    line-height: 1;
  }

  .scroll-Top {
    height: 35px;
    width: 35px;
  }

  .info-box-outer .col,
  .token-box {
    margin-top: 16px;
  }

  .plain-modal .modal-header {
    padding: 0.5rem 1rem;
  }

  .plain-modal h2.title-sm {
    font-size: 22px;
  }

  .gallery-img-outer {
    height: 180px;
    line-height: 180px;
  }

  .edit-icon,
  .delete-icon {
    height: 30px;
    width: 30px;
  }

  .selected-row-details h2 {
    font-size: 20px;
  }

  .right-desc-mobile .panel-detail-actions .btn {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 0;
  }

  .panel-detail-actions .btn-pink-white,
  .panel-detail-actions .btn-primary,
  .card .panel-detail-actions .btn-secondary,
  .panel-detail-actions .btn-purple-gradient {
    height: 30px;
    font-size: 13px;
    line-height: 32px;
    min-width: 62px;
  }

  .selected-row-details .panel-detail-actions .btn-pink-white,
  .selected-row-details .panel-detail-actions .btn-primary,
  .card .selected-row-details .panel-detail-actions .btn-secondary,
  .selected-row-details .panel-detail-actions .btn-purple-gradient {
    margin: 0;
  }

  .selected-row-details .panel-detail-actions .btn-purple-gradient {
    line-height: 30px;
    height: 30px;
    width: 30px;
    min-width: 32px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
  }

  .selected-row-details .title-lg {
    font-size: 16px;
    margin: 10px 0 3px;
  }

  .text-grey {
    font-size: 14px;
    line-height: 1.2;
  }

  .selected-row-details,
  .selected-row-details .chat-timing,
  .file-upload-section .custom-control,
  .file-upload-section .text-mute {
    font-size: 14px;
  }

  .custom-tables tr .btn-pink-white,
  .custom-tables tr .btn-lightblue,
  .card .custom-tables tr .btn-secondary,
  .card .custom-tables tr .btn-danger {
    min-width: 70px;
  }

  .action-btn-col-lg {
    min-width: 195px;
  }

  .product-price {
    font-size: 18px;
  }

  .product-promotion-detail {
    padding: 10px 0 0;
  }

  .product-img-outer .img-fluid {
    max-width: 340px;
    width: 100%;
  }

  .product-detail-modal .modal-header {
    padding: 1.5rem 1.1rem 0;
    padding-right: 40px;
  }

  .product-detail-modal .product-hashtags {
    font-size: 16px;
  }

  .plain-modal .uv-store .product-hd {
    font-size: 20px;
  }

  .plain-modal .uv-store .heading-md {
    margin-bottom: 10px;
  }

  .plain-modal.order-modal .modal-header {
    padding: 1.3rem 1rem 1rem;
    flex-direction: column;
  }

  .product-hd {
    font-size: 22px;
  }

  .order-modal .title-md {
    font-size: 26px;
  }

  .report-btn {
    padding: 5px 7px 4px;
    margin-right: 0px;
    font-size: 13px;
  }

  .view-detail-btn {
    min-width: 90px;
    padding: 3px 10px;
    font-size: 14px;
  }

  .common-forms .appearance-section .form-control {
    height: 32px;
  }

  .appearance-section .price-field .input-group-prepend span {
    height: 24px;
    width: 24px;
    font-size: 14px;
  }

  .appearance-section .react-datepicker-wrapper::after {
    width: 16px;
    height: 17px;
    top: 7px;
  }

  .appearance-section .time-control .react-datepicker-wrapper::after {
    height: 16px;
    width: 16px;
    top: 8px;
  }

  .appearance-section {
    margin-bottom: 15px;
  }

  .price-text,
  .price-text .dolor-price {
    font-size: 16px;
  }

  .login-link.dropdown-toggle {
    min-width: auto;
    font-size: 0;
  }

  .header-right-top .btn-cart {
    margin: 0 23px 0 20px;
  }

  .btn-cart .badge {
    font-size: 8px;
    padding: 1px 5px 2px;
    top: -4px;
    right: -9px;
  }

  .header-right-bottom {
    padding: 0px 15px 0px 10px;
    position: absolute;
  }

  .navbar.navbar-light.bg-light {
    padding: 0;
    margin-bottom: 0px;
  }

  .username {
    font-family: NeusaNextStd-Bold, sans-serif;
  }

  .header-dropdown .dropdown-item {
    padding: 0.25rem 0.8rem;
  }

  .header-dropdown .dropdown-menu {
    font-size: 14px;
    line-height: 1.3;
  }

  .login-icon {
    margin-right: 0 !important;
    text-align: center;
  }

  .order-titles .top-titles {
    padding-top: 10px;
  }

  .plain-modal .modal-header .close span,
  .payment-header .close {
    height: 30px;
    width: 30px;
  }

  .product-detail-modal .modal-header .close {
    margin: 0;
    right: 10px;
    top: 10px;
  }

  .product-detail-modal .social-info-list {
    margin-top: 20px;
    padding-bottom: 0 !important;
  }

  .default-img-outer {
    height: 200px;
    width: 170px;
    line-height: 200px;
  }

  .custom-forms .input-group-text {
    padding: 0.275rem 0.75rem;
    width: 44px;
  }

  .action-btn-col-lg .btn {
    height: 30px;
    font-size: 13px;
    line-height: 29px;
    padding: 0 10px;
  }

  .profile-details-outer {
    padding: 0 15px 12px;
  }

  .white-box-lg .social-info-list li {
    margin-bottom: 10px;
  }

  .celebencer-img-new {
    margin: 0 auto 20px;
  }

  .request-shoutout-title,
  .timing-flash {
    text-align: center;
  }

  .shoutout-request-right .blue-border-btn {
    display: block;
    margin: 0 auto 25px;
  }

  .box-body {
    padding: 25px 20px;
  }

  .field-label {
    margin-bottom: 10px;
  }

  .form-field-wrapper {
    margin-bottom: 25px;
  }

  .checkbox-col .form-field-wrapper:last-child {
    margin-bottom: 0px;
  }

  .form-field-wrapper .custom-control-label {
    line-height: 1.2;
    margin: 8px 0 0px;
  }

  .new-action-btn {
    padding: 10px 0;
  }

  .progressbar li:nth-child(2) {
    width: 36%;
  }

  .shoutout-profile-detail {
    flex-direction: column;
    padding-top: 3px;
  }

  .shoutout-profile-detail .new-theme-btn {
    width: auto;
  }

  .shoutout-details {
    margin-bottom: 11px;
  }

  .shoutout-right-header {
    padding-bottom: 25px;
  }

  .login-form-col .white-box-inner {
    padding: 15px;
  }

  .button-radios-outer {
    flex-wrap: wrap;
  }

  .button-radio.button-radio-sm {
    margin-bottom: 10px;
    margin-right: 0.5rem !important;
  }

  .button-radio-sm .radio-btn {
    min-width: 56px;
    font-size: 11px;
    padding: 0 4px;
  }

  .how-works-modal .modal-title {
    font-size: 20px;
  }

  .white-box-lg .row {
    margin: 0 -8px;
  }

  .white-box-lg [class*="col-"] {
    padding: 0 8px;
  }

  .review-header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .rating-outer {
    margin-left: 0;
    margin-top: 0px;
  }

  .back-btn {
    width: 18px;
    height: 15px;
    margin-right: 10px !important;
  }

  .login-screen-bg img {
    height: 200px;
    width: auto;
    max-width: none;
  }

  .login-new-screen .custom-forms {
    padding: 10px 20px;
  }

  .slider-next,
  .slider-prev {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }

  .slider-btns {
    margin: -1px 5px 0 5px;
    display: flex;
  }

  .filter-list-new {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .filter-list-new li:last-child .filter-item {
    min-width: 10px;
  }

  .filter-list-new::-webkit-scrollbar {
    display: none;
  }

  .card-info-dropdown .dropdown-item {
    font-size: 11px;
    padding: 6px 10px;
  }

  .card-info-dropdown .dropdown-item span {
    margin-right: 5px;
  }

  .no-data-div {
    font-size: 14px;
  }

  .white-btn {
    height: 30px;
    line-height: 28px;
    padding: 0 8px;
    font-size: 12px;
  }

  .white-btn.btn-profile {
    height: 30px;
    width: 30px;
    line-height: 27px;
  }

  .pay-now-btn {
    min-width: 100px;
  }

  .white-box-lg .shoutout-col-with-text {
    padding: 0;
  }

  .title-xl {
    font-size: 25px;
  }

  .package-details-new .title-xl {
    margin-bottom: 10px;
  }

  .progressbar {
    justify-content: center;
  }

  .modal-xxs .modal-body,
  .modal-md-new .modal-body {
    padding: 30px 20px;
  }

  .checkbox-grey .checkbox-new-label {
    margin-right: 10px;
    height: auto;
    line-height: 1.2;
    padding: 4px 10px;
  }

  .checkbox-col .form-field-wrapper.field-values-outer:last-child {
    margin-bottom: 20px;
  }

  .panel-detail-header .blue-border-btn {
    height: 29px;
    font-size: 12px;
    padding: 0 6px;
  }

  .panel-detail-body .personal-appearance-media .title-lg {
    font-size: 18px;
    margin-bottom: 0;
  }

  .panel-detail-body .profile-category {
    font-size: 14px;
  }

  .checkbox-outer-col .field-values-outer {
    margin-bottom: 10px;
    margin-top: 0px;
  }

  .purchase-package-right-col .title-xl {
    margin-bottom: 0px;
  }

  .progressbar.two-steps li {
    width: 50%;
  }

  .box-padding {
    padding: 30px 20px;
  }

  .bordered-box-tile {
    padding: 16px 15px;
  }

  .about-card .common-card-price-bottom {
    margin: 0 0 6px;
    line-height: 1;
    font-size: 11px;
  }

  .register-profile .profile-image {
    width: 80px;
    height: 80px;
    line-height: 76px;
    margin-top: -20px;
  }

  .category-page {
    min-height: auto;
  }

  .panel-listing-header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .panel-search-new {
    margin: 20px auto 0;
    width: 100%;
  }

  .field-value-new .custom-file-new.upload-profile-img .btn {
    min-width: 74px;
  }

  .field-info-outer .btn-outline-secondary {
    height: 30px;
    width: 30px;
    min-width: 30px;
    line-height: 29px;
  }

  .field-info-text {
    font-size: 14px;
    line-height: 1.3;
  }

  .custom-tables-new {
    font-size: 15px;
  }

  .custom-forms div.css-yk16xz-control,
  .custom-forms div.css-1pahdxg-control:hover,
  .custom-forms div.css-1pahdxg-control,
  .custom-forms div.css-1pahdxg-control:focus,
  div.css-1pahdxg-control:hover {
    min-height: 35px;
  }

  .live-video-details .box-name {
    font-size: 22px;
    margin-top: 11px;
  }

  .public-page-title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .site-logo img {
    max-width: 150px;
  }

  .link-md.plain-blue-link {
    margin-top: 3px;
  }

  .field-value-new .upload-profile-img label.form-control {
    padding-right: 100px;
  }

  .static-url {
    white-space: normal;
  }

  .custom-url-field {
    flex-wrap: wrap;
    height: auto;
  }

  .custom-url-field .form-field-wrapper,
  .custom-url-field .form-field-new .form-control {
    width: 100%;
  }

  .thankyou-page-body .white-box {
    height: auto;
    margin-bottom: 30px;
  }

  .thankyou-msg {
    font-size: 18px;
  }

  .thankyou-page-body {
    margin-top: -50px;
    padding-bottom: 20px;
  }

  .thankyou-banner {
    padding: 50px 0 80px;
  }

  .msg-popup-actions .btn {
    height: 35px;
    line-height: 34px;
    font-size: 14px;
  }

  .upload-modal .title-md {
    font-size: 20px;
  }

  .upload-modal .modal-header {
    padding: 12px 20px;
  }

  .file-details {
    font-size: 18px;
  }

  .upload-modal .btn-secondary {
    min-width: 90px;
    font-size: 16px;
  }

  .progressbar-outer .progress {
    height: 16px;
  }

  .fulfilment-speed-radios .saved-cards-outer {
    margin: 0 !important;
  }

  .fulfilment-speed-radios {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .tab-content-new {
    margin-top: 20px;
  }

  .faq-title {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .pills-heading {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .static-page-outer,
  .static-page-inner {
    padding-top: 30px;
  }

  .page-title-lg {
    font-size: 32px;
  }

  .static-sections .title-md {
    font-size: 24px;
  }

  .settings-action-div {
    padding-top: 14px;
  }

  .new-custom-toggle {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: auto;
    padding: 8px 10px;
    line-height: 1.4;
  }

  .custom-radio-new input:checked ~ .new-custom-toggle {
    height: auto;
    line-height: 1;
    padding: 16px 10px;
  }

  .fan-sign-up .form-sections {
    border-right: 0 !important;
    padding: 0 0 10px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 25px;
  }

  .fan-request-outer .progressbar {
    margin: 30px 0 0;
  }

  .live-box-outer {
    width: 140px;
  }

  .blue-btn-new {
    height: 35px;
    line-height: 34px;
    font-size: 16px;
    min-width: 90px;
  }

  .navbar-expand-xl .navbar-toggler {
    padding-left: 15px;
  }

  .social-btns {
    width: auto;
    min-width: 200px;
  }

  .form-field-wrapper.insta-button-outer {
    margin-bottom: 0px;
    margin-top: -10px;
  }

  .navbar-light .navbar-toggler {
    padding: 0;
    margin-top: 0;
  }

  .shoutout-right-btns {
    display: flex;
    justify-content: space-between;
  }

  .profile-pic-outer .new-live-btn {
    max-width: 70px;
    font-size: 10px;
    padding: 0px 4px;
  }

  .single-card-outer .card-footer .btn {
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    min-width: 120px;
  }

  .single-card-outer .card-text,
  .location-outer,
  .plain-btn {
    font-size: 16px;
  }

  .single-card-outer .card-footer {
    padding: 25px 0 10px;
  }

  .plain-btn span {
    width: 20px;
    height: 20px;
    margin-right: 2px;
    line-height: 20px;
  }

  .edit-icon-white {
    width: 10px;
    height: 10px;
  }

  .grey-box {
    padding: 30px 20px;
  }

  .filter-scroll-outer .filter-list-new {
    overflow: unset;
  }

  .plain-modal .form-sections .title-sm {
    font-size: 20px;
  }

  .purchase-token .form-sections {
    margin-bottom: 0px;
  }

  .token-list {
    margin: 0 -5px;
  }

  .token-list [class*="col-"] {
    padding: 0 5px;
  }

  .token-value-outer {
    padding: 7px 10px 6px;
  }

  .token-value small {
    font-size: 12px;
  }

  .purchase-token-icon,
  .active .purchase-token-icon,
  .purchase-token-new .purchase-token-icon,
  .purchase-token-new .active .purchase-token-icon {
    width: 17px;
    height: 10px;
  }

  .tick-icon,
  .active .tick-icon,
  .purchase-token-new .tick-icon,
  .purchase-token-new .active .tick-icon {
    width: 10px;
    height: 10px;
  }

  .token-value {
    font-size: 18px;
  }

  .token-icons {
    padding: 5px 10px 0px;
  }

  .token-amount {
    font-size: 15px;
    padding: 5px 10px 3px;
  }

  .token-amount span {
    font-size: 11px;
  }

  .tips-title .close {
    font-size: 30px;
  }

  .tips-title {
    font-size: 16px;
  }

  .package-social-list.d-flex {
    justify-content: center;
    margin: 0 0 10px;
  }

  .package-details-new .package-social-list.d-flex {
    justify-content: flex-start;
  }

  .panel-message-outer {
    margin-bottom: 20px;
  }

  .checkout-outer.subscription-checkout {
    position: relative;
  }

  .checkout-profile {
    display: none;
  }

  .payment-body {
    max-height: none;
    padding-right: 5px;
  }

  .purchase-package-new .d-table-cell {
    width: 40%;
  }

  .bold-tagline {
    font-size: 18px;
    text-align: center;
  }

  .f-18 {
    font-size: 16px !important;
  }

  .f-16 {
    font-size: 14px !important;
  }

  .package-detail-outer {
    font-size: 15px;
  }

  .purchase-package-new .deliverable-section {
    font-size: 15px;
  }

  .marketplace-card .card-img,
  .marketplace-card.market-card-sm .card-img {
    height: 220px;
  }

  .delete-bin-outer {
    width: 128px;
    height: 128px;
    line-height: 128px;
  }

  .live-sales-profile-outer {
    width: 168px;
    height: 168px;
    line-height: 168px;
  }

  .delete-bin {
    width: 60px;
    height: 81px;
  }

  .delete-package-modal {
    font-size: 16px;
  }

  .modal-action-btns-new .btn {
    height: 38px;
    font-size: 15px;
    line-height: 38px;
    min-width: 120px;
  }

  .chat-title,
  .liveimage-title {
    font-size: 18px;
  }

  .video-history {
    font-size: 16px;
    line-height: 1.2;
  }

  .list-open .uploaded-files .col-sm-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .uploaded-files .heading-md {
    font-size: 20px;
    letter-spacing: 0px;
  }

  .card .edit-profile-icon.round-btn {
    width: 22px;
    height: 22px;
    line-height: 21px;
    min-width: 22px;
  }

  .card .action-col-new .btn.round-btn {
    width: 22px;
    height: 22px;
    line-height: 23px;
  }

  .action-col-new .tick-icon {
    width: 12px;
    height: 9px;
  }

  .action-col-new .close-icon {
    width: 9px;
    height: 9px;
  }

  .image-carousel-modal .modal-header .close {
    right: 44px;
    top: 27px;
  }

  .uploaded-img {
    margin-right: 9px;
    margin-bottom: 9px;
  }

  .card-design-new.settings-page-cards .card-details {
    padding-right: 25px;
  }

  .new-action-btn .new-theme-btn {
    height: 35px;
  }

  .delete-image-new {
    margin-bottom: -8px;
  }

  .premium-section-heading span {
    display: block;
    margin: 2px 0 0;
  }

  .form-field-wrapper .slot-radios .custom-control-label {
    height: 41px;
    line-height: 43px;
  }

  .loader-img-outer {
    min-height: 200px;
  }

  .shoutout-main-img {
    max-width: 300px;
    max-height: 300px;
    overflow: hidden;
    height: auto;
    width: 100%;
  }

  .dash-box-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-right-top .btn-outline-theme.market-link {
    margin-left: 10px;
  }

  .scroll-outer {
    height: 360px;
  }

  .footer-signup-section {
    flex-direction: column;
    width: 100%;
  }

  .footer-signup {
    margin: 0 0 20px !important;
  }

  .merchant-profile-tab .filter-btn-item,
  .merchant-profile-outer {
    font-size: 16px;
  }

  .slider-product-img-outer,
  .single-slick-slider .slider-product-img-outer {
    height: 110px;
  }

  .bundle-header .package-price-outer {
    text-align: left;
    padding: 20px 0 0 !important;
  }

  .notification-outer {
    width: 300px;
    right: 8px;
    left: auto;
  }

  .borderless-select {
    font-size: 18px;
  }

  .no-sidebar .category-col {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .cart-icon-white,
  .new-theme-btn .cart-icon-white {
    width: 16px;
    height: 15px;
  }

  .text-left.sales-back-btn {
    font-size: 18px;
  }

  .social-details-new .social-media-box {
    padding: 0;
    margin-bottom: 0px;
  }

  .social-media-box:nth-child(4n),
  .social-media-box:nth-child(2n + 1) {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }

  .social-details-new {
    padding: 0 10px;
  }

  .general-analytics-outer .general-analytics-box {
    padding: 12px 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }

  .fullwidth-analytics .analytics-scroll {
    max-height: 220px;
    height: auto;
  }

  .fullwidth-analytics .income-analytic-scroll {
    max-height: 260px;
  }

  .play-pause-btn {
    width: 60px;
    height: 60px;
    top: 45%;
  }

  .play-btn-lg {
    width: 20px;
    height: 23px;
  }

  .fullScreenStream .live-video-controls {
    bottom: 120px;
  }

  .live-stream-product-detail {
    margin: 10px 0 0;
  }

  .package-img {
    height: 185px;
  }

  .card-img {
    height: 220px;
  }

  .header-right {
    position: relative;
    align-items: center;
  }

  .header-right-top {
    position: static;
    padding: 0 10px;
  }

  .header-right-top .search-col {
    margin-bottom: 0;
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0 15px;
    width: 100%;
    margin-right: 0;
  }

  .search-help-outer {
    left: 15px;
    right: 15px;
    width: auto;
  }

  .header-right-top .btn-col {
    margin-left: 0;
  }

  .search-btn {
    left: 25px;
  }

  .compllete-profile .search-btn {
    left: 12px;
  }

  .page-with-filters .search-btn {
    left: 10px;
  }

  .shoutout-detail-title {
    font-size: 22px;
  }

  .filter-select {
    max-width: 100%;
  }

  .card-header-action {
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0);
    margin-top: 4px;
  }

  .direct-msg-search .search-form {
    max-width: 100%;
  }

  /* .col-lg-uvstore{width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} */
  .banner-section .banner-img img {
    height: auto;
    width: 100%;
  }

  .social-media-box {
    flex: 0 0 100%;
    max-width: 100%;
    border-left: 1px solid #30353c !important;
  }

  .social-media-box:nth-child(3n) .social-media-title,
  .social-media-box:nth-child(4n) .social-media-title,
  .social-media-box:last-child .social-media-title {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }

  .social-media-box:first-child .social-media-title,
  .social-media-box:first-child {
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
  }

  .live-sales-card .card-img,
  .favourite-products-card .card-img {
    height: 240px;
  }

  .list-open .uploaded-files .col-md-3.video-image,
  .uploaded-files .col-md-3.video-image {
    max-width: 100%;
    flex: 100%;
  }

  .share-icon-white {
    background-size: 12px auto !important;
    background-position: 3px 4px;
  }

  .live-one-chat-icon {
    margin-top: -2px;
    background-position: 2px 2px;
  }

  .card .action-col-new .btn.round-btn svg {
    width: 14px;
    height: 14px;
  }

  /* .pagination li a {height: 30px;	width: 30px; line-height: 30px;	font-size: 12px;} */
  .card-head-left {
    padding-right: 0px;
  }

  .card-header a {
    font-size: 18px;
    margin-right: 0px;
    display: inherit;
  }

  .blue-pill,
  .white-pill {
    margin: 3px 10px 3px 0;
  }

  .card-header .card-head-left a + .blue-pill {
    margin-left: 0px;
  }

  .white-box-lg .page-views {
    align-self: flex-start;
  }

  .field-values-outer {
    margin-bottom: 15px;
  }

  aside.epr-main.EmojiPickerReact {
    bottom: 70px;
  }

  .direct-msg.message-window {
    margin-bottom: 70px;
  }

  /* .custom-accordion .header-chatbox {margin-top: -10px;} */
  .payments-card-outer .custom-control-label,
  .bdr-1.p-2.bdr-radius10 {
    background: #111214;
  }

  .bdr-1.p-2.bdr-radius10 img {
    margin: 10px 0;
  }

  .textarea.message-textarea.form-control {
    font-size: 15px;
  }

  .form-field-new .form-control {
    padding: 8px 10px;
  }

  .panel-detail-footer .btn-danger {
    line-height: 2.5 !important;
  }

  .new-theme-btn.btn-sm {
    padding: 0 15px;
  }

  .payment-form .product-promotion-detail .media {
    flex-direction: column;
  }
}

@media all and (max-width: 540px) {
  .custom-width .video-image.common-card {
    max-width: 340px;
  }

  .sm-d-block {
    display: block;
  }

  /* .custom-forms .slot-radios .custom-control {width: 100%;} */
  .slot-radios .custom-control-label {
    min-width: 100%;
  }

  .section-heading-outer.with-filters {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-bottom: 20px;
  }

  .section-heading-outer {
    margin-bottom: 0;
  }

  .heading-md {
    font-size: 24px;
    letter-spacing: 0;
  }

  .star-yellow,
  .star-grey {
    width: 10px;
    height: 10px;
    margin-right: 4px;
  }

  .rating-value {
    font-size: 16px;
    margin-top: 5px;
  }

  .link-md.plain-blue-link {
    padding: 0 5px;
  }

  .card-details {
    margin-left: 4px;
  }

  .card-number span {
    margin-left: 5px !important;
  }

  .card-cvv .form-control {
    width: 60px;
    margin-left: auto;
  }

  .card-cvv .form-control + .error {
    text-align: right;
  }

  .visa-icon {
    width: 40px;
    height: 13px;
  }

  .mastercard-icon {
    width: 40px;
    height: 32px;
  }

  .card-expires {
    font-size: 18px;
  }

  .package-outer .new-theme-btn {
    height: 25px;
    line-height: 25px;
    font-size: 11px;
  }

  .package-details {
    padding: 10px 10px 5px;
  }

  .card-info-dropdown .publish-icon {
    width: 10px;
    height: 10px;
  }

  .card-info-dropdown .delete-icon {
    width: 10px;
    height: 12px;
  }

  .card-info-dropdown .edit-icon {
    width: 10px;
    height: 10px;
  }

  .shoutout-left-text {
    padding: 30px 15px;
  }

  .analytics-info-text {
    width: 232px;
    top: -90px;
  }

  .triangle-with-shadow {
    right: 30px;
  }

  .see-all-header {
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .see-all-header .section-heading-new {
    margin-bottom: 6px;
  }

  .register-profile .custom-profile-upload {
    height: 28px;
    font-size: 11px;
    line-height: 28px;
    padding: 0 6px;
    min-width: 80px;
  }

  .celebencer-register {
    margin: 10px auto;
  }

  .toggle-withslider-outer {
    justify-content: space-between;
    width: 100%;
    margin-top: 6px;
  }

  .custom-toggle-new .btn {
    padding: 3px 10px;
    min-width: 76px;
  }

  .custom-calender .react-calendar__tile--now::after {
    bottom: 6px;
  }

  .newsletter-section,
  .footer-signup-section {
    width: 100%;
  }

  .title-xs-new {
    font-size: 14px;
  }

  .btn.btn-border {
    padding: 4px 10px 3px;
    margin-bottom: 0;
  }

  .newsletter-tagline,
  .btn-border {
    font-size: 13px;
  }

  .newsletter-form .new-theme-btn {
    min-width: 100px;
  }

  .newsletter-form .form-control {
    height: 38px;
    font-size: 14px;
    padding-right: 120px;
  }

  .footer-bottom {
    flex-direction: inherit;
    padding-top: 10px;
    align-items: flex-start;
  }

  .card-number .card-icon-outer span {
    margin: 0 !important;
  }

  .live-box-header {
    padding: 7px 10px;
  }

  .live-box-body .btn.new-theme-btn {
    min-width: 86px;
    height: 22px;
    line-height: 21px;
    font-size: 12px;
  }

  .timer-outer {
    font-size: 15px;
    margin: -4px 0 5px;
  }

  .public-private-outer {
    font-size: 12px;
  }

  .text-accordion-header button {
    padding: 10px 15px;
    font-size: 16px;
  }

  .text-accordion-body {
    padding: 15px 15px;
    font-size: 14px;
  }

  .custom-pills.nav-pills .nav-link {
    font-size: 18px;
    padding: 5px 25px 5px 0;
  }

  .accordion-close .accordion-toggle-icon {
    width: 15px;
    height: 15px;
  }

  .accordion-open .accordion-toggle-icon {
    width: 15px;
    height: 2px;
  }

  .static-page-para p {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 14px;
  }

  .static-page-para li,
  .static-page-para li a,
  .privacy-policy .list li,
  .privacy-policy .static-page-para .simple-list li,
  .privacy-policy .list li a {
    font-size: 15px;
  }

  .btn-with-store-icon::before {
    width: 14px;
    height: 14px;
    left: -1px;
    top: -1px;
  }

  .header-right-top .btn-outline-theme.market-link {
    width: auto;
    font-size: 13px;
    padding: 0 9px;
  }

  .custom-toggle-new.nav-tabs .nav-link {
    min-width: 100px;
    font-size: 16px;
  }

  .purchase-package-media {
    flex-direction: column;
    align-items: flex-start;
  }

  .purchase-package-media .media-body {
    width: 100%;
    margin-top: 15px;
  }

  .image-navbar img {
    max-width: 36px;
  }

  .panel-detail-tabs .tab-pane {
    padding-bottom: 50px;
  }

  .payments-billing-outer .billing-outer {
    width: 100%;
  }

  .listing-page-heading .toggle-withslider-outer {
    width: auto;
  }

  .radio-btn {
    padding: 0 10px;
  }

  .bundle-product-list .purchase-package-media {
    flex-direction: row;
  }

  .bundle-product-list .purchase-package-media .media-body {
    width: auto;
    margin-top: 0;
  }

  .slider-product-img-outer {
    height: 90px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 110px;
  }

  .banner-live-sales .new-theme-btn {
    min-width: 100px;
  }

  .panel-detail-tabs.tabs-sm .tab-pane {
    padding-bottom: 0;
  }

  .cancel-img {
    height: 18px !important;
    width: 18px;
    right: 2px;
    top: 2px;
  }

  .cancel-img .close-search {
    width: 12px;
    height: 12px;
    right: 5px;
  }

  .cancel-img .close-search::before,
  .cancel-img .close-search::after {
    left: 7px;
    height: 12px;
  }

  .field-value-new textarea.form-control,
  .field-value-new.form-field-new .react-date-picker {
    padding: 10px 12px;
  }

  .panel-detail-body .field-value-new textarea.form-control {
    height: 100px;
  }

  .custom-file-upload label {
    font-size: 14px;
    letter-spacing: -0.3px;
  }

  .field-value-new .deliverables-outer {
    padding: 15px 12px;
  }

  .btn.add-new-card {
    font-size: 14px;
  }

  .plus-icon-new {
    width: 14px;
    height: 14px;
  }

  .site-logo {
    padding: 12px 0 0 15px;
  }

  .site-logo img {
    max-width: 124px;
  }

  .header-right-top .search-form .form-control {
    font-size: 13px;
  }

  .live-g-chat .col-6:first-child .white-box.white-box-new .tooltip-outer {
    right: -120px;
    width: 230px;
  }

  .live-g-chat .white-box.white-box-new .tooltip-outer {
    bottom: -168px;
  }

  .btn-pink-white,
  .btn-lightblue,
  .card .btn-secondary,
  .card .btn-danger,
  .panel-detail-footer .btn {
    padding: 0 15px;
  }

  .includecompanion-title.tooltip-outer,
  .extraroom-title.tooltip-outer {
    left: -122px;
  }
}

@media all and (max-width: 480px) {
  .profile-desc {
    display: block;
  }

  .white-box-lg .page-views {
    margin-top: 10px;
    text-align: right;
  }

  .advance-search-fields div.react-select__control {
    min-height: 52px;
  }

  .advance-search-fields .react-select__value-container {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .tracking_modal.plain-modal .modal-header .close span {
    height: 22px;
    width: 22px;
  }

  .tracking_modal.order-modal .title-md {
    font-size: 20px;
  }

  .tracking_modal .dolor-price {
    font-size: 17px;
  }

  .custom-col {
    flex: 0 0 50%;
    margin-bottom: 25px;
    max-width: 50%;
  }

  .banner-tagline {
    font-size: 14px;
  }

  .outer-pages-banner {
    min-height: 200px;
  }

  .outer-page-banner .col-4 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .celebrancer-icon,
  .user-icon {
    width: 30px;
    height: 30px;
  }

  .merchant-icon {
    width: 37px;
    height: 30px;
  }

  .custom-radio-outer .custom-toggle span {
    margin-bottom: 10px;
  }

  .custom-radio-outer .custom-toggle {
    height: 110px;
    font-size: 12px;
    padding: 0 10px;
  }

  .form-title {
    font-size: 30px;
    margin-top: 0px;
  }

  .form-title.title-md {
    font-size: 24px;
    margin-top: 20px;
  }

  .token-box {
    max-width: 100%;
    margin-bottom: 20px;
    flex-direction: column;
  }

  .token-box .count-info {
    max-width: 300px;
    margin: 15px auto 20px;
    text-align: center;
  }

  .btn-purple-gradient.token-icon {
    margin: 0;
  }

  .public-store-icon {
    min-width: 152px;
  }

  .card-header a {
    font-size: 18px;
  }

  .card-head-left::after {
    right: -8px;
  }

  .accordion-btn {
    margin-left: 24px;
  }

  .banner-content-outer {
    margin-top: -90px;
  }

  .btn-group.btn-group-toggle.custom-toggle {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .filter-btns.btn-group.btn-group-toggle.custom-toggle {
    display: none;
  }

  .panel-listing .custom-toggle .btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }

  .panel-listing .custom-toggle.btn-group > .btn:first-child {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
  }

  .panel-listing .custom-toggle.btn-group > .btn:last-child {
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
  }

  .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
  }

  .product-promotion-detail .media-body {
    margin-top: 20px;
  }

  .plain-modal .product-promotion-detail .media-body {
    margin-top: 0;
  }

  .product-promotion-img {
    width: 100%;
    height: 220px;
    line-height: 220px;
  }

  /* .product-promotion-detail > .media, .payment-form .product-promotion-detail > .media  {flex-direction: column;} */
  .detail-btns {
    flex-direction: column;
    align-items: start !important;
    width: 100%;
  }

  .product-header .btn-purple-gradient {
    margin: 0 0 6px;
  }

  .bordered-dropdown {
    width: 100%;
  }

  .product-header .dropdown-outline {
    margin: 0;
    width: 100%;
  }

  /* .payment-body .media-img {text-align: center;margin-bottom: 15px;margin-right: 0 !important;} */
  .payment-action-btns .btn-info {
    min-width: 65px;
  }

  .payment-action-btns .btn {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    padding: 0 15px;
  }

  .payment-action-btns .theme-button {
    min-width: 140px;
  }

  .pay-total-price {
    font-size: 25px;
  }

  .payment-footer {
    padding: 25px 20px;
  }

  .checkout-inner {
    padding: 40px 20px 30px;
  }

  .common-tabs.nav-tabs .nav-link {
    width: 100%;
    margin-top: 10px;
  }

  .common-forms label.form-control {
    width: 100%;
  }

  .product-detail-modal .panel-detail-actions .btn {
    width: 100%;
    margin-bottom: 20px;
  }

  .custom-weekcalender .mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w,
  .custom-weekcalender .mbsc-ios.mbsc-fr-center .mbsc-fr-w {
    min-width: 2.5em;
  }

  .custom-weekcalender.mbsc-ios .mbsc-cal-days > div {
    font-size: 0.65em;
  }

  .custom-weekcalender .mbsc-cal-days > div {
    width: 10px;
  }

  .custom-weekcalender.mbsc-ios .mbsc-cal-day-date {
    font-size: 14px;
    font-family: NeusaNextStd-Regular, sans-serif;
  }

  .custom-forms .price-radios .custom-control

  /*, .custom-forms .slot-radios .custom-control*/ {
    width: 100%;
  }

  .price-radios .custom-control-label,
  .slot-radios .custom-control-label {
    min-width: 100%;
    padding: 0 5px;
  }

  .panel-listing .live-one-on-one-filters .dropdown-outline {
    margin: 15px 0 0;
    min-width: 100%;
  }

  .custom-calender .react-calendar__month-view__weekdays__weekday {
    padding: 0.5em 0.2em;
    font-size: 11px;
  }

  .custom-timerange #react-time-range .component,
  .custom-timerange #react-time-range #end-component,
  .custom-timerange #react-time-range #end-component select {
    width: 100%;
  }

  .custom-timerange #react-time-range .component .label {
    padding: 12px 0px 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
  }

  .custom-timerange #react-time-range #end-component.component::after {
    top: 74%;
  }

  .right-filter,
  .chat-details-section .border-bottom {
    display: inline-block !important;
    width: 100%;
  }

  .chat-details-section .btn-purple-gradient {
    margin-top: 15px;
  }

  .right-filter .search-form {
    margin: 0 0 15px;
    max-width: 100%;
  }

  .price-quinty,
  .quienty-btn {
    min-width: auto;
    margin-left: 10px;
  }

  .gray-color,
  .product-title {
    font-size: 14px;
  }

  .quienty-btn .plus-minu-input {
    width: 35px;
  }

  .buy-btns {
    display: flex;
  }

  .buy-btns .btn {
    flex: auto;
    margin-left: 10px;
  }

  .price-quinty,
  .buy-btns .blue-btn {
    margin-left: 0;
  }

  .group-chat-datetime .separator {
    display: block;
    font-size: 0;
  }

  .merchant-img-box {
    max-width: 100%;
  }

  .live-image {
    height: 400px;
  }

  .user-chat-detail {
    max-height: 250px;
    min-height: 250px;
  }

  .plain-modal h2.title-sm {
    font-size: 22px;
  }

  .merchant-title {
    padding-right: 0;
  }

  .cart-page3.payment-body .media-img {
    width: 100%;
  }

  .modal-content {
    padding: 0;
  }

  .plain-modal .form-sections .title-sm {
    font-size: 18px;
  }

  .custom-toggle-new.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -ms-border-radius: 20px 0 0 20px;
    -o-border-radius: 20px 0 0 20px;
  }

  .custom-toggle-new.btn-group > .btn:not(:first-child) {
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    -o-border-radius: 0 20px 20px 0;
  }

  .custom-toggle-new .btn {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.2;
    min-width: 70px;
  }

  .plain-blue-link {
    font-size: 14px;
  }

  .seven-cols .col-xxl-1 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .header-cart-icon {
    width: 13px;
    height: 12px;
    margin-top: 0px;
  }

  .header-right-top .row {
    margin: 0 -5px;
  }

  .btn-col {
    padding: 0 5px;
  }

  .plain-dropdown::after {
    margin: 0 10px;
  }

  .slider-btns {
    margin: 0 0px 0 0;
  }

  .p-30 {
    padding: 0 15px !important;
  }

  .banner-title {
    font-size: 19px;
  }

  .col-xxs-2 {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .radio-btn {
    height: 35px;
    line-height: 35px;
    min-width: auto;
    font-size: 13px;
    padding: 0 8px;
  }

  .min-price {
    font-size: 14px;
    margin-left: 7px;
    padding: 3px 5px 2px;
  }

  .tick-in-circle {
    width: 10px;
    height: 10px;
    margin-top: -3px;
    margin-right: 6px;
  }

  .form-field-new .form-control {
    height: 40px;
    font-size: 13px;
  }

  .form-field-wrapper .custom-control-label {
    padding-left: 33px;
    font-size: 15px;
    line-height: 1.2;
  }

  .form-field-wrapper .custom-control-label::after {
    width: 1.1rem;
    height: 1.1rem;
    left: 0;
    margin-top: 2px;
  }

  .form-field-wrapper .custom-control-label.radius-50::after {
    background: no-repeat 0 0;
    left: 3px;
    top: -1px;
  }

  .field-values-outer.field-values-outer .custom-control-label::after {
    top: -1px;
    margin-top: -1px;
  }

  .shoutout-profile-img {
    float: none;
    display: block;
    margin: 0 auto 12px;
  }

  .shoutout-profile-detail {
    padding-left: 0;
    text-align: center;
  }

  .shoutout-profile-detail .new-theme-btn {
    display: block;
    margin: 0 auto;
  }

  .step-desc,
  .special-note {
    font-size: 14px;
    line-height: 1.4;
  }

  .step::after {
    top: 40px;
  }

  .reviewer-name {
    font-size: 17px;
  }

  .review-date {
    font-size: 12px;
  }

  .section-heading-new span,
  .monthly-subs-text {
    font-size: 13px;
  }

  .section-heading-new span {
    margin-left: 5px;
  }

  .card-number {
    font-size: 14px;
  }

  .card-expires {
    font-size: 13px;
  }

  .card-cvv .form-control {
    height: 35px;
  }

  .card-details {
    margin-left: -2px;
  }

  .promotion-headings .section-heading-left .section-heading-new {
    flex: 0 0 100%;
  }

  .promotion-headings .section-heading-left .rating-outer {
    margin-left: 0px;
    margin-top: -5px;
    margin-bottom: 10px;
  }

  .camera-icon {
    width: 13px;
    height: 11px;
  }

  .btn-wallpaper {
    padding: 0 6px;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    font-size: 0;
  }

  .btn-wallpaper .common-icon {
    margin-right: 1px !important;
    margin-top: -2px;
  }

  .white-btn.btn-profile {
    height: 25px;
    width: 25px;
    line-height: 23px;
  }

  .page-title-new {
    font-size: 26px;
  }

  .modal-action-btns.modal-footer .btn {
    height: 30px;
    min-width: 110px;
    font-size: 14px;
  }

  .card-header a .section-heading-new span {
    display: block;
    margin: 2px 0 0;
  }

  /* .personal-appearance-media {margin-bottom: 25px;flex-direction: column;justify-content: flex-start;align-items: flex-start;} */
  .upload-text {
    font-size: 10px;
    width: calc(100% - 60px - 80px);
  }

  .upload-text span {
    font-size: 15px;
  }

  .register-profile .profile-image {
    width: 60px;
    height: 60px;
    line-height: 56px;
    margin-top: -10px;
  }

  .cutom-blured,
  .blured-height {
    height: 70px;
  }

  .box-padding {
    padding: 15px;
  }

  .bordered-box-title span {
    font-size: 30px;
  }

  .profile-field-label {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .profile-field-value {
    font-size: 16px;
    line-height: 1.2;
  }

  .form-field-wrapper .react-tagsinput-tag {
    padding: 2px 6px;
    font-size: 12px;
  }

  .checkboxes-new {
    margin: 10px 0 0;
  }

  .field-with-bg {
    padding: 0 10px;
  }

  .checkbox-new-label {
    font-size: 14px;
    height: 25px;
    line-height: 26px;
    padding: 0 10px;
  }

  .field-with-bg.income-checkboxes-outer {
    padding-bottom: 10px;
  }

  .range-value {
    font-size: 16px;
    height: 36px;
    line-height: 35px;
    min-width: 84px;
  }

  .side-filter-list li {
    font-size: 16px;
  }

  .side-filter-list .custom-control-label::before,
  .side-filter-list .custom-control-label::after {
    width: 20px;
    height: 20px;
    top: 0.15rem;
  }

  .site-logo img {
    max-width: 132px;
  }

  .site-logo {
    padding: 5px 0 0 6px;
  }

  .card-header-action {
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0);
    margin-top: 4px;
  }

  .package-headings-new {
    width: 100%;
    justify-content: flex-end;
    margin-top: -30px;
  }

  .section-heading-outer .package-headings-new {
    margin-top: 0;
    justify-content: flex-start;
  }

  .new-theme-btn.token-icon::before {
    width: 20px;
    height: 12px;
    margin-right: 5px;
  }

  .new-theme-btn.token-icon {
    text-align: center;
    min-width: 120px;
  }

  .scroll-Top {
    right: 20px;
    bottom: 70px;
  }

  .dash-sections {
    padding-bottom: 20px !important;
  }

  .progress-outer {
    max-width: 300px;
    width: 100%;
    right: 0;
    bottom: 0;
  }

  .group-chat-details {
    width: 100%;
  }

  .group-chat-details .divider {
    margin: 5px 0 20px;
  }

  .live-history {
    flex-direction: column;
    justify-content: flex-start;
  }

  .right-btnn {
    text-align: left;
    margin: 10px 0;
  }

  .faq-title {
    font-size: 25px;
  }

  .static-sections .title-md {
    font-size: 22px;
  }

  .new-custom-toggle {
    padding: 8px 6px;
  }

  .new-custom-toggle,
  .upload-text span {
    font-size: 14px;
  }

  .box-heading {
    font-size: 22px;
  }

  .login-btn.theme-button {
    height: 30px;
  }

  .timer-outer {
    font-size: 12px;
    margin: -9px 0 2px;
    line-height: 1;
  }

  .live-box-body .btn.new-theme-btn {
    min-width: 57px;
    height: 18px;
    line-height: 18px;
    font-size: 9px;
  }

  .right-field .tooltip-outer,
  .left-field .tooltip-outer {
    top: 77px;
  }

  .gallery-outer .title-sm {
    font-size: 20px;
  }

  .custom-pagination-new .page-item.prev-item .page-link,
  .custom-pagination-new .page-item.next-item .page-link {
    width: 35px;
    padding: 0 12px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
    min-width: 35px;
    font-family: NeusaNextStd-Medium, sans-serif;
    text-indent: -9999px;
  }

  .custom-pagination-new .page-item.prev-item .page-link::before,
  .custom-pagination-new .page-item.next-item .page-link::after {
    position: absolute;
    left: 10px;
    top: 11px;
    margin: 0;
  }

  .custom-pagination-new .page-item {
    margin: 0 4px 3px;
  }

  .custom-accordion .card-body-new {
    padding: 0 15px 5px;
  }

  .navbar-expand-xl .navbar-toggler {
    padding-left: 5px;
  }

  .custom-radio-new input:checked ~ .new-custom-toggle {
    padding: 16px 5px;
  }

  .shoutout-profile-detail .new-theme-btn,
  .review-form .new-theme-btn {
    height: 28px;
    line-height: 27px;
    font-size: 14px;
    margin: 0;
    min-width: 110px;
  }

  .mobile-tooltip {
    max-width: 260px;
  }

  .all-search-form input.form-control {
    padding-right: 14px;
  }

  .search-form .form-control {
    padding-left: 32px;
    font-size: 14px;
  }

  .single-card-outer .profile-pic-outer {
    width: 90px;
    height: 90px;
    line-height: 82px;
  }

  .purchase-token.product-detail-modal .panel-detail-actions {
    padding: 0px 10px;
  }

  .plain-modal.purchase-token .modal-body {
    min-height: auto;
    padding-bottom: 20px !important;
  }

  .purchase-token.product-detail-modal .panel-detail-actions .btn {
    width: auto;
    height: 30px;
    min-width: 90px;
    padding: 0 12px;
    line-height: 30px;
    font-size: 15px;
  }

  .package-detail-outer .buy-btns {
    display: block;
  }

  .plain-dropdown,
  .header-right .plain-blue-link {
    display: none;
  }

  .navbar .navbar-toggler .icon-bar {
    width: 21px;
    height: 2px;
  }

  .header-dropdown {
    margin-right: 10px;
  }

  .header-right .navbar-collapse,
  .header-navbar .navbar-collapse {
    padding: 0 0 30px;
    overflow-y: auto;
    height: 100%;
  }

  .mobile-signup {
    display: block;
    background: #1977f3;
    color: #fff;
    text-align: left;
    padding: 10px;
  }

  .mobile-signup .plain-dropdown,
  .header-right .mobile-signup .plain-blue-link {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-size: 15px;
  }

  .mobile-signup .plain-dropdown::after {
    margin: 0px;
    background: #7daff0;
  }

  .mobile-links.navbar-nav {
    display: block;
    background: #f3f3f3;
  }

  .mobile-username {
    font-size: 18px;
    font-family: Avenir-Black, sans-serif;
  }

  .site-header .navbar-light .mobile-links .nav-link {
    text-transform: none;
    font-size: 18px;
  }

  .package-creation-btns .btn {
    width: 100% !important;
  }

  .custom-accordion .panel-detail-tabs .card {
    margin: 0 -15px 0 -15px;
  }

  .custom-accordion .panel-detail-tabs .card-header-analytics {
    padding: 16px 45px 16px 15px;
  }

  .custom-accordion .panel-detail-tabs .card-body {
    padding: 25px 15px 20px;
  }

  .header-right-top .btn-outline-theme.market-link {
    font-size: 12px;
  }

  .custom-toggle-new.nav-tabs .nav-link {
    min-width: 80px;
    font-size: 14px;
    padding: 0 10px;
  }

  .side-filter-list
    .round-checkboxes
    .custom-control-input:checked
    ~ .custom-control-label::after {
    width: 10px;
    height: 10px;
    top: 7px;
  }

  .side-filter-list .custom-control-label {
    line-height: 1.6;
  }

  .side-filter-list
    li:first-child
    .round-checkboxes
    .custom-control-input:checked
    ~ .custom-control-label::after {
    top: 7px;
  }

  .panel-detail-tabs .panel-filter-list {
    margin: 0 -15px 0 -15px;
  }

  .panel-detail-tabs .card-header .personal-appearance-media {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .appearance-profile-img-new {
    align-self: flex-start !important;
    width: 86px;
    height: 86px;
    line-height: 86px;
    margin-right: 16px;
  }

  .right-desc-mobile .appearance-profile-img-new {
    margin-right: 5px;
    margin-bottom: 5px;
  }

  .personal-appearance-media .title-lg {
    font-size: 17px;
  }

  .image-navbar {
    margin-right: 25px;
  }

  .plain-link.theme-color.font-sm {
    font-size: 14px;
  }

  /* .right-side-header .d-flex {flex-direction: column;width: 100% !important;}
	.right-side-header .d-flex .advance-search, .right-side-header .d-flex .new-theme-btn {margin-top: 15px;margin-right: 0 !important;margin-left: 0 !important; max-width: 100%;} */
  .right-side-header .all-search-form {
    margin-right: 0;
    margin-bottom: 0;
  }

  .advance-search-fields.search-select.mb-0 {
    padding: 0 2px;
  }

  .panel-detail-footer {
    padding: 25px 12px 6px;
    margin: 0 -15px 0 -15px;
  }

  .payments-card-outer .custom-control-label {
    padding: 12px 16px;
  }

  .package-right-header {
    display: block;
  }

  .list-open .uploaded-files .col-sm-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .custom-calender.react-calendar button {
    font-size: 13px;
    padding: 10px 5px;
  }

  .custom_color abbr {
    width: 25px;
    height: 25px;
    line-height: 24px;
    font-size: 12px;
  }

  .custom-tables-new {
    font-size: 15px;
  }

  .search-btn {
    width: 14px;
    height: 14px;
  }

  .settings-card-details .plain-blue-link,
  .settings-card-details .primary-card {
    margin: 10px 0 0;
  }

  .settings-set-primary-btn .loader-outer {
    right: auto;
    left: 0;
    top: 10px;
  }

  .edit-price-popup .modal-content {
    padding: 0 10px !important;
  }

  .box-body {
    padding: 20px 15px;
  }

  .form-field-wrapper .custom-control-label::before {
    width: 18px;
    height: 18px;
    top: -1px;
    transform: translateY(0);
  }

  .shoutout-main-img {
    margin: 0 auto 30px;
  }

  .listing-page-heading {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .scroll-outer {
    height: 330px;
  }

  .token-yellow {
    width: 32px;
    height: 20px;
  }

  .slider-product-img-outer {
    height: 110px;
  }

  .live-sales-scroll .personal-appearance-media {
    flex-direction: row;
    align-items: center;
  }

  .live-sales-scroll .personal-appearance-media span {
    margin-right: 15px;
    margin-bottom: 0;
    width: 60px;
    height: 60px;
    min-width: 60px;
  }

  .uv-banner-text .white-box {
    margin: 30px 0 0;
  }

  .live-g-chat .col-6:first-child .white-box.white-box-new .tooltip-outer {
    right: -120px;
    width: 230px;
  }

  .terms-modal .modal-tab-header.modal-header {
    margin: 0;
  }

  .terms-modal .terms-modal-title {
    padding: 0 10px 0 0px;
    font-size: 16px;
  }

  .borderless-select {
    font-size: 16px;
  }

  .live-chat-main-img {
    margin: 0 0 30px;
  }

  .livechat-profile-detail {
    text-align: left;
  }

  .location-grey {
    height: 19px;
  }

  .icon-btn.cancel-product {
    position: absolute;
    top: 20px;
    right: 20px;
  }

  .payment-form .product-promotion-detail {
    position: relative;
  }

  .video-controls-new {
    padding: 16px 10px 10px;
  }

  .search-filters-head.right-side-header .search-form {
    width: 100%;
  }

  .search-filters-head.right-side-header .advance-search {
    margin-left: 10px;
  }

  .modal-md-new .modal-header {
    padding: 15px 30px 10px 30px;
  }

  .panel-listing-header .filter-btn-item,
  .panel-listing-header .filter-btn-item.active {
    font-size: 14px;
    padding: 0 8px;
  }

  .token-details-note small {
    font-size: 12px;
  }

  .top-element-with-tooltip__type-3 .tooltip-outer {
    left: -182px;
  }

  .header-right-top .btn-col {
    padding: 0;
  }

  .site-header {
    padding: 10px 0 0px;
  }

  .celebencer-header {
    padding-top: 0;
  }

  .header-right {
    padding-top: 0;
    position: static;
  }

  .card-head-left {
    padding-right: 0;
  }

  .theme-btn-outline,
  .card-header a.theme-btn-outline {
    font-size: 15px;
    height: 37px;
    line-height: 33px;
  }

  .common-spacing {
    padding: 10px 0;
  }

  .wrapper-md-new,
  .wrapper-lg {
    padding: 0 15px;
  }

  .copy-icon,
  a.copy-icon {
    width: 15px;
    height: 18px;
    margin: 0px 10px 0px;
  }

  .right-side-header .select-otr.d-flex {
    display: flex;
    flex-direction: inherit;
  }

  .right-side-header .select-otr.d-flex button {
    margin-left: 10px !important;
  }

  .uv-page-header .search-form.all-search-form {
    margin-bottom: 10px;
  }

  .card-img,
  .marketplace-card .card-img,
  .marketplace-card.market-card-sm .card-img {
    height: 220px;
  }

  .profile-buttons .shopify-select,
  .profile-buttons .shopify-btn {
    left: 7px;
  }

  .btn-width {
    min-width: 110px;
  }

  .social-media-box {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .social-media-box:nth-child(2n) {
    border-left: 1px solid #30353c !important;
  }

  .notification-footer .plain-blue-link {
    font-size: 14px;
  }

  /* .pagination li a {height: 25px;	width: 25px; line-height: 25px;	font-size: 11px;} */
  .public-store-uv {
    width: 44%;
  }

  .card-header-action.public-store-uv {
    width: 138px;
  }

  .custom-accordion .header-chatbox {
    padding-left: 48px;
  }

  .back-btn-rounded {
    left: 10px;
  }

  .bordered-box-tile.box-with-token {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bordered-box-tile.box-with-token .btn {
    width: 100%;
  }

  .redbtn {
    margin-left: 10px;
  }

  .medium-modal .close {
    margin-right: 0px;
  }

  .chatbox-modal .modal-content .header-chatbox {
    padding-left: 88px;
  }

  .google-button-wrapper .nsm7Bb-HzV7m-LgbsSe,
  .react-apple-signin-auth-btn-dark,
  .google-login-btn {
    font-size: 18px !important;
  }

  .custom-width .video-image.common-card {
    max-width: 370px;
  }

  .uv-banner-text .white-box {
    margin: 0 0 15px;
  }

  .search-help-outer {
    padding: 10px 10px 0;
  }

  .areaConc-search-item {
    padding: 10px 7px 8px;
    font-size: 13px;
  }

  .areaConc-img-outer img {
    max-width: 25px;
    height: 25px;
  }
}

@media all and (max-width: 440px) {
  .purchase-package-new .d-table-cell {
    width: 100%;
    display: block !important;
  }

  .purchase-package-new .package-detail-value {
    padding-left: 0;
  }

  .purchase-package-new .d-table-row {
    display: block !important;
    margin-bottom: 8px;
  }

  .button-radio {
    margin-bottom: 10px;
  }

  .button-radio:last-child {
    margin-bottom: 0;
  }

  .button-radios-outer {
    align-items: flex-start;
  }

  .header-dropdown {
    margin-left: 7px;
  }

  .navbar-expand-xl .navbar-toggler {
    padding-left: 0px;
  }

  .merchant-profile-tab .panel-filter-list .nav-item {
    width: 33%;
  }

  .merchant-profile-tab .filter-btn-item {
    font-size: 16px;
    white-space: break-spaces;
    text-align: center;
    padding: 0;
    min-width: auto;
  }

  .merchant-profile-tab .panel-detail-tabs .panel-filter-list {
    padding: 12px 20px 0;
  }

  .merchant-profile-outer .media {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start;
  }

  .merchant-profile-outer .merchant-profile-img {
    align-self: flex-start !important;
    margin-bottom: 15px;
    margin-right: 0px;
  }

  .header-right-top .btn-outline-theme.market-link {
    margin-left: 0px;
  }

  .col-xxs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-xxs-12:last-child {
    margin-top: 22px !important;
  }

  .field-label-new {
    margin-bottom: 5px;
  }

  .live-sales-scroll .personal-appearance-media {
    margin-bottom: 20px;
  }

  .marketplace-card .card-img,
  .marketplace-card.market-card-sm .card-img {
    height: 220px;
  }

  .modal-tab-header {
    margin: 0 0px;
  }

  .text-lg {
    font-size: 18px;
  }

  .text-lg .status-accepted {
    font-size: 15px;
  }

  .live-sales-card .card-img {
    height: 220px;
  }

  .package-img {
    height: 165px;
  }

  .custom-width .video-image.common-card {
    max-width: 320px;
  }

  .compllete-profile .card-img {
    height: 150px;
  }
}

@media all and (max-width: 400px) {
  .title-sm {
    font-size: 15px;
  }

  .social-info-list li {
    font-size: 14px;
  }

  .social-info-list li span {
    width: 20px;
    height: 20px;
  }

  .merchant-img-wrap .img-fluid {
    max-width: 160px;
  }

  .merchant-img-box .btn-grey {
    font-size: 12px;
    height: 23px;
    top: 9px;
    right: 8px;
    padding: 5px 10px 5px;
  }

  .btn-purple-gradient,
  .card-header .btn-purple-gradient,
  .selected-row-details .btn-purple-gradient,
  .product-header .btn-purple-gradient {
    min-width: 90px;
    /*font-size: 12px;line-height: 26px;height: 25px;*/
  }

  .token-icon {
    text-align: center;
  }

  .token-icon::before {
    display: none;
  }

  .btn-pink-gradient {
    height: 25px;
    font-size: 11px;
    padding: 0 10px;
    line-height: 25px;
  }

  .accordion-details {
    font-size: 11px;
    letter-spacing: 0;
  }

  .arrow-icon {
    width: 12px;
    height: 12px;
    border-left: 2px solid #757c81;
    border-bottom: 2px solid #757c81;
  }

  .title-md {
    font-size: 20px;
  }

  .btn-pink-white,
  .btn-lightblue,
  .card .btn-secondary,
  .card .btn-danger {
    min-width: 90px;
    padding: 0 15px;
  }

  .theme-button {
    height: 25px;
    min-width: 100px;
    line-height: 22px;
    font-size: 12px;
  }

  .monthly-subscription-text {
    font-size: 20px;
  }

  .uv-data .top-titles + div {
    flex-wrap: wrap;
  }

  .uv-data .thumbnail-images,
  .uv-data .big-size {
    width: 100%;
  }

  .uv-data .product-promotion-detail .media-body {
    margin-top: 0;
  }

  .uv-data .track-day-list li .black-circle {
    height: 30px;
    width: 30px;
    font-size: 15px;
  }

  .uv-data .left-order .dolor-price,
  .tracking_modal .dolor-price {
    font-size: 18px;
  }

  .uv-data .product-promotions-outer,
  .uv-data .add-product-outer {
    margin: 0 !important;
  }

  .uv-data .right-order .view-detail-btn {
    min-width: 90px;
    padding: 0 8px;
    margin-top: 10px;
    font-size: 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    height: 25px;
    line-height: 23px;
  }

  .card .add-slot-actions .btn {
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    min-width: 100px;
    font-size: 14px;
  }

  .custom-timerange #react-time-range .component .label {
    padding: 6px 0px 4px;
  }

  .panel-listing .search-form .form-control {
    height: 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .filter-select {
    max-width: 100%;
    height: 40px;
    font-size: 16px;
    width: 100%;
    margin: 0;
  }

  .btn-purple-gradient .add-symbol {
    font-size: 19px;
    line-height: 1.4;
  }

  /* .right-desc-mobile .btn {height: 25px;font-size: 12px;line-height: 25px;} */
  .right-desc-mobile .view-detail-btn {
    line-height: 23px;
  }

  .product-promotion-action-btns .btn {
    min-width: 75px;
  }

  .product-detail-modal .product-hashtags,
  .personal-appearance-detail {
    font-size: 14px;
  }

  .product-hd {
    font-size: 20px;
  }

  .personal-appearance-media .title-lg {
    font-size: 18px;
  }

  .personal-appearance-detail .appearance-section ul li,
  .appearance-section ul li {
    font-size: 14px;
    margin-bottom: 2px;
  }

  .product-name-col {
    width: 120px;
  }

  .product-promotion-img {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .heading-md {
    font-size: 22px;
  }

  .track-body,
  .track-data {
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .plain-modal h2.title-sm,
  .plain-modal .title-sm {
    font-size: 20px;
  }

  .default-img-outer {
    height: 170px;
    width: 150px;
    line-height: 170px;
  }

  .action-btn-col-lg .btn {
    height: 24px;
    font-size: 12px;
    line-height: 23px;
    padding: 0 10px;
  }

  .uv-data .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .uv-data .product-promotion-detail {
    padding: 10px;
  }

  .uv-data .product-hd {
    font-size: 18px;
  }

  .uv-data .report-btn {
    font-size: 13px;
  }

  .price-text,
  .uv-data .qyt-number.product-hd {
    font-size: 16px;
  }

  .live-stream-row .custom-col {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .group-chat-details .panel-details {
    display: inline-block !important;
    width: 100%;
    height: auto;
  }

  .group-chat-details .heading br {
    display: none;
  }

  .panel-details .white-box {
    margin-bottom: 10px;
  }

  .live-image {
    height: 400px;
  }

  .price-radios .custom-control-label span {
    font-size: 20px;
    margin-left: 5px;
  }

  .w-100-xs {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .navbar-light .navbar-toggler {
    margin: 0;
  }

  .navbar.navbar-light.bg-light {
    padding: 6px 0 7px;
  }

  .site-logo img {
    max-width: 120px;
  }

  .dash-header {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .heading .light-text {
    margin-bottom: 20px;
  }

  .custom-accordion.accordion .card-header {
    padding: 12px 15px;
  }

  .title-md,
  .uv-data .price-text .dolor-price,
  .product-hd {
    font-size: 18px;
  }

  .card-cvv .form-control {
    height: 30px;
    width: 50px;
    padding: 0 5px;
    text-align: center;
    font-size: 14px;
  }

  .card-number span {
    margin-left: 1px !important;
  }

  .inner-inputs {
    height: 40px;
    font-size: 14px;
  }

  .fields-on-left .inner-inputs {
    width: calc(100% - 32px);
    margin-left: 9px !important;
  }

  .form-sections .title-sm,
  .common-link {
    font-size: 16px;
  }

  .custom-forms
    .form-label-group
    .form-control:not(:placeholder-shown)
    ~ .label,
  .form-label-group .form-control:focus ~ .label {
    font-size: 10px;
    top: -3px;
  }

  .custom-forms .custom-control {
    font-size: 15px;
  }

  .new-link,
  .common-link {
    font-size: 14px;
  }

  .banner-title {
    font-size: 17px;
  }

  .new-theme-btn,
  .btn-secondary {
    font-size: 12px;
  }

  .details-outer .new-theme-btn {
    height: 30px;
    line-height: 30px;
  }

  .page-banners .btn-wallpaper {
    bottom: 15px;
    right: 12px;
  }

  .white-btn.btn-profile {
    height: 21px;
    width: 21px;
    line-height: 18px;
  }

  .profile-pic-outer .btn-profile {
    top: 5px;
    right: 5px;
  }

  .filters-outer {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .filters-outer-main {
    height: calc(100% - 115px);
  }

  .filter-actions {
    padding: 15px;
  }

  .action-col-new .round-btn {
    height: 27px;
    line-height: 27px;
    min-width: auto;
    padding: 0;
  }

  .panel-detail-header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 25px;
  }

  .panel-detail-header .btn.new-theme-btn {
    margin-bottom: 12px;
  }

  .panel-detail-header .blue-border-btn {
    margin-top: 10px;
  }

  .site-logo {
    padding: 5px 0 0 8px;
  }

  .plain-blue-link {
    font-size: 13px;
  }

  .new-theme-btn.token-icon {
    min-width: 100px;
    margin-top: 12px;
    margin-left: 0;
  }

  .bordered-box-title span {
    font-size: 25px;
  }

  .send-message-outer {
    padding: 10px 120px 10px 20px;
  }

  .footer-signup-section {
    flex-direction: column;
    width: 100%;
  }

  .footer-signup {
    margin: 0 0 20px !important;
  }

  .footer-top {
    padding: 20px 0 10px;
  }

  .newsletter-form .new-theme-btn {
    min-width: 80px;
  }

  .newsletter-form .form-control {
    height: 34px;
    font-size: 14px;
    padding-right: 100px;
  }

  .upload-modal .title-md {
    font-size: 18px;
  }

  .file-details,
  .field-label,
  .panel-detail-body .advance-search-fields .field-label {
    font-size: 16px;
  }

  .coins-icon {
    width: 18px;
    height: 16px;
  }

  .tips-title .close {
    font-size: 30px;
  }

  .tips-outer {
    top: 17px;
    right: 15px;
    max-width: 215px;
  }

  .send-tips-popup .brn-purple {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
  }

  .send-tips-btn {
    min-width: 115px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    padding: 0 18px;
  }

  .redbtn {
    min-height: 30px;
    font-size: 14px;
    min-width: 140px;
  }

  .progressbar.payment-page-progress li::after {
    left: -28px;
  }

  .new-custom-toggle {
    font-size: 13px;
  }

  .cutom-blured,
  .blured-height {
    height: 80px;
  }

  .upload-text span {
    font-size: 13px;
  }

  .register-profile .profile-image {
    width: 50px;
    height: 50px;
    line-height: 46px;
    margin-top: -30px;
  }

  .upload-text {
    padding: 7px 10px 0;
  }

  .form-btn .btn.theme-button {
    font-size: 14px;
  }

  .livebox-radio .custom-control-label::after {
    height: 6px;
    width: 6px;
    top: 3px;
    left: -17px;
  }

  .livebox-radio .custom-control-label::before {
    width: 12px;
    height: 12px;
    left: -20px;
    top: 0;
  }

  .livebox-radio {
    line-height: 1;
    margin: 0;
  }

  .live-box-header,
  .live-box-header span {
    font-size: 12px;
  }

  .live-box-header span {
    margin: -8px 0 0;
  }

  .live-box-outer {
    width: 110px;
  }

  .thankyou-msg {
    font-size: 16px;
  }

  .pro-promotion-title {
    display: flex;
    align-items: flex-start;
  }

  .pro-promotion-title .back-btn {
    margin-top: 2px;
    margin-right: 10px !important;
  }

  .pro-promotion-title span {
    margin-top: 4px;
  }

  .action-col-new .btn,
  .card .action-col-new .btn-secondary {
    height: 25px;
    font-size: 13px;
    line-height: 24px;
  }

  .filters-outer .search-form .form-control {
    padding-left: 27px;
  }

  .header-right-top .search-form .search-icon {
    width: 12px;
    height: 12px;
    left: 8px;
  }

  .mobile-tooltip {
    max-width: 230px;
  }

  .merchant-profile-tabs .profile-buttons .btn {
    margin: 0;
  }

  .single-card-outer .card-footer .btn {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    min-width: 90px;
  }

  .row.token-list [class*="col-"] {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .custom-toggle-new.nav-tabs .nav-link {
    min-width: 60px;
    font-size: 13px;
    padding: 0 6px;
    height: 35px;
    line-height: 35px;
  }

  .slider-value-left,
  .slider-value-right {
    font-size: 12px;
  }

  .details-outer {
    font-size: 15px;
  }

  .font-sm {
    font-size: 16px;
  }

  .btn-with-right-icon .btn-right-icon {
    height: 24px;
    width: 25px;
    line-height: 34px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
  }

  .white-btn-pill {
    padding: 8px 15px 5px;
    font-size: 14px;
  }

  .payments-billing-outer .billing-outer .plain-blue-link {
    font-size: 13px;
  }

  .pricelist-mobile .white-box {
    padding: 12px 10px;
  }

  .info-icon-grey {
    width: 15px;
    height: 15px;
    background-size: cover;
  }

  .details-outer .btn-with-right-icon {
    height: 25px;
    line-height: 23px;
    font-size: 14px;
  }

  .header-right-top .btn-outline-theme.market-link {
    font-size: 11px;
    padding: 0 6px;
  }

  .scroll-outer {
    height: 320px;
  }

  .notification-title {
    font-size: 20px;
  }

  .notification-detail .notification-header .plain-blue-link {
    font-size: 15px;
  }

  .bundle-product-list .package-price-outer.d-flex {
    flex-direction: column;
    margin-bottom: 0;
  }

  .slider-product-img-outer {
    height: 90px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 90px;
  }

  .notification-outer {
    top: 60px;
  }

  .modal-title-navs {
    flex-direction: column;
    align-items: flex-start;
  }

  .modal-title-navs .nav-item {
    margin-bottom: 15px;
    position: relative;
  }

  .modal-title-navs .nav-item:last-child {
    margin: 0;
  }

  .modal-title-navs .filter-btn-item {
    text-align: left;
  }

  .top-element-with-tooltip .tooltip-outer {
    top: 16px;
    bottom: auto;
  }

  .live-g-chat .white-box.white-box-new .tooltip-outer {
    right: -10px;
  }

  .live-sales-box .form-control {
    height: 28px;
    line-height: 28px;
  }

  .btn-with-right-icon .tooltip-outer {
    max-width: 220px;
  }

  .direct-send-msg {
    padding: 10px 10px;
  }

  .direct-send-msg .chat-actions a {
    margin-right: 10px;
  }

  .group-chat button {
    height: 30px;
    line-height: 25px;
  }

  .live-soon-detail .new-theme-btn,
  .live-soon-detail .btn-secondary {
    height: 35px;
    line-height: 35px;
  }

  .btn-purple-gradient.public-store-icon {
    min-width: 127px;
  }

  .btn-with-right-icon .delivery-address .tooltip-outer {
    left: -130px;
  }

  .panel-details-bg .panel-detail-header {
    padding: 0 15px;
    margin-bottom: 5px;
    flex-direction: row;
  }

  .price-tooltip .tooltip-outer {
    margin-bottom: -30px;
  }

  .custom-width .video-image.common-card {
    max-width: 300px;
  }
}

@media all and (max-width: 370px) {
  .custom-width .video-image.common-card {
    max-width: 280px;
  }

  .plain-dropdown::after {
    margin: 0 8px;
  }

  .new-custom-toggle {
    padding: 6px 4px;
    font-size: 12px;
  }

  .custom-radio-new input:checked ~ .new-custom-toggle {
    padding: 12px 3px;
  }

  .new-custom-toggle span {
    margin-bottom: 3px;
  }

  .custom-tables-new .table td,
  .custom-tables-new .table th {
    padding: 0.35rem 15px;
  }

  .profile-tab-nav.merchant-profile-tabs {
    flex-direction: column-reverse;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .payments-billing-outer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .payments-billing-outer .billing-outer {
    padding: 0 0 6px;
    width: 100%;
  }

  .card-actions {
    text-align: left;
    width: 100%;
  }

  .payments-billing-outer .plain-blue-link {
    margin-bottom: 6px !important;
  }

  .primary-btn-absolute {
    right: 10px;
  }

  .primary-card {
    margin-top: 8px;
    font-size: 13px;
    padding: 4px 5px;
  }

  .bg-grey .panel-detail-body {
    padding-right: 15px;
    padding-left: 15px;
  }

  .pricelist-col {
    padding: 0 5px;
  }

  .pricelist-row {
    margin: 0 -5px;
  }

  .right-side-header .new-theme-btn {
    font-size: 13px;
    line-height: 40px;
  }

  .user-chat-detail .shopify-media .new-theme-btn.btn-sm {
    padding: 0 8px;
    height: 22px;
    line-height: 23px;
    font-size: 11px;
  }

  .live-sales-card .card-img {
    height: 190px;
  }

  .search-form .form-control {
    padding-left: 35px;
    padding-right: 10px;
    font-size: 13px;
  }

  .header-right-top .search-col {
    padding: 0 10px;
  }

  .page-with-filters .search-form .form-control {
    padding-left: 33px;
  }

  .card-img,
  .marketplace-card .card-img,
  .marketplace-card.market-card-sm .card-img {
    height: 190px;
  }

  .custom-tabs-new .nav-tabs .nav-link {
    font-size: 13px;
  }
}

@media all and (max-width: 360px) {
  .custom-width .video-image.common-card {
    max-width: 250px;
  }

  .header-right .plain-blue-link {
    font-size: 12px;
  }

  .navbar-toggler .icon-bar {
    top: 2px;
  }

  .navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
  }

  .upload-modal .title-md {
    font-size: 16px;
  }

  .file-details {
    font-size: 15px;
  }

  .settings-action-div .btn {
    min-width: auto;
    padding: 0 15px;
  }

  .save-card-title {
    flex-direction: column-reverse;
    align-items: flex-start !important;
  }

  .save-card-title .plain-blue-link {
    margin-bottom: 10px;
  }

  .register-profile {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .upload-text {
    font-size: 12px;
    width: 100%;
    padding: 0;
  }

  .register-profile .custom-profile-upload {
    margin: 8px 0 0;
  }

  .register-profile .profile-image {
    margin-top: -20px;
  }

  .cutom-blured,
  .blured-height {
    height: 160px;
  }

  .live-box-body .btn.new-theme-btn {
    display: none;
  }

  .gallery-header {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .gallery-outer .file-upload-section {
    padding-top: 5px;
  }

  .faq-title {
    font-size: 22px;
  }

  .slider-value-left,
  .slider-value-right {
    font-size: 10px;
  }

  .details-outer {
    font-size: 14px;
  }

  .plain-link.theme-color.font-sm {
    font-size: 13px;
  }

  .bordered-box-tile .font-sm {
    font-size: 14px;
  }

  .save-card-title .analytics-info-text {
    right: auto;
    left: -19px;
    width: 310px;
    font-size: 14px;
  }

  .save-card-title .triangle-with-shadow {
    right: auto;
    left: 30px;
  }

  .send-tips-popup {
    padding: 10px 10px 15px;
  }

  .send-tips-new .send-tips-popup {
    width: 110%;
  }

  .send-tips-popup .card-body {
    padding: 10px 5px 15px;
  }

  .send-tips-popup .card-header {
    padding: 10px;
  }

  .notification-time {
    font-size: 13px;
    line-height: 1.5;
  }

  .site-logo img {
    max-width: 100px;
  }

  .card-header-action.public-store-uv {
    width: 125px;
    font-size: 13px;
  }

  .visa-icon {
    width: 22px;
    height: 7px;
  }

  .mastercard-icon {
    width: 20px;
    height: 16px;
  }

  .card-expires {
    font-size: 12px;
  }

  .compllete-profile .card-img {
    height: 120px;
  }
}

@media all and (max-width: 350px) {
  .card-icon-outer {
    width: 32px;
    height: 20px;
    line-height: 20px;
  }

  .settings-page-cards .card-number {
    font-size: 15px;
  }

  .bank-name {
    font-size: 13px;
  }

  .new-custom-toggle {
    font-size: 11px;
  }

  .live-box-outer {
    width: 100px;
  }

  .header-right-top .btn-outline-theme.market-link {
    font-size: 11px;
    padding: 0 6px;
  }

  .heading-sm {
    font-size: 13px;
  }

  .slider-product-img-outer {
    height: 70px;
  }

  .single-slick-slider .slider-product-img-outer {
    height: 80px;
  }

  .notification-outer {
    top: 44px;
  }

  .text-lg {
    font-size: 16px;
  }

  .text-lg .status-accepted {
    font-size: 12px;
  }

  .package-action-footer .col .btn {
    font-size: 12px;
  }

  .custom-width .video-image.common-card {
    max-width: 240px;
  }
}

@media all and (max-width: 328px) {
  /* .triangle-with-shadow {right: 160px;}
	.analytics-info-text {right: -30px;width: 220px;top: -60px;} */
  .new-theme-btn {
    font-size: 13px;
  }

  .col-xxs-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .back-btn {
    width: 16px;
    height: 13px;
    margin-right: 5px !important;
    margin-top: -3px;
  }

  .reviewer-name {
    font-size: 15px;
  }

  .header-cart-icon {
    width: 12px;
    height: 12px;
  }

  .package-headings-new {
    margin-top: -10px;
  }

  .custom-toggle-new.nav-tabs .nav-link {
    font-size: 12px;
  }

  .header-right-top .btn-outline-theme {
    height: 26px;
    line-height: 23px;
  }
}

@media all and (max-width: 320px) {
  .new-custom-toggle {
    font-size: 10px;
  }
}

@media (min-width: 1200px) {
  .custom-model .modal-dialog {
    max-width: 750px !important;
  }

  .custom-model .modal-body {
    padding-top: 10px;
  }

  .custom-model .modal-title {
    padding-top: 0;
  }

  .custom-model .modal-dialog .modal-content {
    padding: 20px;
    border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
  }

  .appearance-section--modifier ul li ul li ul li {
    list-style-type: none !important;
    position: relative;
    padding-left: 7px;
  }

  .appearance-section--modifier ul li ul li ul li::after {
    content: "";
    position: absolute;
    left: 0;
    width: 3px;
    height: 3px;
    top: 10px;
    background-color: #40525e;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  .appearance-section--modifier p {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .enable-scroll {
    height: auto !important;
  }

  .appearance-section > ul ul {
    padding-left: 10px;
  }

  .custom-model .modal-body {
    padding-top: 0px;
  }
}

.primary-color {
  color: #1877f2;
}

.fullscreen {
  padding-top: 0;
  padding-bottom: 0;
}

/**css--written-by-vivek**/
.color-picker-container {
  position: absolute;
  top: 25%;
  right: 0;
  z-index: 1000;
  background: white;
  padding: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}

.color-picker-container #rbgcp-wrapper {
  margin-top: -25px;
}

.close-gradient-picker {
  position: relative;
  right: -290px;
  display: flex;
  top: -25px;
  background: #fff;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  justify-content: center;
  float: right;
  z-index: 1;
}

.close-gradient-picker img {
  width: 15px;
}

.panel-detail-tabs .send-message-outer,
.panel-detail-tabs .message-by-self .message-text {
  background: #303133;
}

@media (min-width: 993px) {
  .overwrite-scroll .no-message-window {
    margin-bottom: 0;
    min-height: 370px;
  }

  .adjust-chat-footer .message-window {
    max-height: none;
    height: 379px;
  }

  #productPromotion .enable-scroll.adjust-chat-footer {
    overflow: visible;
  }

  .adjust-chat-footer .no-message-window {
    min-height: 325px;
  }

  .overwrite-scroll .chatbox-footer {
    position: sticky;
    bottom: 0;
  }

  .adjust-chat-footer + .panel-detail-footer,
  .adjust-chat-footer + .detail-section-padding,
  .adjust-chat-footer + .detail-section-padding + .panel-detail-footer {
    display: none;
  }

  #productPromotion .overwrite-scroll.bg-grey .panel-detail-body {
    max-height: none;
  }

  #liveGroupChat .panel-detail-footer,
  #productPromotion .panel-detail-footer,
  #liveOneOnOne .panel-detail-footer,
  #premiumContent .panel-detail-footer,
  #gallery .panel-detail-footer {
    position: sticky;
    bottom: 0;
    z-index: 1;
  }

  #productPromotion .enable-scroll {
    max-height: 850px;
  }

  #liveOneOnOne .add-slots {
    position: sticky;
    bottom: 0;
    background: #111214;
    z-index: 1;
  }

  .overwrite-scroll.bg-grey .panel-detail-body {
    overflow: visible;
  }

  .enable-scroll {
    max-height: 518px;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-color: #3e4147 transparent;
    scrollbar-width: thin;
    margin: 0 -20px;
    padding: 0 13px 0 20px;
  }

  .overwrite-scroll.bg-grey .panel-details {
    padding-bottom: 0;
  }

  .sticky-btn-footer {
    position: sticky;
    bottom: 0;
    z-index: 1;
  }

  .panel-detail-footer {
    background: #111214;
    padding-bottom: 25px;
  }

  .max-height {
    max-height: 650px;
  }

  .react-datepicker__month {
    margin: 0.1rem;
  }

  .react-datepicker-popper[data-placement^="top"],
  .react-datepicker-popper[data-placement^="bottom"] {
    margin-left: -15px;
    z-index: 3;
  }

  .accordion #personalAppearance.card,
  .accordion#merchantAccordion .card,
  #liveGroupChat .bg-grey .panel-detail-body,
  #liveOneOnOne .bg-grey .panel-detail-body,
  #productPromotion .bg-grey .panel-detail-body,
  #premiumContent .bg-grey .panel-detail-body,
  #premiumContent .gallery-row-new,
  #gallery .panel-detail-body {
    overflow: visible;
  }

  #uvStore.card {
    z-index: 3;
  }
}

/* Scroll overwrite to accommodate */
@media (min-width: 1546px) {
  .adjust-chat-footer .message-window {
    max-height: 349px;
    height: auto;
  }
}

@media (min-width: 1601px) {
  .adjust-chat-footer .message-window {
    max-height: 300px;
  }
}

/*Unsubscribe css*/
.unsubscribe-wrapper {
  background-color: #111;
  min-height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
}

.unsubscribe-card {
  background-color: #1a1a1a;
  border-radius: 7px;
  padding: 70px 40px;
  max-width: 500px;
  width: 100%;
  text-align: center;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

.unsubscribe-icon {
  width: 80px;
  background-color: #1a1a1a;
  height: auto;
  margin-bottom: 25px;
  box-shadow: none;
  filter: none;
}

.unsubscribe-title {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 12px;
  line-height: 1.4;
}

.unsubscribe-subtext {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #bfbfbf;
  line-height: 1.6;
}

.text-success {
  cursor: default !important;
}

a {
  cursor: pointer;
}

.my-spinner {
  width: 1rem !important;
  height: 1rem !important;
  border: 0.15em solid #fff !important;
  border-right-color: transparent !important;
  border-radius: 50% !important;
  background: transparent !important;
  animation: spinner-border 0.75s linear infinite !important;
}

.home-section-subtitle {
  font-size: var(--font-size-5);
  color: var(--color-white);
}

.book-btn {
  display: inline-block;
  background: #ff6b6b;
  color: #fff;
  border: 0;
  border-radius: 24px;
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  font-weight: 600;
}

.book-btn:hover {
  background: #ff5a5a;
}