/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: "flexslider-icon";
  src: url("../fonts/flexslider/flexslider-icon.eot");
  src: url("../fonts/flexslider/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("../fonts/flexslider/flexslider-icon.woff") format("woff"), url("../fonts/flexslider/flexslider-icon.ttf") format("truetype"), url("../fonts/flexslider/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover {
  outline: none;
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  border-radius: 4px;
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  line-height: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: "\f001";
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
  content: "\f002";
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: "\f004";
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: "\f003";
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

.flex-control-thumbs li {
  width: 25%;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  -moz-user-select: none;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px; /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px; /* Background color behind image.
This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/vendor/lightbox/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/vendor/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/vendor/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/vendor/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  animation-duration: 0.75s;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    animation: unset !important;
    transition: none !important;
  }
}
/**
 *
 * Flaticon
 *
 */
@font-face {
  font-family: "flaticon_socialfair";
  src: url("../fonts/flaticon/flaticon_socialfair.woff2?e7eecd1358c2df282484f158102e4acb") format("woff2"), url("../fonts/flaticon/flaticon_socialfair.woff?e7eecd1358c2df282484f158102e4acb") format("woff"), url("../fonts/flaticon/flaticon_socialfair.eot?e7eecd1358c2df282484f158102e4acb#iefix") format("embedded-opentype"), url("../fonts/flaticon/flaticon_socialfair.ttf?e7eecd1358c2df282484f158102e4acb") format("truetype"), url("../fonts/flaticon/flaticon_socialfair.svg?e7eecd1358c2df282484f158102e4acb#flaticon_socialfair") format("svg");
}
i[class^=flaticon-]:before, i[class*=" flaticon-"]:before {
  font-family: flaticon_socialfair !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.flaticon-bell:before {
  content: "\f101";
}

.flaticon-search:before {
  content: "\f102";
}

.flaticon-category:before {
  content: "\f103";
}

.flaticon-shop:before {
  content: "\f104";
}

.flaticon-like:before {
  content: "\f105";
}

.flaticon-message:before {
  content: "\f107";
}

.flaticon-package:before {
  content: "\f108";
}

.flaticon-report:before {
  content: "\f109";
}

.flaticon-group:before {
  content: "\f10a";
}

.flaticon-left-arrow-line-symbol:before {
  content: "\f10b";
}

.flaticon-banknotes:before {
  content: "\f10c";
}

.flaticon-support:before {
  content: "\f10d";
}

.flaticon-content:before {
  content: "\f10e";
}

.flaticon-information:before {
  content: "\f10f";
}

.flaticon-facebook:before {
  content: "\f110";
}

.flaticon-user:before {
  content: "\f111";
}

.flaticon-saved:before {
  content: "\f112";
}

.flaticon-loud-speaker:before {
  content: "\f113";
}

.flaticon-checked:before {
  content: "\f115";
}

.flaticon-wall-clock:before {
  content: "\f116";
}

.flaticon-right-arrow:before {
  content: "\f117";
}

.flaticon-left-arrow:before {
  content: "\f118";
}

.flaticon-up-arrow:before {
  content: "\f119";
}

.flaticon-down-arrow:before {
  content: "\f11a";
}

.flaticon-exclamation:before {
  content: "\f11b";
}

.flaticon-error:before {
  content: "\f11c";
}

.flaticon-check:before {
  content: "\f11d";
}

.flaticon-add:before {
  content: "\f11e";
}

.flaticon-edit:before {
  content: "\f11f";
}

.flaticon-bin:before {
  content: "\f120";
}

.flaticon-email:before {
  content: "\f121";
}

.flaticon-twitter:before {
  content: "\f122";
}

.flaticon-instagram:before {
  content: "\f123";
}

.flaticon-pinterest:before {
  content: "\f124";
}

.flaticon-accept:before {
  content: "\f125";
}

.flaticon-reorder:before {
  content: "\f126";
}

.flaticon-progress:before {
  content: "\f127";
}

.flaticon-brand-image:before {
  content: "\f128";
}

.flaticon-home:before {
  content: "\f129";
}

.flaticon-tag:before {
  content: "\f12a";
}

.flaticon-bag:before {
  content: "\f12b";
}

.flaticon-shopping-cart:before {
  content: "\f12c";
}

.flaticon-transfer:before {
  content: "\f12d";
}

.flaticon-category-1:before {
  content: "\f12e";
}

.flaticon-t-shirt:before {
  content: "\f12f";
}

.flaticon-report-1:before {
  content: "\f130";
}

@font-face {
  font-family: "Family";
  src: url("../fonts/family/family-bold-webfont.woff2") format("woff2"), url("../fonts/family/family-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/**
 *
 * Gradients
 *
 */
/**
 *
 * Transitions and Animations
 *
 */
.transition {
  transition: all 250ms ease;
}

.expandable {
  transition: all 0.5s ease-in-out;
  transform-origin: left top;
  transform: scaleY(0);
}

.expandable-on {
  transform: scaleY(1);
}

/**
 *
 * Hover mixin
 *
 */
body.search div#filters-wrapper:before {
  content: unset !important;
}

body.discover-category .filter-header,
body.search .filter-header,
body.item .filter-header {
  display: none !important;
}
body.discover-category .product-grid-wrapper,
body.search .product-grid-wrapper,
body.item .product-grid-wrapper {
  margin-top: 2rem;
}

body:has(#sidebar.show),
body.overflow-hide {
  overflow-y: hidden !important;
  max-height: 100vh;
}

.weight-600 {
  font-weight: 600 !important;
}

.weight-500 {
  font-weight: 500 !important;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.gy-40px,
.g-40px {
  --bs-gutter-y: 2.5rem;
}

.gx-40px,
.g-40px {
  --bs-gutter-x: 2.5rem;
}

.gy-35px,
.g-35px {
  --bs-gutter-y: 35px;
}

.gx-35px,
.g-35px {
  --bs-gutter-x: 35px;
}

.gy-30px,
.g-30px {
  --bs-gutter-y: 30px;
}

.gx-30px,
.g-30px {
  --bs-gutter-x: 30px;
}

.gy-20px,
.g-20px {
  --bs-gutter-y: 20px;
}

.gx-20px,
.g-20px {
  --bs-gutter-x: 20px;
}

.gy-15px,
.g-15px {
  --bs-gutter-y: 15px;
}

.gx-15px,
.g-15px {
  --bs-gutter-x: 15px;
}

.gy-10px,
.g-10px {
  --bs-gutter-y: 10px;
}

.gx-10px,
.g-10px {
  --bs-gutter-x: 10px;
}

.gap-20px {
  gap: 20px !important;
}

.gap-10px {
  gap: 10px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.fs-12px {
  font-size: 12px !important;
}

.fs-10px {
  font-size: 10px !important;
}

.cursor-pointer {
  cursor: pointer;
}

a {
  color: #3063f6;
}

html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  font-size: 14px;
}

.group-three-header .header-top,
.group-three-header .header-bottom {
  display: none;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: #292a2e;
}
#preloader .spinner {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  border-top-color: #292a2e;
  animation: spinner 0.6s linear infinite;
}

body.products .modal-content,
body.my-collections .modal-content,
body.brand-my-collections .modal-content,
body.collection .modal-content,
body.my-settings .modal-content,
body.help-center .modal-content,
body.my-inbox .modal-content {
  padding: 20px 20px 40px 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  width: 100vw !important;
  position: fixed;
  bottom: 0;
  left: 0;
}
body.products .modal-content:has(.collection-select-listing-table),
body.my-collections .modal-content:has(.collection-select-listing-table),
body.brand-my-collections .modal-content:has(.collection-select-listing-table),
body.collection .modal-content:has(.collection-select-listing-table),
body.my-settings .modal-content:has(.collection-select-listing-table),
body.help-center .modal-content:has(.collection-select-listing-table),
body.my-inbox .modal-content:has(.collection-select-listing-table) {
  height: 68vh !important;
  overflow-y: auto;
}
body.products .modal-content:has(.collection-select-listing-table) .modal-data,
body.products .modal-content:has(.collection-select-listing-table) .collection-select-listing-table,
body.products .modal-content:has(.collection-select-listing-table) .collection-select-listing-table table,
body.my-collections .modal-content:has(.collection-select-listing-table) .modal-data,
body.my-collections .modal-content:has(.collection-select-listing-table) .collection-select-listing-table,
body.my-collections .modal-content:has(.collection-select-listing-table) .collection-select-listing-table table,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) .modal-data,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) .collection-select-listing-table,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) .collection-select-listing-table table,
body.collection .modal-content:has(.collection-select-listing-table) .modal-data,
body.collection .modal-content:has(.collection-select-listing-table) .collection-select-listing-table,
body.collection .modal-content:has(.collection-select-listing-table) .collection-select-listing-table table,
body.my-settings .modal-content:has(.collection-select-listing-table) .modal-data,
body.my-settings .modal-content:has(.collection-select-listing-table) .collection-select-listing-table,
body.my-settings .modal-content:has(.collection-select-listing-table) .collection-select-listing-table table,
body.help-center .modal-content:has(.collection-select-listing-table) .modal-data,
body.help-center .modal-content:has(.collection-select-listing-table) .collection-select-listing-table,
body.help-center .modal-content:has(.collection-select-listing-table) .collection-select-listing-table table,
body.my-inbox .modal-content:has(.collection-select-listing-table) .modal-data,
body.my-inbox .modal-content:has(.collection-select-listing-table) .collection-select-listing-table,
body.my-inbox .modal-content:has(.collection-select-listing-table) .collection-select-listing-table table {
  width: 100%;
}
body.products .modal-content:has(.collection-select-listing-table) tr,
body.my-collections .modal-content:has(.collection-select-listing-table) tr,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) tr,
body.collection .modal-content:has(.collection-select-listing-table) tr,
body.my-settings .modal-content:has(.collection-select-listing-table) tr,
body.help-center .modal-content:has(.collection-select-listing-table) tr,
body.my-inbox .modal-content:has(.collection-select-listing-table) tr {
  border-bottom: 1px solid #e1e1e1;
}
body.products .modal-content:has(.collection-select-listing-table) td,
body.my-collections .modal-content:has(.collection-select-listing-table) td,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) td,
body.collection .modal-content:has(.collection-select-listing-table) td,
body.my-settings .modal-content:has(.collection-select-listing-table) td,
body.help-center .modal-content:has(.collection-select-listing-table) td,
body.my-inbox .modal-content:has(.collection-select-listing-table) td {
  padding: 18px 0 20px 0;
}
body.products .modal-content:has(.collection-select-listing-table) td.images-and-info > div:last-child,
body.my-collections .modal-content:has(.collection-select-listing-table) td.images-and-info > div:last-child,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) td.images-and-info > div:last-child,
body.collection .modal-content:has(.collection-select-listing-table) td.images-and-info > div:last-child,
body.my-settings .modal-content:has(.collection-select-listing-table) td.images-and-info > div:last-child,
body.help-center .modal-content:has(.collection-select-listing-table) td.images-and-info > div:last-child,
body.my-inbox .modal-content:has(.collection-select-listing-table) td.images-and-info > div:last-child {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
body.products .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input[type=checkbox],
body.my-collections .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input[type=checkbox],
body.brand-my-collections .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input[type=checkbox],
body.collection .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input[type=checkbox],
body.my-settings .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input[type=checkbox],
body.help-center .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input[type=checkbox],
body.my-inbox .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input[type=checkbox] {
  height: 20px !important;
  width: 20px !important;
  margin: 0 8px 0 6px;
}
body.products .modal-content:has(.collection-select-listing-table) .collection-and-product-count,
body.my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count,
body.collection .modal-content:has(.collection-select-listing-table) .collection-and-product-count,
body.my-settings .modal-content:has(.collection-select-listing-table) .collection-and-product-count,
body.help-center .modal-content:has(.collection-select-listing-table) .collection-and-product-count,
body.my-inbox .modal-content:has(.collection-select-listing-table) .collection-and-product-count {
  margin-bottom: 24px;
}
body.products .modal-content:has(.collection-select-listing-table) .collection-and-product-count p,
body.my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count p,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count p,
body.collection .modal-content:has(.collection-select-listing-table) .collection-and-product-count p,
body.my-settings .modal-content:has(.collection-select-listing-table) .collection-and-product-count p,
body.help-center .modal-content:has(.collection-select-listing-table) .collection-and-product-count p,
body.my-inbox .modal-content:has(.collection-select-listing-table) .collection-and-product-count p {
  white-space: nowrap;
  font-weight: 600;
  text-align: left;
}
body.products .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name,
body.my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name,
body.collection .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name,
body.my-settings .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name,
body.help-center .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name,
body.my-inbox .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name {
  font-size: 13px;
  line-height: 100%;
  color: #292a2e;
  margin-bottom: 5px !important;
}
body.products .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.product-count,
body.my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.product-count,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.product-count,
body.collection .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.product-count,
body.my-settings .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.product-count,
body.help-center .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.product-count,
body.my-inbox .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.product-count {
  color: #969696;
  font-size: 12px;
  line-height: 114%;
}
body.products .modal-content:has(.collection-select-listing-table) button#add-product-to-collection,
body.my-collections .modal-content:has(.collection-select-listing-table) button#add-product-to-collection,
body.brand-my-collections .modal-content:has(.collection-select-listing-table) button#add-product-to-collection,
body.collection .modal-content:has(.collection-select-listing-table) button#add-product-to-collection,
body.my-settings .modal-content:has(.collection-select-listing-table) button#add-product-to-collection,
body.help-center .modal-content:has(.collection-select-listing-table) button#add-product-to-collection,
body.my-inbox .modal-content:has(.collection-select-listing-table) button#add-product-to-collection {
  margin-top: 21px !important;
}
body.products .modal-content .modal-data,
body.my-collections .modal-content .modal-data,
body.brand-my-collections .modal-content .modal-data,
body.collection .modal-content .modal-data,
body.my-settings .modal-content .modal-data,
body.help-center .modal-content .modal-data,
body.my-inbox .modal-content .modal-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
body.products .modal-content button.btn-close,
body.my-collections .modal-content button.btn-close,
body.brand-my-collections .modal-content button.btn-close,
body.collection .modal-content button.btn-close,
body.my-settings .modal-content button.btn-close,
body.help-center .modal-content button.btn-close,
body.my-inbox .modal-content button.btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}
body.products .modal-content p,
body.my-collections .modal-content p,
body.brand-my-collections .modal-content p,
body.collection .modal-content p,
body.my-settings .modal-content p,
body.help-center .modal-content p,
body.my-inbox .modal-content p {
  margin: 0 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  max-width: 430px;
  text-align: center;
}
body.products .modal-content h5,
body.my-collections .modal-content h5,
body.brand-my-collections .modal-content h5,
body.collection .modal-content h5,
body.my-settings .modal-content h5,
body.help-center .modal-content h5,
body.my-inbox .modal-content h5 {
  font-size: 24px;
  line-height: 90%;
  color: #292a2e;
  font-weight: 600;
  margin-top: 40px;
}
body.products .modal-content input,
body.my-collections .modal-content input,
body.brand-my-collections .modal-content input,
body.collection .modal-content input,
body.my-settings .modal-content input,
body.help-center .modal-content input,
body.my-inbox .modal-content input {
  border-radius: 8px;
  background: #fff;
  border: none;
  height: 45px;
  width: 100%;
  padding: 0.2rem 0.8rem;
}
body.products .modal-content input:focus-within,
body.my-collections .modal-content input:focus-within,
body.brand-my-collections .modal-content input:focus-within,
body.collection .modal-content input:focus-within,
body.my-settings .modal-content input:focus-within,
body.help-center .modal-content input:focus-within,
body.my-inbox .modal-content input:focus-within {
  outline: 1px solid grey;
}
body.products .modal-content button#add-product-to-collection,
body.my-collections .modal-content button#add-product-to-collection,
body.brand-my-collections .modal-content button#add-product-to-collection,
body.collection .modal-content button#add-product-to-collection,
body.my-settings .modal-content button#add-product-to-collection,
body.help-center .modal-content button#add-product-to-collection,
body.my-inbox .modal-content button#add-product-to-collection {
  margin-top: -12px;
}

div.notification-bar {
  background: #292a2e;
}
div.notification-bar p {
  margin: 0;
  padding: 10px 0;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
}
div.notification-bar span.tag {
  border-radius: 4px;
  background: #e6eca4;
  color: #1d1e22;
  padding: 5px 10px;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  display: inline-block;
}

body.index {
  background: url("../images/glow-2.png") no-repeat bottom center #292a2e;
  background-size: 1250px;
  padding-top: 65px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body.index .btn-call-to-action {
  background: #e7ebac;
  border-radius: 15px;
  border-color: #e7ebac;
  padding: 10px 20px;
  font-size: 12px;
  z-index: 120;
  position: relative;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
}
body.index .btn-call-to-action:hover {
  background: #ffffff;
}
body.index .btn-call-to-action:active {
  background: #ffffff;
}
body.index .btn-call-to-action:focus {
  background: #ffffff;
}
body.index h2 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 15px 0;
  letter-spacing: -1px;
}
body.index h3 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 15px;
}
body.index p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin: 0 0 40px 0;
  line-height: 20px;
}
body.index header.main.home {
  background: url("../images/glow.png") no-repeat center 300px;
  margin-top: -65px;
  padding-top: 130px;
  position: relative;
}
body.index header.main.home nav.navbar {
  padding-top: 25px;
  padding-bottom: 25px;
  transform: translateY(0);
  transition: opacity 0.1s, transform 0.1s;
}
body.index header.main.home nav.navbar div.container-fluid a.navbar-brand img {
  min-width: 100px;
}
body.index header.main.home nav.navbar.scrolled {
  opacity: 0;
  transform: translateY(-50px);
}
body.index header.main.home section.intro {
  margin: 0 0 80px 0;
}
body.index header.main.home section.intro h1 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #ffffff;
  font-size: 40px;
  line-height: 38px;
  margin: 15px auto 40px;
  max-width: 350px;
  letter-spacing: -1px;
}
body.index header.main.home section.intro h1 span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
body.index header.main.home section.intro h1 span video {
  width: 35px;
  border-radius: 50%;
  margin: 0 5px -5px 5px;
  position: relative;
}
body.index header.main.home section.intro h1 span img {
  max-width: 100px;
}
body.index header.main.home section.intro h1 span:nth-of-type(2):after {
  content: "";
  background: url("../images/icon-verified.png") center center;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 4px;
  bottom: 0px;
}
body.index header.main.home section.intro-2 {
  margin: 0;
  color: #ffffff;
}
body.index header.main.home section.intro-2 video {
  margin: 0 0 150px 0;
  max-width: 340px;
  border-radius: 15px;
}
body.index header.main.home section.intro-2 p {
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.index section.columns {
  margin: 0 0 80px 0;
}
body.index section.columns div.column {
  border-radius: 15px;
  padding: 30px;
  color: #ffffff;
  margin: 0 0 25px 0;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.index section.columns div.column p {
  max-width: 260px;
}
body.index section.columns div.column img {
  max-width: 100%;
}
body.index section.columns div.column.column-1 {
  background: -moz-linear-gradient(top, rgba(81, 74, 82, 0.5), rgba(185, 134, 103, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(81, 74, 82, 0.5)", endColorstr="rgba(185, 134, 103, 0.5)");
}
body.index section.columns div.column.column-1 p {
  max-width: 240px;
}
body.index section.columns div.column.column-2 {
  background: -moz-linear-gradient(top, rgba(91, 116, 187, 0.5), rgba(184, 155, 232, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(91, 116, 187, 0.5)", endColorstr="rgba(184, 155, 232, 0.5)");
}
body.index section.columns div.column.column-2 img {
  margin-bottom: -30px;
}
body.index section.columns div.column.column-3 {
  background: -moz-linear-gradient(top, rgba(176, 219, 202, 0.15), rgba(230, 236, 164, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(176, 219, 202, 0.15)", endColorstr="rgba(230, 236, 164, 0.2)");
}
body.index section.columns div.column.column-3 img {
  max-width: 70%;
  margin: auto;
  display: block;
}
body.index section.carousel-wrapper {
  color: #ffffff;
  margin: 0 0 80px 0;
}
body.index section.carousel-wrapper h2 {
  margin-left: auto;
  margin-right: auto;
}
body.index section.carousel-wrapper p {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}
body.index section.carousel-wrapper div#carousel {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.2), rgba(176, 219, 202, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.2)", endColorstr="rgba(176, 219, 202, 0.2)");
  border-radius: 15px;
}
body.index section.carousel-wrapper div#carousel div.carousel-indicators button {
  position: relative;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  background: none;
  margin-bottom: 10px;
}
body.index section.carousel-wrapper div#carousel div.carousel-indicators button:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
  background-color: #e9ecef;
}
body.index section.carousel-wrapper div#carousel div.carousel-indicators button svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease-out;
}
body.index section.carousel-wrapper div#carousel div.carousel-indicators button circle {
  fill: none;
  stroke: #e9ecef;
  stroke-width: 2;
  stroke-dasharray: 94;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 5s linear;
  display: none;
}
body.index section.carousel-wrapper div#carousel div.carousel-indicators button [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  margin-right: 3px;
  margin-left: 3px;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
body.index section.carousel-wrapper div#carousel div.carousel-indicators button.active {
  opacity: 1;
}
body.index section.carousel-wrapper div#carousel div.carousel-indicators button.active:before {
  background-color: #e7ebac;
}
body.index section.carousel-wrapper div#carousel div.carousel-indicators button.active circle {
  stroke: #e7ebac;
  display: block;
}
body.index section.carousel-wrapper div#carousel div.carousel-inner {
  background: url("../images/gradient-flare.png") no-repeat 0 100px;
}
body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item {
  padding: 40px;
  text-align: center;
}
body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
  margin-bottom: 50px;
}
body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
  margin-bottom: 40px;
}
body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  line-height: 36px;
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #969696;
  margin: 0 0 15px 0;
}
body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
  margin-bottom: 0;
  width: 255px;
  margin-left: auto;
  margin-right: auto;
}
body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
  max-width: 100%;
}
body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
  width: 268px;
}
body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
  width: 259px;
}
body.index section.comparison {
  color: #ffffff;
  margin: 0 0 100px 0;
}
body.index section.comparison h2 {
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
}
body.index section.comparison p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.index section.comparison div.table-wrapper {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.1), rgba(176, 219, 202, 0.1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.1)", endColorstr="rgba(176, 219, 202, 0.1)");
  border-radius: 15px;
  padding: 20px;
}
body.index section.comparison div.table-wrapper table.table {
  color: #ffffff;
  margin: 0;
}
body.index section.comparison div.table-wrapper table.table tr th {
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
body.index section.comparison div.table-wrapper table.table tr th.brand {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  background: rgba(150, 150, 150, 0.2);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
body.index section.comparison div.table-wrapper table.table tr td {
  font-size: 12px;
  text-align: center;
}
body.index section.comparison div.table-wrapper table.table tr td i:before {
  color: #747577;
  font-size: 26px;
}
body.index section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.index section.comparison div.table-wrapper table.table tr td:nth-child(2) {
  background: rgba(150, 150, 150, 0.2);
}
body.index section.comparison div.table-wrapper table.table tr td.description {
  padding: 20px 0;
  text-align: left;
  width: 115px;
}
body.index section.comparison div.table-wrapper table.table tr td.description span {
  max-width: 115px;
  display: block;
}
body.index section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2) {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
body.index section.comparison div.table-wrapper table.table > :not(caption) > * > * {
  border-bottom-color: #565656;
}
body.index section.call-to-action {
  text-align: center;
  color: #ffffff;
  margin: 0 0 80px 0;
  overflow: hidden;
  position: relative;
}
body.index section.call-to-action p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.index section.call-to-action div.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
}
body.index section.video-carousel {
  margin-top: 25px;
  margin-bottom: 0;
}
body.index section.video-carousel video {
  border-radius: 15px;
  opacity: 0.35;
  margin: 0 25px;
}
body.index section.video-carousel div.slick-track {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.index div.modal.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.index div.modal.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.index div.modal.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.index div.modal.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.index div.modal.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.index div.modal.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index div.modal.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.index div.modal.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index div.modal.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.index div.modal.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index .signup-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.index .signup-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.index .signup-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.index .signup-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.index .signup-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.index .signup-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index .signup-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.index .signup-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index .signup-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.index .signup-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index .login-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px !important;
  display: flex !important;
  align-items: unset !important;
  position: unset !important;
  transform: unset !important;
}
body.index .login-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.index .login-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.index .login-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.index .login-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.index .login-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index .login-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.index .login-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index .login-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.index .login-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index .modal-static.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.index .modal-static.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.index .modal-static.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.index .modal-static.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.index .modal-static.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.index .modal-static.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index .modal-static.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.index .modal-static.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index .modal-static.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.index .modal-static.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.index div.modal#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.index div.modal#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.index .signup-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.index .signup-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.index .login-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.index .login-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.index .modal-static#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.index .modal-static#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}

body.beta {
  background: url("../images/glow-2.png") no-repeat bottom center #292a2e;
  background-size: 1250px;
  padding-top: 65px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body.beta .btn-call-to-action {
  background: #e7ebac;
  border-radius: 15px;
  border-color: #e7ebac;
  padding: 10px 20px;
  font-size: 12px;
  z-index: 120;
  position: relative;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
}
body.beta .btn-call-to-action:hover {
  background: #ffffff;
}
body.beta .btn-call-to-action:active {
  background: #ffffff;
}
body.beta .btn-call-to-action:focus {
  background: #ffffff;
}
body.beta h2 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 15px 0;
  letter-spacing: -1px;
}
body.beta h3 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 15px;
}
body.beta p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin: 0 0 40px 0;
  line-height: 20px;
}
body.beta header.main.home {
  background: url("../images/glow.png") no-repeat center 300px;
  margin-top: -65px;
  padding-top: 130px;
  position: relative;
}
body.beta header.main.home nav.navbar {
  padding-top: 25px;
  padding-bottom: 25px;
  transform: translateY(0);
  transition: opacity 0.1s, transform 0.1s;
}
body.beta header.main.home nav.navbar div.container-fluid a.navbar-brand img {
  min-width: 100px;
}
body.beta header.main.home nav.navbar.scrolled {
  opacity: 0;
  transform: translateY(-50px);
}
body.beta header.main.home section.intro {
  margin: 0 0 80px 0;
}
body.beta header.main.home section.intro h1 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #ffffff;
  font-size: 40px;
  line-height: 38px;
  margin: 15px auto 40px;
  max-width: 350px;
  letter-spacing: -1px;
}
body.beta header.main.home section.intro h1 span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
body.beta header.main.home section.intro h1 span video {
  width: 35px;
  border-radius: 50%;
  margin: 0 5px -5px 5px;
  position: relative;
}
body.beta header.main.home section.intro h1 span img {
  max-width: 100px;
}
body.beta header.main.home section.intro h1 span:nth-of-type(2):after {
  content: "";
  background: url("../images/icon-verified.png") center center;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 4px;
  bottom: 0px;
}
body.beta header.main.home section.intro-2 {
  margin: 0;
  color: #ffffff;
}
body.beta header.main.home section.intro-2 video {
  margin: 0 0 150px 0;
  max-width: 340px;
  border-radius: 15px;
}
body.beta header.main.home section.intro-2 p {
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.beta section.columns {
  margin: 0 0 80px 0;
}
body.beta section.columns div.column {
  border-radius: 15px;
  padding: 30px;
  color: #ffffff;
  margin: 0 0 25px 0;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.beta section.columns div.column p {
  max-width: 260px;
}
body.beta section.columns div.column img {
  max-width: 100%;
}
body.beta section.columns div.column.column-1 {
  background: -moz-linear-gradient(top, rgba(81, 74, 82, 0.5), rgba(185, 134, 103, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(81, 74, 82, 0.5)", endColorstr="rgba(185, 134, 103, 0.5)");
}
body.beta section.columns div.column.column-1 p {
  max-width: 240px;
}
body.beta section.columns div.column.column-2 {
  background: -moz-linear-gradient(top, rgba(91, 116, 187, 0.5), rgba(184, 155, 232, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(91, 116, 187, 0.5)", endColorstr="rgba(184, 155, 232, 0.5)");
}
body.beta section.columns div.column.column-2 img {
  margin-bottom: -30px;
}
body.beta section.columns div.column.column-3 {
  background: -moz-linear-gradient(top, rgba(176, 219, 202, 0.15), rgba(230, 236, 164, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(176, 219, 202, 0.15)", endColorstr="rgba(230, 236, 164, 0.2)");
}
body.beta section.columns div.column.column-3 img {
  max-width: 70%;
  margin: auto;
  display: block;
}
body.beta section.carousel-wrapper {
  color: #ffffff;
  margin: 0 0 80px 0;
}
body.beta section.carousel-wrapper h2 {
  margin-left: auto;
  margin-right: auto;
}
body.beta section.carousel-wrapper p {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}
body.beta section.carousel-wrapper div#carousel {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.2), rgba(176, 219, 202, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.2)", endColorstr="rgba(176, 219, 202, 0.2)");
  border-radius: 15px;
}
body.beta section.carousel-wrapper div#carousel div.carousel-indicators button {
  position: relative;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  background: none;
  margin-bottom: 10px;
}
body.beta section.carousel-wrapper div#carousel div.carousel-indicators button:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
  background-color: #e9ecef;
}
body.beta section.carousel-wrapper div#carousel div.carousel-indicators button svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease-out;
}
body.beta section.carousel-wrapper div#carousel div.carousel-indicators button circle {
  fill: none;
  stroke: #e9ecef;
  stroke-width: 2;
  stroke-dasharray: 94;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 5s linear;
  display: none;
}
body.beta section.carousel-wrapper div#carousel div.carousel-indicators button [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  margin-right: 3px;
  margin-left: 3px;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
body.beta section.carousel-wrapper div#carousel div.carousel-indicators button.active {
  opacity: 1;
}
body.beta section.carousel-wrapper div#carousel div.carousel-indicators button.active:before {
  background-color: #e7ebac;
}
body.beta section.carousel-wrapper div#carousel div.carousel-indicators button.active circle {
  stroke: #e7ebac;
  display: block;
}
body.beta section.carousel-wrapper div#carousel div.carousel-inner {
  background: url("../images/gradient-flare.png") no-repeat 0 100px;
}
body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item {
  padding: 40px;
  text-align: center;
}
body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
  margin-bottom: 50px;
}
body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
  margin-bottom: 40px;
}
body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  line-height: 36px;
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #969696;
  margin: 0 0 15px 0;
}
body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
  margin-bottom: 0;
  width: 255px;
  margin-left: auto;
  margin-right: auto;
}
body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
  max-width: 100%;
}
body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
  width: 268px;
}
body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
  width: 259px;
}
body.beta section.comparison {
  color: #ffffff;
  margin: 0 0 100px 0;
}
body.beta section.comparison h2 {
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
}
body.beta section.comparison p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.beta section.comparison div.table-wrapper {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.1), rgba(176, 219, 202, 0.1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.1)", endColorstr="rgba(176, 219, 202, 0.1)");
  border-radius: 15px;
  padding: 20px;
}
body.beta section.comparison div.table-wrapper table.table {
  color: #ffffff;
  margin: 0;
}
body.beta section.comparison div.table-wrapper table.table tr th {
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
body.beta section.comparison div.table-wrapper table.table tr th.brand {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  background: rgba(150, 150, 150, 0.2);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
body.beta section.comparison div.table-wrapper table.table tr td {
  font-size: 12px;
  text-align: center;
}
body.beta section.comparison div.table-wrapper table.table tr td i:before {
  color: #747577;
  font-size: 26px;
}
body.beta section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.beta section.comparison div.table-wrapper table.table tr td:nth-child(2) {
  background: rgba(150, 150, 150, 0.2);
}
body.beta section.comparison div.table-wrapper table.table tr td.description {
  padding: 20px 0;
  text-align: left;
  width: 115px;
}
body.beta section.comparison div.table-wrapper table.table tr td.description span {
  max-width: 115px;
  display: block;
}
body.beta section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2) {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
body.beta section.comparison div.table-wrapper table.table > :not(caption) > * > * {
  border-bottom-color: #565656;
}
body.beta section.call-to-action {
  text-align: center;
  color: #ffffff;
  margin: 0 0 80px 0;
  overflow: hidden;
  position: relative;
}
body.beta section.call-to-action p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.beta section.call-to-action div.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
}
body.beta section.video-carousel {
  margin-top: 25px;
  margin-bottom: 0;
}
body.beta section.video-carousel video {
  border-radius: 15px;
  opacity: 0.35;
  margin: 0 25px;
}
body.beta section.video-carousel div.slick-track {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.beta div.modal.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.beta div.modal.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.beta div.modal.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.beta div.modal.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.beta div.modal.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.beta div.modal.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta div.modal.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta div.modal.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta div.modal.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta div.modal.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta .signup-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.beta .signup-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.beta .signup-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.beta .signup-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.beta .signup-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.beta .signup-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta .signup-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta .signup-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta .signup-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta .signup-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta .login-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.beta .login-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.beta .login-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.beta .login-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.beta .login-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.beta .login-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta .login-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta .login-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta .login-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta .login-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta .modal-static.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.beta .modal-static.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.beta .modal-static.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.beta .modal-static.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.beta .modal-static.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.beta .modal-static.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta .modal-static.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta .modal-static.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta .modal-static.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta .modal-static.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta div.modal#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.beta div.modal#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.beta .signup-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.beta .signup-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.beta .login-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.beta .login-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.beta .modal-static#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.beta .modal-static#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}

body.beta2 {
  background: url("../images/glow-2.png") no-repeat bottom center #292a2e;
  background-size: 1250px;
  padding-top: 65px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body.beta2 .btn-call-to-action {
  background: #e7ebac;
  border-radius: 15px;
  border-color: #e7ebac;
  padding: 10px 20px;
  font-size: 12px;
  z-index: 120;
  position: relative;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
}
body.beta2 .btn-call-to-action:hover {
  background: #ffffff;
}
body.beta2 .btn-call-to-action:active {
  background: #ffffff;
}
body.beta2 .btn-call-to-action:focus {
  background: #ffffff;
}
body.beta2 h2 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 15px 0;
  letter-spacing: -1px;
}
body.beta2 h3 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 15px;
}
body.beta2 p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin: 0 0 40px 0;
  line-height: 20px;
}
body.beta2 header.main.home {
  background: url("../images/glow.png") no-repeat center 300px;
  margin-top: -65px;
  padding-top: 130px;
  position: relative;
}
body.beta2 header.main.home nav.navbar {
  padding-top: 25px;
  padding-bottom: 25px;
  transform: translateY(0);
  transition: opacity 0.1s, transform 0.1s;
}
body.beta2 header.main.home nav.navbar div.container-fluid a.navbar-brand img {
  min-width: 100px;
}
body.beta2 header.main.home nav.navbar.scrolled {
  opacity: 0;
  transform: translateY(-50px);
}
body.beta2 header.main.home section.intro {
  margin: 0 0 80px 0;
}
body.beta2 header.main.home section.intro h1 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #ffffff;
  font-size: 40px;
  line-height: 38px;
  margin: 15px auto 40px;
  max-width: 350px;
  letter-spacing: -1px;
}
body.beta2 header.main.home section.intro h1 span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
body.beta2 header.main.home section.intro h1 span video {
  width: 35px;
  border-radius: 50%;
  margin: 0 5px -5px 5px;
  position: relative;
}
body.beta2 header.main.home section.intro h1 span img {
  max-width: 100px;
}
body.beta2 header.main.home section.intro h1 span:nth-of-type(2):after {
  content: "";
  background: url("../images/icon-verified.png") center center;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 4px;
  bottom: 0px;
}
body.beta2 header.main.home section.intro-2 {
  margin: 0;
  color: #ffffff;
}
body.beta2 header.main.home section.intro-2 video {
  margin: 0 0 150px 0;
  max-width: 340px;
  border-radius: 15px;
}
body.beta2 header.main.home section.intro-2 p {
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.beta2 section.columns {
  margin: 0 0 80px 0;
}
body.beta2 section.columns div.column {
  border-radius: 15px;
  padding: 30px;
  color: #ffffff;
  margin: 0 0 25px 0;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.beta2 section.columns div.column p {
  max-width: 260px;
}
body.beta2 section.columns div.column img {
  max-width: 100%;
}
body.beta2 section.columns div.column.column-1 {
  background: -moz-linear-gradient(top, rgba(81, 74, 82, 0.5), rgba(185, 134, 103, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(81, 74, 82, 0.5)", endColorstr="rgba(185, 134, 103, 0.5)");
}
body.beta2 section.columns div.column.column-1 p {
  max-width: 240px;
}
body.beta2 section.columns div.column.column-2 {
  background: -moz-linear-gradient(top, rgba(91, 116, 187, 0.5), rgba(184, 155, 232, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(91, 116, 187, 0.5)", endColorstr="rgba(184, 155, 232, 0.5)");
}
body.beta2 section.columns div.column.column-2 img {
  margin-bottom: -30px;
}
body.beta2 section.columns div.column.column-3 {
  background: -moz-linear-gradient(top, rgba(176, 219, 202, 0.15), rgba(230, 236, 164, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(176, 219, 202, 0.15)", endColorstr="rgba(230, 236, 164, 0.2)");
}
body.beta2 section.columns div.column.column-3 img {
  max-width: 70%;
  margin: auto;
  display: block;
}
body.beta2 section.carousel-wrapper {
  color: #ffffff;
  margin: 0 0 80px 0;
}
body.beta2 section.carousel-wrapper h2 {
  margin-left: auto;
  margin-right: auto;
}
body.beta2 section.carousel-wrapper p {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}
body.beta2 section.carousel-wrapper div#carousel {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.2), rgba(176, 219, 202, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.2)", endColorstr="rgba(176, 219, 202, 0.2)");
  border-radius: 15px;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-indicators button {
  position: relative;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  background: none;
  margin-bottom: 10px;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-indicators button:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
  background-color: #e9ecef;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-indicators button svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease-out;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-indicators button circle {
  fill: none;
  stroke: #e9ecef;
  stroke-width: 2;
  stroke-dasharray: 94;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 5s linear;
  display: none;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-indicators button [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  margin-right: 3px;
  margin-left: 3px;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-indicators button.active {
  opacity: 1;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-indicators button.active:before {
  background-color: #e7ebac;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-indicators button.active circle {
  stroke: #e7ebac;
  display: block;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-inner {
  background: url("../images/gradient-flare.png") no-repeat 0 100px;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item {
  padding: 40px;
  text-align: center;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
  margin-bottom: 50px;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
  margin-bottom: 40px;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  line-height: 36px;
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #969696;
  margin: 0 0 15px 0;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
  margin-bottom: 0;
  width: 255px;
  margin-left: auto;
  margin-right: auto;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
  max-width: 100%;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
  width: 268px;
}
body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
  width: 259px;
}
body.beta2 section.comparison {
  color: #ffffff;
  margin: 0 0 100px 0;
}
body.beta2 section.comparison h2 {
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
}
body.beta2 section.comparison p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.beta2 section.comparison div.table-wrapper {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.1), rgba(176, 219, 202, 0.1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.1)", endColorstr="rgba(176, 219, 202, 0.1)");
  border-radius: 15px;
  padding: 20px;
}
body.beta2 section.comparison div.table-wrapper table.table {
  color: #ffffff;
  margin: 0;
}
body.beta2 section.comparison div.table-wrapper table.table tr th {
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
body.beta2 section.comparison div.table-wrapper table.table tr th.brand {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  background: rgba(150, 150, 150, 0.2);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
body.beta2 section.comparison div.table-wrapper table.table tr td {
  font-size: 12px;
  text-align: center;
}
body.beta2 section.comparison div.table-wrapper table.table tr td i:before {
  color: #747577;
  font-size: 26px;
}
body.beta2 section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.beta2 section.comparison div.table-wrapper table.table tr td:nth-child(2) {
  background: rgba(150, 150, 150, 0.2);
}
body.beta2 section.comparison div.table-wrapper table.table tr td.description {
  padding: 20px 0;
  text-align: left;
  width: 115px;
}
body.beta2 section.comparison div.table-wrapper table.table tr td.description span {
  max-width: 115px;
  display: block;
}
body.beta2 section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2) {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
body.beta2 section.comparison div.table-wrapper table.table > :not(caption) > * > * {
  border-bottom-color: #565656;
}
body.beta2 section.call-to-action {
  text-align: center;
  color: #ffffff;
  margin: 0 0 80px 0;
  overflow: hidden;
  position: relative;
}
body.beta2 section.call-to-action p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.beta2 section.call-to-action div.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
}
body.beta2 section.video-carousel {
  margin-top: 25px;
  margin-bottom: 0;
}
body.beta2 section.video-carousel video {
  border-radius: 15px;
  opacity: 0.35;
  margin: 0 25px;
}
body.beta2 section.video-carousel div.slick-track {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.beta2 div.modal.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.beta2 div.modal.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.beta2 div.modal.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.beta2 div.modal.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.beta2 div.modal.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.beta2 div.modal.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 div.modal.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta2 div.modal.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 div.modal.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta2 div.modal.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 .signup-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.beta2 .signup-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.beta2 .signup-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.beta2 .signup-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.beta2 .signup-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.beta2 .signup-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 .signup-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta2 .signup-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 .signup-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta2 .signup-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 .login-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.beta2 .login-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.beta2 .login-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.beta2 .login-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.beta2 .login-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.beta2 .login-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 .login-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta2 .login-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 .login-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta2 .login-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 .modal-static.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.beta2 .modal-static.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.beta2 .modal-static.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.beta2 .modal-static.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.beta2 .modal-static.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.beta2 .modal-static.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 .modal-static.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta2 .modal-static.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 .modal-static.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.beta2 .modal-static.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.beta2 div.modal#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.beta2 div.modal#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.beta2 .signup-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.beta2 .signup-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.beta2 .login-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.beta2 .login-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.beta2 .modal-static#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.beta2 .modal-static#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}

body.signup,
body.signup-influencer,
body.signup-brand,
body.account-created {
  background: url("../images/glow-2.png") no-repeat bottom center #292a2e;
  background-size: 1250px;
  padding-top: 65px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body.signup .btn-call-to-action,
body.signup-influencer .btn-call-to-action,
body.signup-brand .btn-call-to-action,
body.account-created .btn-call-to-action {
  background: #e7ebac;
  border-radius: 15px;
  border-color: #e7ebac;
  padding: 10px 20px;
  font-size: 12px;
  z-index: 120;
  position: relative;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
}
body.signup .btn-call-to-action:hover,
body.signup-influencer .btn-call-to-action:hover,
body.signup-brand .btn-call-to-action:hover,
body.account-created .btn-call-to-action:hover {
  background: #ffffff;
}
body.signup .btn-call-to-action:active,
body.signup-influencer .btn-call-to-action:active,
body.signup-brand .btn-call-to-action:active,
body.account-created .btn-call-to-action:active {
  background: #ffffff;
}
body.signup .btn-call-to-action:focus,
body.signup-influencer .btn-call-to-action:focus,
body.signup-brand .btn-call-to-action:focus,
body.account-created .btn-call-to-action:focus {
  background: #ffffff;
}
body.signup h2,
body.signup-influencer h2,
body.signup-brand h2,
body.account-created h2 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 15px 0;
  letter-spacing: -1px;
}
body.signup h3,
body.signup-influencer h3,
body.signup-brand h3,
body.account-created h3 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 15px;
}
body.signup p,
body.signup-influencer p,
body.signup-brand p,
body.account-created p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin: 0 0 40px 0;
  line-height: 20px;
}
body.signup header.main.home,
body.signup-influencer header.main.home,
body.signup-brand header.main.home,
body.account-created header.main.home {
  background: url("../images/glow.png") no-repeat center 300px;
  margin-top: -65px;
  padding-top: 130px;
  position: relative;
}
body.signup header.main.home nav.navbar,
body.signup-influencer header.main.home nav.navbar,
body.signup-brand header.main.home nav.navbar,
body.account-created header.main.home nav.navbar {
  padding-top: 25px;
  padding-bottom: 25px;
  transform: translateY(0);
  transition: opacity 0.1s, transform 0.1s;
}
body.signup header.main.home nav.navbar div.container-fluid a.navbar-brand img,
body.signup-influencer header.main.home nav.navbar div.container-fluid a.navbar-brand img,
body.signup-brand header.main.home nav.navbar div.container-fluid a.navbar-brand img,
body.account-created header.main.home nav.navbar div.container-fluid a.navbar-brand img {
  min-width: 100px;
}
body.signup header.main.home nav.navbar.scrolled,
body.signup-influencer header.main.home nav.navbar.scrolled,
body.signup-brand header.main.home nav.navbar.scrolled,
body.account-created header.main.home nav.navbar.scrolled {
  opacity: 0;
  transform: translateY(-50px);
}
body.signup header.main.home section.intro,
body.signup-influencer header.main.home section.intro,
body.signup-brand header.main.home section.intro,
body.account-created header.main.home section.intro {
  margin: 0 0 80px 0;
}
body.signup header.main.home section.intro h1,
body.signup-influencer header.main.home section.intro h1,
body.signup-brand header.main.home section.intro h1,
body.account-created header.main.home section.intro h1 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #ffffff;
  font-size: 40px;
  line-height: 38px;
  margin: 15px auto 40px;
  max-width: 350px;
  letter-spacing: -1px;
}
body.signup header.main.home section.intro h1 span,
body.signup-influencer header.main.home section.intro h1 span,
body.signup-brand header.main.home section.intro h1 span,
body.account-created header.main.home section.intro h1 span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
body.signup header.main.home section.intro h1 span video,
body.signup-influencer header.main.home section.intro h1 span video,
body.signup-brand header.main.home section.intro h1 span video,
body.account-created header.main.home section.intro h1 span video {
  width: 35px;
  border-radius: 50%;
  margin: 0 5px -5px 5px;
  position: relative;
}
body.signup header.main.home section.intro h1 span img,
body.signup-influencer header.main.home section.intro h1 span img,
body.signup-brand header.main.home section.intro h1 span img,
body.account-created header.main.home section.intro h1 span img {
  max-width: 100px;
}
body.signup header.main.home section.intro h1 span:nth-of-type(2):after,
body.signup-influencer header.main.home section.intro h1 span:nth-of-type(2):after,
body.signup-brand header.main.home section.intro h1 span:nth-of-type(2):after,
body.account-created header.main.home section.intro h1 span:nth-of-type(2):after {
  content: "";
  background: url("../images/icon-verified.png") center center;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 4px;
  bottom: 0px;
}
body.signup header.main.home section.intro-2,
body.signup-influencer header.main.home section.intro-2,
body.signup-brand header.main.home section.intro-2,
body.account-created header.main.home section.intro-2 {
  margin: 0;
  color: #ffffff;
}
body.signup header.main.home section.intro-2 video,
body.signup-influencer header.main.home section.intro-2 video,
body.signup-brand header.main.home section.intro-2 video,
body.account-created header.main.home section.intro-2 video {
  margin: 0 0 150px 0;
  max-width: 340px;
  border-radius: 15px;
}
body.signup header.main.home section.intro-2 p,
body.signup-influencer header.main.home section.intro-2 p,
body.signup-brand header.main.home section.intro-2 p,
body.account-created header.main.home section.intro-2 p {
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.signup section.columns,
body.signup-influencer section.columns,
body.signup-brand section.columns,
body.account-created section.columns {
  margin: 0 0 80px 0;
}
body.signup section.columns div.column,
body.signup-influencer section.columns div.column,
body.signup-brand section.columns div.column,
body.account-created section.columns div.column {
  border-radius: 15px;
  padding: 30px;
  color: #ffffff;
  margin: 0 0 25px 0;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.signup section.columns div.column p,
body.signup-influencer section.columns div.column p,
body.signup-brand section.columns div.column p,
body.account-created section.columns div.column p {
  max-width: 260px;
}
body.signup section.columns div.column img,
body.signup-influencer section.columns div.column img,
body.signup-brand section.columns div.column img,
body.account-created section.columns div.column img {
  max-width: 100%;
}
body.signup section.columns div.column.column-1,
body.signup-influencer section.columns div.column.column-1,
body.signup-brand section.columns div.column.column-1,
body.account-created section.columns div.column.column-1 {
  background: -moz-linear-gradient(top, rgba(81, 74, 82, 0.5), rgba(185, 134, 103, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(81, 74, 82, 0.5)", endColorstr="rgba(185, 134, 103, 0.5)");
}
body.signup section.columns div.column.column-1 p,
body.signup-influencer section.columns div.column.column-1 p,
body.signup-brand section.columns div.column.column-1 p,
body.account-created section.columns div.column.column-1 p {
  max-width: 240px;
}
body.signup section.columns div.column.column-2,
body.signup-influencer section.columns div.column.column-2,
body.signup-brand section.columns div.column.column-2,
body.account-created section.columns div.column.column-2 {
  background: -moz-linear-gradient(top, rgba(91, 116, 187, 0.5), rgba(184, 155, 232, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(91, 116, 187, 0.5)", endColorstr="rgba(184, 155, 232, 0.5)");
}
body.signup section.columns div.column.column-2 img,
body.signup-influencer section.columns div.column.column-2 img,
body.signup-brand section.columns div.column.column-2 img,
body.account-created section.columns div.column.column-2 img {
  margin-bottom: -30px;
}
body.signup section.columns div.column.column-3,
body.signup-influencer section.columns div.column.column-3,
body.signup-brand section.columns div.column.column-3,
body.account-created section.columns div.column.column-3 {
  background: -moz-linear-gradient(top, rgba(176, 219, 202, 0.15), rgba(230, 236, 164, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(176, 219, 202, 0.15)", endColorstr="rgba(230, 236, 164, 0.2)");
}
body.signup section.columns div.column.column-3 img,
body.signup-influencer section.columns div.column.column-3 img,
body.signup-brand section.columns div.column.column-3 img,
body.account-created section.columns div.column.column-3 img {
  max-width: 70%;
  margin: auto;
  display: block;
}
body.signup section.carousel-wrapper,
body.signup-influencer section.carousel-wrapper,
body.signup-brand section.carousel-wrapper,
body.account-created section.carousel-wrapper {
  color: #ffffff;
  margin: 0 0 80px 0;
}
body.signup section.carousel-wrapper h2,
body.signup-influencer section.carousel-wrapper h2,
body.signup-brand section.carousel-wrapper h2,
body.account-created section.carousel-wrapper h2 {
  margin-left: auto;
  margin-right: auto;
}
body.signup section.carousel-wrapper p,
body.signup-influencer section.carousel-wrapper p,
body.signup-brand section.carousel-wrapper p,
body.account-created section.carousel-wrapper p {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}
body.signup section.carousel-wrapper div#carousel,
body.signup-influencer section.carousel-wrapper div#carousel,
body.signup-brand section.carousel-wrapper div#carousel,
body.account-created section.carousel-wrapper div#carousel {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.2), rgba(176, 219, 202, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.2)", endColorstr="rgba(176, 219, 202, 0.2)");
  border-radius: 15px;
}
body.signup section.carousel-wrapper div#carousel div.carousel-indicators button,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-indicators button,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-indicators button,
body.account-created section.carousel-wrapper div#carousel div.carousel-indicators button {
  position: relative;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  background: none;
  margin-bottom: 10px;
}
body.signup section.carousel-wrapper div#carousel div.carousel-indicators button:before,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-indicators button:before,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-indicators button:before,
body.account-created section.carousel-wrapper div#carousel div.carousel-indicators button:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
  background-color: #e9ecef;
}
body.signup section.carousel-wrapper div#carousel div.carousel-indicators button svg,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-indicators button svg,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-indicators button svg,
body.account-created section.carousel-wrapper div#carousel div.carousel-indicators button svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease-out;
}
body.signup section.carousel-wrapper div#carousel div.carousel-indicators button circle,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-indicators button circle,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-indicators button circle,
body.account-created section.carousel-wrapper div#carousel div.carousel-indicators button circle {
  fill: none;
  stroke: #e9ecef;
  stroke-width: 2;
  stroke-dasharray: 94;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 5s linear;
  display: none;
}
body.signup section.carousel-wrapper div#carousel div.carousel-indicators button [data-bs-target],
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-indicators button [data-bs-target],
body.signup-brand section.carousel-wrapper div#carousel div.carousel-indicators button [data-bs-target],
body.account-created section.carousel-wrapper div#carousel div.carousel-indicators button [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  margin-right: 3px;
  margin-left: 3px;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
body.signup section.carousel-wrapper div#carousel div.carousel-indicators button.active,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-indicators button.active,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-indicators button.active,
body.account-created section.carousel-wrapper div#carousel div.carousel-indicators button.active {
  opacity: 1;
}
body.signup section.carousel-wrapper div#carousel div.carousel-indicators button.active:before,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-indicators button.active:before,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-indicators button.active:before,
body.account-created section.carousel-wrapper div#carousel div.carousel-indicators button.active:before {
  background-color: #e7ebac;
}
body.signup section.carousel-wrapper div#carousel div.carousel-indicators button.active circle,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-indicators button.active circle,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-indicators button.active circle,
body.account-created section.carousel-wrapper div#carousel div.carousel-indicators button.active circle {
  stroke: #e7ebac;
  display: block;
}
body.signup section.carousel-wrapper div#carousel div.carousel-inner,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-inner,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-inner,
body.account-created section.carousel-wrapper div#carousel div.carousel-inner {
  background: url("../images/gradient-flare.png") no-repeat 0 100px;
}
body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item,
body.account-created section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item {
  padding: 40px;
  text-align: center;
}
body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner,
body.account-created section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
  margin-bottom: 50px;
}
body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content,
body.account-created section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
  margin-bottom: 40px;
}
body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header,
body.account-created section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  line-height: 36px;
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #969696;
  margin: 0 0 15px 0;
}
body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header span,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header span,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header span,
body.account-created section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p,
body.account-created section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
  margin-bottom: 0;
  width: 255px;
  margin-left: auto;
  margin-right: auto;
}
body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img,
body.account-created section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
  max-width: 100%;
}
body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p,
body.account-created section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
  width: 268px;
}
body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p,
body.signup-influencer section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p,
body.signup-brand section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p,
body.account-created section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
  width: 259px;
}
body.signup section.comparison,
body.signup-influencer section.comparison,
body.signup-brand section.comparison,
body.account-created section.comparison {
  color: #ffffff;
  margin: 0 0 100px 0;
}
body.signup section.comparison h2,
body.signup-influencer section.comparison h2,
body.signup-brand section.comparison h2,
body.account-created section.comparison h2 {
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
}
body.signup section.comparison p,
body.signup-influencer section.comparison p,
body.signup-brand section.comparison p,
body.account-created section.comparison p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.signup section.comparison div.table-wrapper,
body.signup-influencer section.comparison div.table-wrapper,
body.signup-brand section.comparison div.table-wrapper,
body.account-created section.comparison div.table-wrapper {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.1), rgba(176, 219, 202, 0.1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.1)", endColorstr="rgba(176, 219, 202, 0.1)");
  border-radius: 15px;
  padding: 20px;
}
body.signup section.comparison div.table-wrapper table.table,
body.signup-influencer section.comparison div.table-wrapper table.table,
body.signup-brand section.comparison div.table-wrapper table.table,
body.account-created section.comparison div.table-wrapper table.table {
  color: #ffffff;
  margin: 0;
}
body.signup section.comparison div.table-wrapper table.table tr th,
body.signup-influencer section.comparison div.table-wrapper table.table tr th,
body.signup-brand section.comparison div.table-wrapper table.table tr th,
body.account-created section.comparison div.table-wrapper table.table tr th {
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
body.signup section.comparison div.table-wrapper table.table tr th.brand,
body.signup-influencer section.comparison div.table-wrapper table.table tr th.brand,
body.signup-brand section.comparison div.table-wrapper table.table tr th.brand,
body.account-created section.comparison div.table-wrapper table.table tr th.brand {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  background: rgba(150, 150, 150, 0.2);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
body.signup section.comparison div.table-wrapper table.table tr td,
body.signup-influencer section.comparison div.table-wrapper table.table tr td,
body.signup-brand section.comparison div.table-wrapper table.table tr td,
body.account-created section.comparison div.table-wrapper table.table tr td {
  font-size: 12px;
  text-align: center;
}
body.signup section.comparison div.table-wrapper table.table tr td i:before,
body.signup-influencer section.comparison div.table-wrapper table.table tr td i:before,
body.signup-brand section.comparison div.table-wrapper table.table tr td i:before,
body.account-created section.comparison div.table-wrapper table.table tr td i:before {
  color: #747577;
  font-size: 26px;
}
body.signup section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before,
body.signup-influencer section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before,
body.signup-brand section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before,
body.account-created section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.signup section.comparison div.table-wrapper table.table tr td:nth-child(2),
body.signup-influencer section.comparison div.table-wrapper table.table tr td:nth-child(2),
body.signup-brand section.comparison div.table-wrapper table.table tr td:nth-child(2),
body.account-created section.comparison div.table-wrapper table.table tr td:nth-child(2) {
  background: rgba(150, 150, 150, 0.2);
}
body.signup section.comparison div.table-wrapper table.table tr td.description,
body.signup-influencer section.comparison div.table-wrapper table.table tr td.description,
body.signup-brand section.comparison div.table-wrapper table.table tr td.description,
body.account-created section.comparison div.table-wrapper table.table tr td.description {
  padding: 20px 0;
  text-align: left;
  width: 115px;
}
body.signup section.comparison div.table-wrapper table.table tr td.description span,
body.signup-influencer section.comparison div.table-wrapper table.table tr td.description span,
body.signup-brand section.comparison div.table-wrapper table.table tr td.description span,
body.account-created section.comparison div.table-wrapper table.table tr td.description span {
  max-width: 115px;
  display: block;
}
body.signup section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2),
body.signup-influencer section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2),
body.signup-brand section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2),
body.account-created section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2) {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
body.signup section.comparison div.table-wrapper table.table > :not(caption) > * > *,
body.signup-influencer section.comparison div.table-wrapper table.table > :not(caption) > * > *,
body.signup-brand section.comparison div.table-wrapper table.table > :not(caption) > * > *,
body.account-created section.comparison div.table-wrapper table.table > :not(caption) > * > * {
  border-bottom-color: #565656;
}
body.signup section.call-to-action,
body.signup-influencer section.call-to-action,
body.signup-brand section.call-to-action,
body.account-created section.call-to-action {
  text-align: center;
  color: #ffffff;
  margin: 0 0 80px 0;
  overflow: hidden;
  position: relative;
}
body.signup section.call-to-action p,
body.signup-influencer section.call-to-action p,
body.signup-brand section.call-to-action p,
body.account-created section.call-to-action p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.signup section.call-to-action div.carousel-overlay,
body.signup-influencer section.call-to-action div.carousel-overlay,
body.signup-brand section.call-to-action div.carousel-overlay,
body.account-created section.call-to-action div.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
}
body.signup section.video-carousel,
body.signup-influencer section.video-carousel,
body.signup-brand section.video-carousel,
body.account-created section.video-carousel {
  margin-top: 25px;
  margin-bottom: 0;
}
body.signup section.video-carousel video,
body.signup-influencer section.video-carousel video,
body.signup-brand section.video-carousel video,
body.account-created section.video-carousel video {
  border-radius: 15px;
  opacity: 0.35;
  margin: 0 25px;
}
body.signup section.video-carousel div.slick-track,
body.signup-influencer section.video-carousel div.slick-track,
body.signup-brand section.video-carousel div.slick-track,
body.account-created section.video-carousel div.slick-track {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.signup div.modal.dark div.modal-dialog div.modal-content,
body.signup-influencer div.modal.dark div.modal-dialog div.modal-content,
body.signup-brand div.modal.dark div.modal-dialog div.modal-content,
body.account-created div.modal.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.signup div.modal.dark div.modal-dialog div.modal-content div.modal-header,
body.signup-influencer div.modal.dark div.modal-dialog div.modal-content div.modal-header,
body.signup-brand div.modal.dark div.modal-dialog div.modal-content div.modal-header,
body.account-created div.modal.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.signup div.modal.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.signup-influencer div.modal.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.signup-brand div.modal.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.account-created div.modal.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.signup div.modal.dark div.modal-dialog div.modal-content div.modal-body,
body.signup-influencer div.modal.dark div.modal-dialog div.modal-content div.modal-body,
body.signup-brand div.modal.dark div.modal-dialog div.modal-content div.modal-body,
body.account-created div.modal.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.signup div.modal.dark div.modal-dialog div.modal-content label,
body.signup-influencer div.modal.dark div.modal-dialog div.modal-content label,
body.signup-brand div.modal.dark div.modal-dialog div.modal-content label,
body.account-created div.modal.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.signup div.modal.dark div.modal-dialog div.modal-content input[type=email],
body.signup-influencer div.modal.dark div.modal-dialog div.modal-content input[type=email],
body.signup-brand div.modal.dark div.modal-dialog div.modal-content input[type=email],
body.account-created div.modal.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup div.modal.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.signup-influencer div.modal.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.signup-brand div.modal.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.account-created div.modal.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.signup div.modal.dark div.modal-dialog div.modal-content input[type=text],
body.signup-influencer div.modal.dark div.modal-dialog div.modal-content input[type=text],
body.signup-brand div.modal.dark div.modal-dialog div.modal-content input[type=text],
body.account-created div.modal.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup div.modal.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.signup-influencer div.modal.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.signup-brand div.modal.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.account-created div.modal.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.signup div.modal.dark div.modal-dialog div.modal-content input[type=password],
body.signup-influencer div.modal.dark div.modal-dialog div.modal-content input[type=password],
body.signup-brand div.modal.dark div.modal-dialog div.modal-content input[type=password],
body.account-created div.modal.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup .signup-form.dark div.modal-dialog div.modal-content,
body.signup-influencer .signup-form.dark div.modal-dialog div.modal-content,
body.signup-brand .signup-form.dark div.modal-dialog div.modal-content,
body.account-created .signup-form.dark div.modal-dialog div.modal-content {
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
}
body.signup .signup-form.dark div.modal-dialog div.modal-content div.modal-header,
body.signup-influencer .signup-form.dark div.modal-dialog div.modal-content div.modal-header,
body.signup-brand .signup-form.dark div.modal-dialog div.modal-content div.modal-header,
body.account-created .signup-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.signup .signup-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.signup-influencer .signup-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.signup-brand .signup-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.account-created .signup-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.signup .signup-form.dark div.modal-dialog div.modal-content div.modal-body,
body.signup-influencer .signup-form.dark div.modal-dialog div.modal-content div.modal-body,
body.signup-brand .signup-form.dark div.modal-dialog div.modal-content div.modal-body,
body.account-created .signup-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.signup .signup-form.dark div.modal-dialog div.modal-content label,
body.signup-influencer .signup-form.dark div.modal-dialog div.modal-content label,
body.signup-brand .signup-form.dark div.modal-dialog div.modal-content label,
body.account-created .signup-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.signup .signup-form.dark div.modal-dialog div.modal-content input[type=email],
body.signup-influencer .signup-form.dark div.modal-dialog div.modal-content input[type=email],
body.signup-brand .signup-form.dark div.modal-dialog div.modal-content input[type=email],
body.account-created .signup-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup .signup-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.signup-influencer .signup-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.signup-brand .signup-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.account-created .signup-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.signup .signup-form.dark div.modal-dialog div.modal-content input[type=text],
body.signup-influencer .signup-form.dark div.modal-dialog div.modal-content input[type=text],
body.signup-brand .signup-form.dark div.modal-dialog div.modal-content input[type=text],
body.account-created .signup-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup .signup-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.signup-influencer .signup-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.signup-brand .signup-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.account-created .signup-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.signup .signup-form.dark div.modal-dialog div.modal-content input[type=password],
body.signup-influencer .signup-form.dark div.modal-dialog div.modal-content input[type=password],
body.signup-brand .signup-form.dark div.modal-dialog div.modal-content input[type=password],
body.account-created .signup-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup .login-form.dark div.modal-dialog div.modal-content,
body.signup-influencer .login-form.dark div.modal-dialog div.modal-content,
body.signup-brand .login-form.dark div.modal-dialog div.modal-content,
body.account-created .login-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.signup .login-form.dark div.modal-dialog div.modal-content div.modal-header,
body.signup-influencer .login-form.dark div.modal-dialog div.modal-content div.modal-header,
body.signup-brand .login-form.dark div.modal-dialog div.modal-content div.modal-header,
body.account-created .login-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.signup .login-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.signup-influencer .login-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.signup-brand .login-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.account-created .login-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.signup .login-form.dark div.modal-dialog div.modal-content div.modal-body,
body.signup-influencer .login-form.dark div.modal-dialog div.modal-content div.modal-body,
body.signup-brand .login-form.dark div.modal-dialog div.modal-content div.modal-body,
body.account-created .login-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.signup .login-form.dark div.modal-dialog div.modal-content label,
body.signup-influencer .login-form.dark div.modal-dialog div.modal-content label,
body.signup-brand .login-form.dark div.modal-dialog div.modal-content label,
body.account-created .login-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.signup .login-form.dark div.modal-dialog div.modal-content input[type=email],
body.signup-influencer .login-form.dark div.modal-dialog div.modal-content input[type=email],
body.signup-brand .login-form.dark div.modal-dialog div.modal-content input[type=email],
body.account-created .login-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup .login-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.signup-influencer .login-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.signup-brand .login-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.account-created .login-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.signup .login-form.dark div.modal-dialog div.modal-content input[type=text],
body.signup-influencer .login-form.dark div.modal-dialog div.modal-content input[type=text],
body.signup-brand .login-form.dark div.modal-dialog div.modal-content input[type=text],
body.account-created .login-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup .login-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.signup-influencer .login-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.signup-brand .login-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.account-created .login-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.signup .login-form.dark div.modal-dialog div.modal-content input[type=password],
body.signup-influencer .login-form.dark div.modal-dialog div.modal-content input[type=password],
body.signup-brand .login-form.dark div.modal-dialog div.modal-content input[type=password],
body.account-created .login-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup .modal-static.dark div.modal-dialog div.modal-content,
body.signup-influencer .modal-static.dark div.modal-dialog div.modal-content,
body.signup-brand .modal-static.dark div.modal-dialog div.modal-content,
body.account-created .modal-static.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.signup .modal-static.dark div.modal-dialog div.modal-content div.modal-header,
body.signup-influencer .modal-static.dark div.modal-dialog div.modal-content div.modal-header,
body.signup-brand .modal-static.dark div.modal-dialog div.modal-content div.modal-header,
body.account-created .modal-static.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.signup .modal-static.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.signup-influencer .modal-static.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.signup-brand .modal-static.dark div.modal-dialog div.modal-content div.modal-header .btn-close,
body.account-created .modal-static.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.signup .modal-static.dark div.modal-dialog div.modal-content div.modal-body,
body.signup-influencer .modal-static.dark div.modal-dialog div.modal-content div.modal-body,
body.signup-brand .modal-static.dark div.modal-dialog div.modal-content div.modal-body,
body.account-created .modal-static.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.signup .modal-static.dark div.modal-dialog div.modal-content label,
body.signup-influencer .modal-static.dark div.modal-dialog div.modal-content label,
body.signup-brand .modal-static.dark div.modal-dialog div.modal-content label,
body.account-created .modal-static.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.signup .modal-static.dark div.modal-dialog div.modal-content input[type=email],
body.signup-influencer .modal-static.dark div.modal-dialog div.modal-content input[type=email],
body.signup-brand .modal-static.dark div.modal-dialog div.modal-content input[type=email],
body.account-created .modal-static.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup .modal-static.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.signup-influencer .modal-static.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.signup-brand .modal-static.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid),
body.account-created .modal-static.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.signup .modal-static.dark div.modal-dialog div.modal-content input[type=text],
body.signup-influencer .modal-static.dark div.modal-dialog div.modal-content input[type=text],
body.signup-brand .modal-static.dark div.modal-dialog div.modal-content input[type=text],
body.account-created .modal-static.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup .modal-static.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.signup-influencer .modal-static.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.signup-brand .modal-static.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid),
body.account-created .modal-static.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.signup .modal-static.dark div.modal-dialog div.modal-content input[type=password],
body.signup-influencer .modal-static.dark div.modal-dialog div.modal-content input[type=password],
body.signup-brand .modal-static.dark div.modal-dialog div.modal-content input[type=password],
body.account-created .modal-static.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.signup div.modal#applyNowModal h2,
body.signup-influencer div.modal#applyNowModal h2,
body.signup-brand div.modal#applyNowModal h2,
body.account-created div.modal#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.signup div.modal#applyNowModal p,
body.signup-influencer div.modal#applyNowModal p,
body.signup-brand div.modal#applyNowModal p,
body.account-created div.modal#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.signup .signup-form#applyNowModal h2,
body.signup-influencer .signup-form#applyNowModal h2,
body.signup-brand .signup-form#applyNowModal h2,
body.account-created .signup-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.signup .signup-form#applyNowModal p,
body.signup-influencer .signup-form#applyNowModal p,
body.signup-brand .signup-form#applyNowModal p,
body.account-created .signup-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.signup .login-form#applyNowModal h2,
body.signup-influencer .login-form#applyNowModal h2,
body.signup-brand .login-form#applyNowModal h2,
body.account-created .login-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.signup .login-form#applyNowModal p,
body.signup-influencer .login-form#applyNowModal p,
body.signup-brand .login-form#applyNowModal p,
body.account-created .login-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.signup .modal-static#applyNowModal h2,
body.signup-influencer .modal-static#applyNowModal h2,
body.signup-brand .modal-static#applyNowModal h2,
body.account-created .modal-static#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.signup .modal-static#applyNowModal p,
body.signup-influencer .modal-static#applyNowModal p,
body.signup-brand .modal-static#applyNowModal p,
body.account-created .modal-static#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}

body.request-password-reset {
  background: url("../images/glow-2.png") no-repeat bottom center #292a2e;
  background-size: 1250px;
  padding-top: 65px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-top: 0 !important;
}
body.request-password-reset .page-footer {
  border: none !important;
  background: transparent !important;
}
body.request-password-reset .page-footer hr.separator {
  border-top: 1px solid rgba(231, 235, 172, 0.2196078431);
}
body.request-password-reset .page-footer .footer-top-menu a {
  color: #adb5bd !important;
}
body.request-password-reset .page-footer .footer-top-menu a:hover {
  color: #fff !important;
}
body.request-password-reset .page-footer .footer-logo img {
  filter: invert(100%) brightness(200%);
}
body.request-password-reset .btn-call-to-action {
  background: #e7ebac;
  border-radius: 15px;
  border-color: #e7ebac;
  padding: 10px 20px;
  font-size: 12px;
  z-index: 120;
  position: relative;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
}
body.request-password-reset .btn-call-to-action:hover {
  background: #ffffff;
}
body.request-password-reset .btn-call-to-action:active {
  background: #ffffff;
}
body.request-password-reset .btn-call-to-action:focus {
  background: #ffffff;
}
body.request-password-reset .site-request-password-reset.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.request-password-reset .site-request-password-reset.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.request-password-reset .site-request-password-reset.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.request-password-reset .site-request-password-reset.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.request-password-reset .site-request-password-reset.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.request-password-reset .site-request-password-reset.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.request-password-reset .site-request-password-reset.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.request-password-reset .site-request-password-reset.dark div.modal-dialog div.modal-content h2 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 15px 0;
  letter-spacing: -1px;
  text-align: center;
  color: #fff;
}
body.request-password-reset .site-request-password-reset.dark div.modal-dialog div.modal-content p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin: 0 0 40px 0;
  line-height: 20px;
  text-align: center;
  color: #fff;
}

body.login {
  background: url("../images/glow-2.png") no-repeat bottom center #292a2e;
  background-size: 1250px;
  padding-top: 65px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body.login .btn-call-to-action {
  background: #e7ebac;
  border-radius: 15px;
  border-color: #e7ebac;
  padding: 10px 20px;
  font-size: 12px;
  z-index: 120;
  position: relative;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
}
body.login .btn-call-to-action:hover {
  background: #ffffff;
}
body.login .btn-call-to-action:active {
  background: #ffffff;
}
body.login .btn-call-to-action:focus {
  background: #ffffff;
}
body.login h2 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 15px 0;
  letter-spacing: -1px;
}
body.login h3 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 15px;
}
body.login p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin: 0 0 40px 0;
  line-height: 20px;
}
body.login header.main.home {
  background: url("../images/glow.png") no-repeat center 300px;
  margin-top: -65px;
  padding-top: 130px;
  position: relative;
}
body.login header.main.home nav.navbar {
  padding-top: 25px;
  padding-bottom: 25px;
  transform: translateY(0);
  transition: opacity 0.1s, transform 0.1s;
}
body.login header.main.home nav.navbar div.container-fluid a.navbar-brand img {
  min-width: 100px;
}
body.login header.main.home nav.navbar.scrolled {
  opacity: 0;
  transform: translateY(-50px);
}
body.login header.main.home section.intro {
  margin: 0 0 80px 0;
}
body.login header.main.home section.intro h1 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #ffffff;
  font-size: 40px;
  line-height: 38px;
  margin: 15px auto 40px;
  max-width: 350px;
  letter-spacing: -1px;
}
body.login header.main.home section.intro h1 span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
body.login header.main.home section.intro h1 span video {
  width: 35px;
  border-radius: 50%;
  margin: 0 5px -5px 5px;
  position: relative;
}
body.login header.main.home section.intro h1 span img {
  max-width: 100px;
}
body.login header.main.home section.intro h1 span:nth-of-type(2):after {
  content: "";
  background: url("../images/icon-verified.png") center center;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 4px;
  bottom: 0px;
}
body.login header.main.home section.intro-2 {
  margin: 0;
  color: #ffffff;
}
body.login header.main.home section.intro-2 video {
  margin: 0 0 150px 0;
  max-width: 340px;
  border-radius: 15px;
}
body.login header.main.home section.intro-2 p {
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.login section.columns {
  margin: 0 0 80px 0;
}
body.login section.columns div.column {
  border-radius: 15px;
  padding: 30px;
  color: #ffffff;
  margin: 0 0 25px 0;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.login section.columns div.column p {
  max-width: 260px;
}
body.login section.columns div.column img {
  max-width: 100%;
}
body.login section.columns div.column.column-1 {
  background: -moz-linear-gradient(top, rgba(81, 74, 82, 0.5), rgba(185, 134, 103, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(81, 74, 82, 0.5)", endColorstr="rgba(185, 134, 103, 0.5)");
}
body.login section.columns div.column.column-1 p {
  max-width: 240px;
}
body.login section.columns div.column.column-2 {
  background: -moz-linear-gradient(top, rgba(91, 116, 187, 0.5), rgba(184, 155, 232, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(91, 116, 187, 0.5)", endColorstr="rgba(184, 155, 232, 0.5)");
}
body.login section.columns div.column.column-2 img {
  margin-bottom: -30px;
}
body.login section.columns div.column.column-3 {
  background: -moz-linear-gradient(top, rgba(176, 219, 202, 0.15), rgba(230, 236, 164, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(176, 219, 202, 0.15)", endColorstr="rgba(230, 236, 164, 0.2)");
}
body.login section.columns div.column.column-3 img {
  max-width: 70%;
  margin: auto;
  display: block;
}
body.login section.carousel-wrapper {
  color: #ffffff;
  margin: 0 0 80px 0;
}
body.login section.carousel-wrapper h2 {
  margin-left: auto;
  margin-right: auto;
}
body.login section.carousel-wrapper p {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}
body.login section.carousel-wrapper div#carousel {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.2), rgba(176, 219, 202, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.2)", endColorstr="rgba(176, 219, 202, 0.2)");
  border-radius: 15px;
}
body.login section.carousel-wrapper div#carousel div.carousel-indicators button {
  position: relative;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  background: none;
  margin-bottom: 10px;
}
body.login section.carousel-wrapper div#carousel div.carousel-indicators button:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
  background-color: #e9ecef;
}
body.login section.carousel-wrapper div#carousel div.carousel-indicators button svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease-out;
}
body.login section.carousel-wrapper div#carousel div.carousel-indicators button circle {
  fill: none;
  stroke: #e9ecef;
  stroke-width: 2;
  stroke-dasharray: 94;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 5s linear;
  display: none;
}
body.login section.carousel-wrapper div#carousel div.carousel-indicators button [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  margin-right: 3px;
  margin-left: 3px;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
body.login section.carousel-wrapper div#carousel div.carousel-indicators button.active {
  opacity: 1;
}
body.login section.carousel-wrapper div#carousel div.carousel-indicators button.active:before {
  background-color: #e7ebac;
}
body.login section.carousel-wrapper div#carousel div.carousel-indicators button.active circle {
  stroke: #e7ebac;
  display: block;
}
body.login section.carousel-wrapper div#carousel div.carousel-inner {
  background: url("../images/gradient-flare.png") no-repeat 0 100px;
}
body.login section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item {
  padding: 40px;
  text-align: center;
}
body.login section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
  margin-bottom: 50px;
}
body.login section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
  margin-bottom: 40px;
}
body.login section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  line-height: 36px;
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #969696;
  margin: 0 0 15px 0;
}
body.login section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.login section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
  margin-bottom: 0;
  width: 255px;
  margin-left: auto;
  margin-right: auto;
}
body.login section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
  max-width: 100%;
}
body.login section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
  width: 268px;
}
body.login section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
  width: 259px;
}
body.login section.comparison {
  color: #ffffff;
  margin: 0 0 100px 0;
}
body.login section.comparison h2 {
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
}
body.login section.comparison p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.login section.comparison div.table-wrapper {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.1), rgba(176, 219, 202, 0.1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.1)", endColorstr="rgba(176, 219, 202, 0.1)");
  border-radius: 15px;
  padding: 20px;
}
body.login section.comparison div.table-wrapper table.table {
  color: #ffffff;
  margin: 0;
}
body.login section.comparison div.table-wrapper table.table tr th {
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
body.login section.comparison div.table-wrapper table.table tr th.brand {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  background: rgba(150, 150, 150, 0.2);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
body.login section.comparison div.table-wrapper table.table tr td {
  font-size: 12px;
  text-align: center;
}
body.login section.comparison div.table-wrapper table.table tr td i:before {
  color: #747577;
  font-size: 26px;
}
body.login section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.login section.comparison div.table-wrapper table.table tr td:nth-child(2) {
  background: rgba(150, 150, 150, 0.2);
}
body.login section.comparison div.table-wrapper table.table tr td.description {
  padding: 20px 0;
  text-align: left;
  width: 115px;
}
body.login section.comparison div.table-wrapper table.table tr td.description span {
  max-width: 115px;
  display: block;
}
body.login section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2) {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
> body.login section.comparison div.table-wrapper table.table:not(caption) > * > * {
  border-bottom-color: #565656;
}
body.login section.call-to-action {
  text-align: center;
  color: #ffffff;
  margin: 0 0 80px 0;
  overflow: hidden;
  position: relative;
}
body.login section.call-to-action p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.login section.call-to-action div.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
}
body.login section.video-carousel {
  margin-top: 25px;
  margin-bottom: 0;
}
body.login section.video-carousel video {
  border-radius: 15px;
  opacity: 0.35;
  margin: 0 25px;
}
body.login section.video-carousel div.slick-track {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.login div.modal.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.login div.modal.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.login div.modal.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.login div.modal.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.login div.modal.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.login div.modal.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login div.modal.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.login div.modal.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login div.modal.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.login div.modal.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login .signup-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.login .signup-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.login .signup-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.login .signup-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.login .signup-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.login .signup-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login .signup-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.login .signup-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login .signup-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.login .signup-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login .login-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.login .login-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.login .login-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.login .login-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.login .login-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.login .login-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login .login-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.login .login-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login .login-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.login .login-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login .modal-static.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.login .modal-static.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.login .modal-static.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.login .modal-static.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.login .modal-static.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.login .modal-static.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login .modal-static.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.login .modal-static.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login .modal-static.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.login .modal-static.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.login div.modal#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.login div.modal#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.login .signup-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.login .signup-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.login .login-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.login .login-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.login .modal-static#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.login .modal-static#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}

body.showcase {
  background: url("../images/glow-2.png") no-repeat bottom center #292a2e;
  background-size: 1250px;
  padding-top: 65px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body.showcase .btn-call-to-action {
  background: #e7ebac;
  border-radius: 15px;
  border-color: #e7ebac;
  padding: 10px 20px;
  font-size: 12px;
  z-index: 120;
  position: relative;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
}
body.showcase h2 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 15px 0;
  letter-spacing: -1px;
}
body.showcase h3 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 15px;
}
body.showcase p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin: 0 0 40px 0;
  line-height: 20px;
}
body.showcase header.main.home {
  background: url("../images/glow.png") no-repeat center 300px;
  margin-top: -65px;
  padding-top: 130px;
  position: relative;
}
body.showcase header.main.home nav.navbar {
  padding-top: 25px;
  padding-bottom: 25px;
  transform: translateY(0);
  transition: opacity 0.1s, transform 0.1s;
}
body.showcase header.main.home nav.navbar div.container-fluid a.navbar-brand img {
  min-width: 100px;
}
body.showcase header.main.home nav.navbar.scrolled {
  opacity: 0;
  transform: translateY(-50px);
}
body.showcase header.main.home section.intro {
  margin: 0 0 80px 0;
}
body.showcase header.main.home section.intro h1 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #ffffff;
  font-size: 40px;
  line-height: 38px;
  margin: 15px auto 40px;
  max-width: 350px;
  letter-spacing: -1px;
}
body.showcase header.main.home section.intro h1 span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
body.showcase header.main.home section.intro h1 span video {
  width: 35px;
  border-radius: 50%;
  margin: 0 5px -5px 5px;
  position: relative;
}
body.showcase header.main.home section.intro h1 span img {
  max-width: 100px;
}
body.showcase header.main.home section.intro h1 span:nth-of-type(2):after {
  content: "";
  background: url("../images/icon-verified.png") center center;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 4px;
  bottom: 0px;
}
body.showcase header.main.home section.intro-2 {
  margin: 0;
  color: #ffffff;
}
body.showcase header.main.home section.intro-2 video {
  margin: 0 0 150px 0;
  max-width: 340px;
  border-radius: 15px;
}
body.showcase header.main.home section.intro-2 p {
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.showcase section.columns {
  margin: 0 0 80px 0;
}
body.showcase section.columns div.column {
  border-radius: 15px;
  padding: 30px;
  color: #ffffff;
  margin: 0 0 25px 0;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.showcase section.columns div.column p {
  max-width: 260px;
}
body.showcase section.columns div.column img {
  max-width: 100%;
}
body.showcase section.columns div.column.column-1 {
  background: -moz-linear-gradient(top, rgba(81, 74, 82, 0.5), rgba(185, 134, 103, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(81, 74, 82, 0.5)", endColorstr="rgba(185, 134, 103, 0.5)");
}
body.showcase section.columns div.column.column-1 p {
  max-width: 240px;
}
body.showcase section.columns div.column.column-2 {
  background: -moz-linear-gradient(top, rgba(91, 116, 187, 0.5), rgba(184, 155, 232, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(91, 116, 187, 0.5)", endColorstr="rgba(184, 155, 232, 0.5)");
}
body.showcase section.columns div.column.column-2 img {
  margin-bottom: -30px;
}
body.showcase section.columns div.column.column-3 {
  background: -moz-linear-gradient(top, rgba(176, 219, 202, 0.15), rgba(230, 236, 164, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(176, 219, 202, 0.15)", endColorstr="rgba(230, 236, 164, 0.2)");
}
body.showcase section.columns div.column.column-3 img {
  max-width: 70%;
  margin: auto;
  display: block;
}
body.showcase section.carousel-wrapper h2 {
  margin-left: auto;
  margin-right: auto;
}
body.showcase section.carousel-wrapper p {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}
body.showcase section.carousel-wrapper div#carousel {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.2), rgba(176, 219, 202, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.2)", endColorstr="rgba(176, 219, 202, 0.2)");
  border-radius: 15px;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-indicators button {
  position: relative;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  background: none;
  margin-bottom: 10px;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-indicators button:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
  background-color: #e9ecef;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-indicators button svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease-out;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-indicators button circle {
  fill: none;
  stroke: #e9ecef;
  stroke-width: 2;
  stroke-dasharray: 94;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 5s linear;
  display: none;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-indicators button [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  margin-right: 3px;
  margin-left: 3px;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-indicators button.active {
  opacity: 1;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-indicators button.active:before {
  background-color: #e7ebac;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-indicators button.active circle {
  stroke: #e7ebac;
  display: block;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-inner {
  background: url("../images/gradient-flare.png") no-repeat 0 100px;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item {
  padding: 40px;
  text-align: center;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
  margin-bottom: 50px;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
  margin-bottom: 40px;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  line-height: 36px;
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #969696;
  margin: 0 0 15px 0;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
  margin-bottom: 0;
  width: 255px;
  margin-left: auto;
  margin-right: auto;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
  max-width: 100%;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
  width: 268px;
}
body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
  width: 259px;
}
body.showcase section.comparison h2 {
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
}
body.showcase section.comparison p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.showcase section.comparison div.table-wrapper {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.1), rgba(176, 219, 202, 0.1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.1)", endColorstr="rgba(176, 219, 202, 0.1)");
  border-radius: 15px;
  padding: 20px;
}
body.showcase section.comparison div.table-wrapper table.table tr th {
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
body.showcase section.comparison div.table-wrapper table.table tr th.brand {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  background: rgba(150, 150, 150, 0.2);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
body.showcase section.comparison div.table-wrapper table.table tr td {
  font-size: 12px;
  text-align: center;
}
body.showcase section.comparison div.table-wrapper table.table tr td i:before {
  color: #747577;
  font-size: 26px;
}
body.showcase section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.showcase section.comparison div.table-wrapper table.table tr td:nth-child(2) {
  background: rgba(150, 150, 150, 0.2);
}
body.showcase section.comparison div.table-wrapper table.table tr td.description {
  padding: 20px 0;
  text-align: left;
  width: 115px;
}
body.showcase section.comparison div.table-wrapper table.table tr td.description span {
  max-width: 115px;
  display: block;
}
body.showcase section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2) {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
body.showcase section.comparison div.table-wrapper table.table > :not(caption) > * > * {
  border-bottom-color: #565656;
}
body.showcase section.call-to-action {
  text-align: center;
  color: #ffffff;
  margin: 0 0 80px 0;
  overflow: hidden;
  position: relative;
}
body.showcase section.call-to-action p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.showcase section.call-to-action div.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
}
body.showcase section.video-carousel {
  margin-top: 25px;
  margin-bottom: 0;
}
body.showcase section.video-carousel video {
  border-radius: 15px;
  opacity: 0.35;
  margin: 0 25px;
}
body.showcase section.video-carousel div.slick-track {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.showcase div.modal.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.showcase div.modal.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.showcase div.modal.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.showcase div.modal.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.showcase div.modal.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.showcase div.modal.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase div.modal.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.showcase div.modal.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase div.modal.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.showcase div.modal.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase .signup-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.showcase .signup-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.showcase .signup-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.showcase .signup-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.showcase .signup-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.showcase .signup-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase .signup-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.showcase .signup-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase .signup-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.showcase .signup-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase .login-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.showcase .login-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.showcase .login-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.showcase .login-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.showcase .login-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.showcase .login-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase .login-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.showcase .login-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase .login-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.showcase .login-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase .modal-static.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.showcase .modal-static.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.showcase .modal-static.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.showcase .modal-static.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.showcase .modal-static.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.showcase .modal-static.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase .modal-static.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.showcase .modal-static.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase .modal-static.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.showcase .modal-static.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.showcase div.modal#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.showcase div.modal#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.showcase .signup-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.showcase .signup-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.showcase .login-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.showcase .login-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.showcase .modal-static#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.showcase .modal-static#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}

body.investors {
  background: url("../images/glow-2.png") no-repeat bottom center #292a2e;
  background-size: 1250px;
  padding-top: 65px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body.investors .btn-call-to-action {
  background: #e7ebac;
  border-radius: 15px;
  border-color: #e7ebac;
  padding: 10px 20px;
  font-size: 12px;
  z-index: 120;
  position: relative;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
}
body.investors h2 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 15px 0;
  letter-spacing: -1px;
}
body.investors h3 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 15px;
}
body.investors p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin: 0 0 40px 0;
  line-height: 20px;
}
body.investors header.main.home {
  background: url("../images/glow.png") no-repeat center 300px;
  margin-top: -65px;
  padding-top: 130px;
  position: relative;
}
body.investors header.main.home nav.navbar {
  padding-top: 25px;
  padding-bottom: 25px;
  transform: translateY(0);
  transition: opacity 0.1s, transform 0.1s;
}
body.investors header.main.home nav.navbar div.container-fluid a.navbar-brand img {
  min-width: 100px;
}
body.investors header.main.home nav.navbar.scrolled {
  opacity: 0;
  transform: translateY(-50px);
}
body.investors header.main.home section.intro {
  margin: 0 0 80px 0;
}
body.investors header.main.home section.intro h1 {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #ffffff;
  font-size: 40px;
  line-height: 38px;
  margin: 15px auto 40px;
  max-width: 350px;
  letter-spacing: -1px;
}
body.investors header.main.home section.intro h1 span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
body.investors header.main.home section.intro h1 span video {
  width: 35px;
  border-radius: 50%;
  margin: 0 5px -5px 5px;
  position: relative;
}
body.investors header.main.home section.intro h1 span img {
  max-width: 100px;
}
body.investors header.main.home section.intro h1 span:nth-of-type(2):after {
  content: "";
  background: url("../images/icon-verified.png") center center;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 4px;
  bottom: 0px;
}
body.investors header.main.home section.intro-2 {
  margin: 0;
  color: #ffffff;
}
body.investors header.main.home section.intro-2 video {
  margin: 0 0 150px 0;
  max-width: 340px;
  border-radius: 15px;
}
body.investors header.main.home section.intro-2 p {
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.investors section.columns {
  margin: 0 0 80px 0;
}
body.investors section.columns div.column {
  border-radius: 15px;
  padding: 30px;
  color: #ffffff;
  margin: 0 0 25px 0;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
body.investors section.columns div.column p {
  max-width: 260px;
}
body.investors section.columns div.column img {
  max-width: 100%;
}
body.investors section.columns div.column.column-1 {
  background: -moz-linear-gradient(top, rgba(81, 74, 82, 0.5), rgba(185, 134, 103, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(81, 74, 82, 0.5)", endColorstr="rgba(185, 134, 103, 0.5)");
}
body.investors section.columns div.column.column-1 p {
  max-width: 240px;
}
body.investors section.columns div.column.column-2 {
  background: -moz-linear-gradient(top, rgba(91, 116, 187, 0.5), rgba(184, 155, 232, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(91, 116, 187, 0.5)", endColorstr="rgba(184, 155, 232, 0.5)");
}
body.investors section.columns div.column.column-2 img {
  margin-bottom: -30px;
}
body.investors section.columns div.column.column-3 {
  background: -moz-linear-gradient(top, rgba(176, 219, 202, 0.15), rgba(230, 236, 164, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(176, 219, 202, 0.15)", endColorstr="rgba(230, 236, 164, 0.2)");
}
body.investors section.columns div.column.column-3 img {
  max-width: 70%;
  margin: auto;
  display: block;
}
body.investors section.carousel-wrapper h2 {
  margin-left: auto;
  margin-right: auto;
}
body.investors section.carousel-wrapper p {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}
body.investors section.carousel-wrapper div#carousel {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.2), rgba(176, 219, 202, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.2)", endColorstr="rgba(176, 219, 202, 0.2)");
  border-radius: 15px;
}
body.investors section.carousel-wrapper div#carousel div.carousel-indicators button {
  position: relative;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  background: none;
  margin-bottom: 10px;
}
body.investors section.carousel-wrapper div#carousel div.carousel-indicators button:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
  background-color: #e9ecef;
}
body.investors section.carousel-wrapper div#carousel div.carousel-indicators button svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease-out;
}
body.investors section.carousel-wrapper div#carousel div.carousel-indicators button circle {
  fill: none;
  stroke: #e9ecef;
  stroke-width: 2;
  stroke-dasharray: 94;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 5s linear;
  display: none;
}
body.investors section.carousel-wrapper div#carousel div.carousel-indicators button [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  margin-right: 3px;
  margin-left: 3px;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
body.investors section.carousel-wrapper div#carousel div.carousel-indicators button.active {
  opacity: 1;
}
body.investors section.carousel-wrapper div#carousel div.carousel-indicators button.active:before {
  background-color: #e7ebac;
}
body.investors section.carousel-wrapper div#carousel div.carousel-indicators button.active circle {
  stroke: #e7ebac;
  display: block;
}
body.investors section.carousel-wrapper div#carousel div.carousel-inner {
  background: url("../images/gradient-flare.png") no-repeat 0 100px;
}
body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item {
  padding: 40px;
  text-align: center;
}
body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
  margin-bottom: 50px;
}
body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
  margin-bottom: 40px;
}
body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  line-height: 36px;
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  color: #969696;
  margin: 0 0 15px 0;
}
body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header span {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
  margin-bottom: 0;
  width: 255px;
  margin-left: auto;
  margin-right: auto;
}
body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
  max-width: 100%;
}
body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
  width: 268px;
}
body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
  width: 259px;
}
body.investors section.comparison h2 {
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
}
body.investors section.comparison p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.investors section.comparison div.table-wrapper {
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.1), rgba(176, 219, 202, 0.1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(99, 137, 247, 0.1)", endColorstr="rgba(176, 219, 202, 0.1)");
  border-radius: 15px;
  padding: 20px;
}
body.investors section.comparison div.table-wrapper table.table tr th {
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
body.investors section.comparison div.table-wrapper table.table tr th.brand {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  background: rgba(150, 150, 150, 0.2);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
body.investors section.comparison div.table-wrapper table.table tr td {
  font-size: 12px;
  text-align: center;
}
body.investors section.comparison div.table-wrapper table.table tr td i:before {
  color: #747577;
  font-size: 26px;
}
body.investors section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before {
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.investors section.comparison div.table-wrapper table.table tr td:nth-child(2) {
  background: rgba(150, 150, 150, 0.2);
}
body.investors section.comparison div.table-wrapper table.table tr td.description {
  padding: 20px 0;
  text-align: left;
  width: 115px;
}
body.investors section.comparison div.table-wrapper table.table tr td.description span {
  max-width: 115px;
  display: block;
}
body.investors section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2) {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
body.investors section.comparison div.table-wrapper table.table > :not(caption) > * > * {
  border-bottom-color: #565656;
}
body.investors section.call-to-action {
  text-align: center;
  color: #ffffff;
  margin: 0 0 80px 0;
  overflow: hidden;
  position: relative;
}
body.investors section.call-to-action p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
body.investors section.call-to-action div.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
}
body.investors section.video-carousel {
  margin-top: 25px;
  margin-bottom: 0;
}
body.investors section.video-carousel video {
  border-radius: 15px;
  opacity: 0.35;
  margin: 0 25px;
}
body.investors section.video-carousel div.slick-track {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.investors div.modal.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.investors div.modal.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.investors div.modal.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.investors div.modal.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.investors div.modal.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.investors div.modal.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors div.modal.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.investors div.modal.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors div.modal.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.investors div.modal.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors .signup-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.investors .signup-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.investors .signup-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.investors .signup-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.investors .signup-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.investors .signup-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors .signup-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.investors .signup-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors .signup-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.investors .signup-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors .login-form.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.investors .login-form.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.investors .login-form.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.investors .login-form.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.investors .login-form.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.investors .login-form.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors .login-form.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.investors .login-form.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors .login-form.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.investors .login-form.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors .modal-static.dark div.modal-dialog div.modal-content {
  background: #1d1e22;
  border-color: #383a40;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-radius: 15px;
}
body.investors .modal-static.dark div.modal-dialog div.modal-content div.modal-header {
  border-bottom: none;
}
body.investors .modal-static.dark div.modal-dialog div.modal-content div.modal-header .btn-close {
  color: #969696;
}
body.investors .modal-static.dark div.modal-dialog div.modal-content div.modal-body {
  padding: 20px;
}
body.investors .modal-static.dark div.modal-dialog div.modal-content label {
  color: #969696;
}
body.investors .modal-static.dark div.modal-dialog div.modal-content input[type=email] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors .modal-static.dark div.modal-dialog div.modal-content input[type=email]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.investors .modal-static.dark div.modal-dialog div.modal-content input[type=text] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors .modal-static.dark div.modal-dialog div.modal-content input[type=text]:not(.form-control:invalid) {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
body.investors .modal-static.dark div.modal-dialog div.modal-content input[type=password] {
  background: #3f4043;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  color: #ffffff;
}
body.investors div.modal#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.investors div.modal#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.investors .signup-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.investors .signup-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.investors .login-form#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.investors .login-form#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}
body.investors .modal-static#applyNowModal h2 {
  font-size: 32px;
  line-height: 32px;
  background: -webkit-linear-gradient(#6389f7, #b0dbca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
body.investors .modal-static#applyNowModal p {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto 50px;
  max-width: 264px;
}

a {
  text-decoration: none;
  transition: all 250ms ease;
}

.iti.iti--allow-dropdown {
  width: 100%;
}

i[class^=flaticon-] {
  vertical-align: middle;
}

.btn-primary {
  color: #ffffff;
}
.btn-primary:hover {
  color: #ffffff;
}
.btn-primary:active {
  color: #ffffff;
}
.btn-primary:focus {
  color: #ffffff;
}

.btn-secondary {
  color: #ffffff;
}
.btn-secondary:hover {
  color: #ffffff;
}
.btn-secondary:active {
  color: #ffffff;
}
.btn-secondary:focus {
  color: #ffffff;
}

.btn {
  padding: 8px 20px;
  height: -moz-min-content;
  height: min-content;
}

.btn-light {
  border: 1px solid #e1e1e1;
}

.btn-xs {
  font-size: 11px;
  padding: 5px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-info {
  background: rgba(141, 170, 251, 0.3);
  color: #3063f6;
  border-color: transparent;
}
.btn-info:hover {
  background: rgba(141, 170, 251, 0.5);
  border-color: transparent;
}
.btn-info:active {
  background: rgba(141, 170, 251, 0.5);
  border-color: transparent;
}
.btn-info:focus {
  background: rgba(141, 170, 251, 0.5);
  border-color: transparent;
}

.btn.btn-styled {
  padding: 14.5px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-styled-mid {
  padding: 11px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 90%;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-base,
.btn-base-sm {
  padding: 8px 20px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  background: #ffffff;
  font-size: 12px;
  font-weight: 600;
  color: #292a2e;
  line-height: 1;
}
.btn-base:hover, .btn-base:active, .btn-base:focus,
.btn-base-sm:hover,
.btn-base-sm:active,
.btn-base-sm:focus {
  background-color: #fdfdfd;
  border-color: #e1e1e1;
}

.btn-base-sm {
  padding: 5px 10px;
}

.lightbox {
  z-index: 99999;
}

.lightboxOverlay {
  z-index: 99999;
}

a.close {
  font-size: 28px;
}

.modal {
  z-index: 99999;
}

.fs-7 {
  font-size: 12px;
}

hr {
  border-color: #e1e1e1;
}

.loading-spinner {
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}

.loading-spinner-2 {
  width: 48px;
  height: 48px;
  border: 5px solid #ffffff;
  border-bottom-color: #3063f6;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: 50%;
  right: 50%;
}

.page-loading-spinner {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  background-color: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.page-loading-spinner:before {
  content: "";
  width: 48px;
  height: 48px;
  border: 5px solid #ffffff;
  border-bottom-color: #3063f6;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: 50%;
  right: 50%;
}

.button-spinner:before {
  animation: rotation 1s linear infinite;
  display: inline-block;
}

i[class*=flaticon-reorder] {
  cursor: move;
  cursor: grabbing;
  cursor: grab;
}

div.text-container .two-line-truncate {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 36px;
}
div.text-container .text-expanded {
  display: block;
  overflow: visible;
  max-height: none;
}
div.text-container a {
  display: none;
}

.widget {
  transition: all 250ms ease;
}
.widget > div {
  font-weight: 500;
  font-size: 14px;
}
.widget table {
  font-weight: 500;
  font-size: 14px;
}
.widget span {
  font-weight: 400;
}

.button-nav a.btn-light {
  font-size: 12px;
}
.button-nav a.btn-light:hover {
  background-color: #3063f6;
  color: #ffffff;
}
.button-nav a.btn-light:active {
  background-color: #3063f6;
  color: #ffffff;
}
.button-nav a.btn-light:focus {
  background-color: #3063f6;
  color: #ffffff;
}
.button-nav a.btn-light i[class*=flaticon-] {
  font-size: 45px;
}

.btn-icon i {
  margin-left: 15px;
}

table th {
  font-weight: 500;
}
table th div.filter-control .form-control {
  padding: 0.375rem 0.75rem;
}
table th div.filter-control .form-select {
  padding: 0.375rem 0.75rem;
}

.form-control {
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  border-radius: 5px;
  font-size: 12px;
}

.form-select {
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  border-radius: 5px;
  font-size: 12px;
}

section.range-slider {
  position: relative;
  width: 100%;
  height: 35px;
  text-align: center;
}
section.range-slider input {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 15px;
  width: 100%;
  outline: none;
  height: 18px;
  margin: 0;
  padding: 0;
}
section.range-slider input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  outline: 0;
}
section.range-slider input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 9px;
}
section.range-slider input::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: black;
  border: 0;
}
section.range-slider input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
}
section.range-slider input[type=range]::-moz-focus-outer {
  border: 0;
}

.alert.alert-success {
  background-color: #55a05d;
  color: #ffffff;
}

.influencer {
  margin-bottom: 10px;
}
.influencer .thumbnail {
  position: relative;
  font-size: inherit;
  color: #1d1e22;
  display: block;
  margin-bottom: 15px;
  position: relative;
  height: 75px;
  background: rgba(236, 236, 236, 0.95) center center no-repeat;
  background-size: cover;
}
.influencer .thumbnail:before {
  position: absolute;
  content: "\f112";
  z-index: -1;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  font-family: flaticon_socialfair !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
}
.influencer span.bookmark {
  color: #1d1e22;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  z-index: 100;
  font-family: flaticon_socialfair !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  transition: all 250ms ease;
}
.influencer span.bookmark i {
  line-height: 1;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
  margin: 0;
}
.influencer span.bookmark:hover {
  transform: scale(1.1);
  color: #cf6767;
}
.influencer span.bookmark:active {
  transform: scale(1.1);
  color: #cf6767;
}
.influencer span.bookmark:focus {
  transform: scale(1.1);
  color: #cf6767;
}
.influencer span.bookmark.favorited:before {
  content: "\f105";
  color: #cf6767;
}
.influencer span.bookmark.not-favorited:before {
  content: "\f116";
  color: #1d1e22;
}
.influencer div.name {
  font-size: 100%;
  margin-bottom: 5px;
}
.influencer div.followers {
  font-size: 80%;
  line-height: 1;
  color: #969696;
}

div.file-input div.file-preview button.close.fileinput-remove {
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #d4d4d4;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 110;
}
div.file-input div.file-preview div.file-drop-zone div.file-preview-thumbnails div.file-preview-frame div.kv-file-content {
  overflow: hidden;
}
div.file-input div.file-caption div.input-group input.file-caption-name {
  display: none;
}
div.file-input div.file-caption div.input-group div.input-group-btn button.fileinput-remove {
  display: none;
}
div.file-input div.file-caption div.input-group div.input-group-btn button.fileinput-cancel {
  display: none;
}
div.file-input div.file-caption div.input-group div.input-group-btn button.fileinput-upload {
  display: none;
}

.StripeElement {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #cf6767;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#payment-form div.form-group.field-shippingperson-phone label.control-label {
  width: 100%;
}
#payment-form div.form-group.field-shippingperson-phone div.iti.iti--allow-dropdown {
  width: 100%;
}

.form-group-store-name {
  position: relative;
}
.form-group-store-name input {
  padding-left: 120px;
}
.form-group-store-name span.mask {
  color: #d4d4d4;
  position: absolute;
  bottom: 28px;
  left: 25px;
}

div.campaign-form form div.form-group {
  margin-bottom: 20px;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-preview {
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-preview button.close.fileinput-remove {
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #d4d4d4;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 110;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-preview div.file-drop-zone {
  margin: 0;
  min-height: inherit;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-preview div.file-drop-zone div.file-preview-thumbnails div.file-preview-frame div.kv-file-content {
  width: inherit;
  height: inherit;
  max-width: 200px;
  max-height: 200px;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-preview div.file-drop-zone div.file-preview-thumbnails div.file-preview-frame div.kv-file-content img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-preview div.file-drop-zone div.file-preview-thumbnails div.file-preview-frame div.file-thumbnail-footer {
  display: none;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-caption {
  margin-top: 10px;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-caption input.file-caption-name {
  display: none;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-caption button.fileinput-cancel {
  display: none;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-caption button.fileinput-remove {
  display: none;
}
div.campaign-form form div.form-group.field-campaign-campaign_page_url div.file-input div.file-caption button.fileinput-upload {
  display: none;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 12px;
}

section.page-with-sidebar {
  display: flex;
}
section.page-with-sidebar div#sidebar-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
section.page-with-sidebar div#sidebar-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1d1e22;
  opacity: 0.75;
}
section.page-with-sidebar div#sidebar-wrapper aside#sidebar {
  width: 297px;
  max-width: 297px;
  min-width: 297px;
  padding: 45px 20px 20px 20px;
  background: #e9eef4;
  border-right: 1px solid #e1e1e1;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -320px;
  transition: transform 0.3s ease;
}
section.page-with-sidebar div#sidebar-wrapper aside#sidebar a.logo {
  margin-bottom: 40px !important;
}
section.page-with-sidebar div#sidebar-wrapper aside#sidebar a.logo img {
  width: 120px;
  height: 25px;
}
section.page-with-sidebar div#sidebar-wrapper aside#sidebar ul.nav li.nav-item a.nav-link {
  color: #969696;
  font-weight: 600;
  padding: 5px 0;
}
section.page-with-sidebar div#sidebar-wrapper aside#sidebar ul.nav li.nav-item a.nav-link svg path {
  transition: fill 0.15s ease-in-out;
}
section.page-with-sidebar div#sidebar-wrapper aside#sidebar ul.nav li.nav-item a.nav-link:hover, section.page-with-sidebar div#sidebar-wrapper aside#sidebar ul.nav li.nav-item a.nav-link:focus, section.page-with-sidebar div#sidebar-wrapper aside#sidebar ul.nav li.nav-item a.nav-link:active {
  color: #3063f6;
}
section.page-with-sidebar div#sidebar-wrapper aside#sidebar ul.nav li.nav-item a.nav-link:hover svg path, section.page-with-sidebar div#sidebar-wrapper aside#sidebar ul.nav li.nav-item a.nav-link:focus svg path, section.page-with-sidebar div#sidebar-wrapper aside#sidebar ul.nav li.nav-item a.nav-link:active svg path {
  fill: #3063f6;
}
section.page-with-sidebar div#sidebar-wrapper aside#sidebar ul.nav li.nav-item a.nav-link.active {
  background: none;
  color: #3063f6;
}
section.page-with-sidebar div#sidebar-wrapper aside#sidebar ul.nav li.nav-item a.nav-link.active svg path {
  fill: #3063f6;
}
section.page-with-sidebar div#sidebar-wrapper aside#sidebar.show {
  transform: translateX(320px);
}
section.page-with-sidebar div#sidebar-wrapper.active {
  visibility: visible;
  opacity: 1;
  z-index: 1040;
}
section.page-with-sidebar div#filters-wrapper {
  transition: opacity 0.3s ease;
}
section.page-with-sidebar div#filters-wrapper:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1d1e22;
  opacity: 0.75;
}
section.page-with-sidebar div#filters-wrapper aside#filters {
  width: 320px;
  max-width: 320px;
  min-width: 320px;
  padding: 30px 20px 20px 20px;
  background: #e9eef4;
  border-right: 1px solid #e1e1e1;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -320px;
  transition: transform 0.3s ease;
}
section.page-with-sidebar div#filters-wrapper aside#filters a.logo img {
  max-width: 120px;
}
section.page-with-sidebar div#filters-wrapper aside#filters h3 {
  font-size: 14px;
}
section.page-with-sidebar div#filters-wrapper aside#filters ul.nav li.nav-item a.nav-link {
  color: #969696;
  padding: 5px 0;
}
section.page-with-sidebar div#filters-wrapper aside#filters ul.nav li.nav-item a.nav-link:hover {
  color: #3063f6;
}
section.page-with-sidebar div#filters-wrapper aside#filters ul.nav li.nav-item a.nav-link:active {
  color: #3063f6;
}
section.page-with-sidebar div#filters-wrapper aside#filters ul.nav li.nav-item a.nav-link:focus {
  color: #3063f6;
}
section.page-with-sidebar div#filters-wrapper aside#filters ul.nav li.nav-item a.nav-link.active {
  background: none;
  color: #3063f6;
}
section.page-with-sidebar div#filters-wrapper aside#filters div#filterCategory {
  max-height: 320px;
  overflow-y: scroll;
  box-sizing: content-box;
}
section.page-with-sidebar div#filters-wrapper aside#filters div#filterBrand {
  max-height: 320px;
  overflow-y: scroll;
  box-sizing: content-box;
}
section.page-with-sidebar div#filters-wrapper aside#filters div#filterBrand #brandSearch {
  position: relative;
}
section.page-with-sidebar div#filters-wrapper aside#filters div#filterBrand #brandSearch input {
  background-image: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23e1e1e1" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>');
  background-repeat: no-repeat;
  background-position: left 10px center;
  padding: 15px 10px 15px 40px;
  font-size: 14px;
  border: 1px solid #e1e1e1;
  margin: 0 0 20px 0;
}
section.page-with-sidebar div#filters-wrapper aside#filters div#filterBrand #brandSearch input:focus {
  box-shadow: none;
}
section.page-with-sidebar div#filters-wrapper aside#filters div#filterBrand #brandSearch input::-moz-placeholder {
  color: #e1e1e1;
}
section.page-with-sidebar div#filters-wrapper aside#filters div#filterBrand #brandSearch input::placeholder {
  color: #e1e1e1;
}
section.page-with-sidebar div#filters-wrapper aside#filters div#filterBrand #brandSearch button#clearSearch {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  opacity: 0.5;
}
section.page-with-sidebar div#filters-wrapper aside#filters.show {
  transform: translateX(320px);
}
section.page-with-sidebar div#filters-wrapper.hidden {
  visibility: hidden;
  opacity: 0;
}
section.page-with-sidebar div#filters-wrapper.active {
  visibility: visible;
  opacity: 1;
}

section div.main-content {
  width: 100%;
}
section div.main-content .section-creator-showcase .gallery {
  display: grid;
  grid-template-columns: 1FR;
  gap: 20px;
}
section div.main-content .section-creator-showcase .grid-item {
  height: -moz-min-content;
  height: min-content;
}
section div.main-content .section-creator-showcase .grid-item header {
  margin-bottom: 10px !important;
}
section div.main-content .section-creator-showcase .grid-item header a.creator {
  color: #292a2e;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.01em;
}
section div.main-content .section-creator-showcase .grid-item header a.creator img {
  height: 32px;
  width: 32px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.5rem;
}
section div.main-content .section-creator-showcase .grid-item header + img,
section div.main-content .section-creator-showcase .grid-item header + a img {
  width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  height: 334px !important;
  display: block;
  border-radius: 8px;
}
section div.main-content .section-creator-showcase .grid-item:nth-child(even) header + img,
section div.main-content .section-creator-showcase .grid-item:nth-child(even) header + a img {
  height: 419px !important;
}
section div.main-content header.page-header {
  background: linear-gradient(180deg, rgba(99, 137, 247, 0.5019607843) 5.67%, rgba(176, 219, 202, 0.5019607843) 88.2%), #3063f6;
  background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.5019607843) 5.67%, rgba(176, 219, 202, 0.5019607843) 88.2%), #3063f6;
  color: #ffffff;
  padding: 25px 20px 60px 20px;
}
section div.main-content header.page-header section.user-bar {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}
section div.main-content header.page-header section.user-bar a.logo {
  order: 2;
}
section div.main-content header.page-header section.user-bar a.logo img {
  display: block;
  width: 90px;
  height: 18px;
}
section div.main-content header.page-header section.user-bar div.hamburger {
  order: 1;
}
section div.main-content header.page-header section.user-bar div.hamburger div.hamburger-box {
  width: 18px;
  height: 12px;
}
section div.main-content header.page-header section.user-bar div.hamburger div.hamburger-box .hamburger-inner {
  width: 18px;
  height: 2px;
}
section div.main-content header.page-header section.user-bar div.hamburger div.hamburger-box .hamburger-inner::before {
  width: 18px;
  height: 2px;
  top: 5px;
}
section div.main-content header.page-header section.user-bar div.hamburger div.hamburger-box .hamburger-inner::after {
  width: 18px;
  height: 2px;
  top: 10px;
}
section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper {
  order: 3;
}
section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper > a {
  width: 40px;
  height: 40px;
  margin: 0 15px 0 0;
  background: center center no-repeat #ffffff;
  background-size: cover;
  border: 1px solid #ffffff;
  position: relative;
  z-index: 99997;
  font-weight: bold;
}
section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper > a:after {
  top: 50%;
  right: -17px;
  position: absolute;
  color: #ffffff;
  border-top-width: 0.4em;
  border-right-width: 0.4em;
  border-left-width: 0.4em;
}
section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper > a.show:after {
  color: #3063f6;
  transform: rotate(180deg);
}
section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper ul.dropdown-menu {
  overflow: hidden;
  padding: 70px 20px 20px 20px;
  top: -60px !important;
  right: -30px !important;
  border-radius: 8px;
}
section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper ul.dropdown-menu li a.dropdown-item {
  padding: 5px 0;
}
section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper ul.dropdown-menu li a.dropdown-item:hover {
  background: none;
  color: #3063f6;
}
section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper ul.dropdown-menu li a.dropdown-item:active {
  background: none;
  color: #3063f6;
}
section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper ul.dropdown-menu li a.dropdown-item:focus {
  background: none;
  color: #3063f6;
}
section div.main-content header.page-header section.user-bar section.search {
  width: 100%;
  margin: 20px auto 0;
  position: relative;
  order: 4;
}
section div.main-content header.page-header section.user-bar section.search input {
  background-image: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ffffff" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>');
  background-repeat: no-repeat;
  background-position: left 20px center;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 8px 40px 8px 50px;
  font-size: 14px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  color: #ffffff;
  height: 40px;
}
section div.main-content header.page-header section.user-bar section.search input::-moz-placeholder {
  color: #ffffff;
}
section div.main-content header.page-header section.user-bar section.search input::placeholder {
  color: #ffffff;
}
section div.main-content header.page-header section.user-bar section.search i.clear-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 2em;
  cursor: pointer;
}
section div.main-content header.page-header h1 {
  margin: 0 0 35px 0;
}
section div.main-content header.page-header h3.subtitle {
  margin-bottom: 30px;
}
section div.main-content header.page-header div.widgets div.widget-slider {
  position: relative;
  width: calc(100% + 20px);
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li {
  width: 163px !important;
  height: 163px !important;
  margin-right: 10px !important;
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li .next-payment-info p {
  margin: 0;
  font-size: 18px;
  line-height: 90%;
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li .next-payment-info p:first-child {
  font-size: 32px !important;
  margin-bottom: 15px;
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div {
  background: rgba(48, 99, 246, 0.6509803922);
  padding: 20px;
  color: #ffffff;
  border-radius: 8px;
  height: 163px;
  width: 163px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div:before {
  content: "";
  position: absolute;
  background: #3063f6;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.6;
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 110;
  position: relative;
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div header a {
  color: #ffffff;
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div header a:hover {
  opacity: 0.75;
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div header a:active {
  opacity: 0.75;
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div header a:focus {
  opacity: 0.75;
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div header i {
  color: #ffffff;
}
section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div div {
  font-size: 18px;
  line-height: 1;
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 110;
  font-weight: 600;
}
section div.main-content header.page-header div.widgets div.widget-slider ol.flex-control-nav {
  bottom: -50px;
}
section div.main-content header.page-header div.widgets div.widget-slider ol.flex-control-nav li a {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: none;
}
section div.main-content header.page-header div.widgets div.widget-slider ol.flex-control-nav li a.flex-active {
  background: #ffffff;
}
section div.main-content header.page-header ul.nav-discover.horizontal-scroll {
  width: calc(100% + 20px);
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
section div.main-content header.page-header ul.nav-discover.horizontal-scroll .nav-item {
  display: inline-block;
}
section div.main-content header.page-header ul.nav-discover a {
  color: #ffffff;
  opacity: 0.5;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0px;
  margin-right: 30px;
  font-size: 14px;
  padding: 0 0 3px 0;
}
section div.main-content header.page-header ul.nav-discover a.active {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  background: none;
  opacity: 1;
}
section div.main-content header.page-header.type-light {
  padding: 20px 20px 40px 20px;
}
section div.main-content header.page-header.type-light section.user-bar {
  margin-bottom: 0;
}
section div.main-content header.page-header.type-white {
  padding: 20px 18px 34px 18px;
  background: #f4f6f9;
}
section div.main-content header.page-header.type-white .hamburger-inner,
section div.main-content header.page-header.type-white .hamburger-inner::before,
section div.main-content header.page-header.type-white .hamburger-inner::after {
  background-color: #292a2e;
}
section div.main-content header.page-header.type-white section.user-bar div.profile-dropdown-wrapper > a:after {
  color: #292a2e;
}
section div.main-content div.page-content {
  background: #f4f6f9;
  border-radius: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 30px 20px;
  padding-bottom: 50px;
  margin-top: -20px;
}
section div.main-content div.page-content .tag {
  border-radius: 4px;
  background: #e6eca4;
  color: #1d1e22;
  padding: 5px 10px;
  text-align: center;
  font-size: 10px;
  display: inline-block;
  font-weight: 600;
  margin: 0 !important;
}
section div.main-content div.page-content .tag + a {
  margin: 0 !important;
}
section div.main-content div.page-content div.section-title h1 {
  font-size: 24px;
}
section div.main-content div.page-content div.section-title h2 {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 600;
}
section div.main-content div.page-content div.section-title h2 ul#pills-tab li.nav-item a {
  color: #d4d4d4;
}
section div.main-content div.page-content div.section-title h2 ul#pills-tab li.nav-item a.active {
  color: #3063f6;
}
section div.main-content div.page-content div.section-title h2 ul.nav li.nav-item a.nav-link {
  color: #565656;
  margin-left: calc(-1 * var(--bs-nav-link-padding-x));
}
section div.main-content div.page-content div.section-title h2 ul.nav li.nav-item a.nav-link.active {
  color: #3063f6;
}
section div.main-content div.page-content div.section-title h2 small {
  color: #969696;
}
section div.main-content div.page-content div.section-title h2 small a {
  color: #969696;
}
section div.main-content div.page-content div.section-title-small h2 {
  font-size: 16px;
  color: #565656;
  margin-bottom: 20px;
}
section div.main-content div.page-content div.section-title-large h2 {
  font-size: 24px;
  margin-bottom: 30px;
}
section div.main-content div.page-content div.product-grid div.product-wrapper {
  position: relative;
}
section div.main-content div.page-content div.product-grid div.product-wrapper div.product {
  aspect-ratio: 1/1;
  border-radius: 0px;
  color: #1d1e22;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  background: #ffffff;
  margin: 0;
  transition: all 250ms ease;
}
section div.main-content div.page-content div.product-grid div.product-wrapper div.product:hover {
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
section div.main-content div.page-content div.product-grid div.product-wrapper div.product:active {
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
section div.main-content div.page-content div.product-grid div.product-wrapper div.product:focus {
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
section div.main-content div.page-content div.product-grid div.product-wrapper div.product a.image {
  background: no-repeat center center;
  background-size: cover;
  height: 100%;
}
section div.main-content div.page-content div.product-grid div.product-wrapper div.product header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 10px;
}
section div.main-content div.page-content div.product-grid div.product-wrapper div.product header span.favorite {
  color: #1d1e22;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #e9ecef;
}
section div.main-content div.page-content div.product-grid div.product-wrapper div.product header span.favorite i {
  line-height: 1;
  color: #565656;
}
section div.main-content div.page-content div.product-grid div.product-wrapper div.product header span.favorite .spinner-border {
  width: 1rem;
  height: 1rem;
  vertical-align: -0.125em;
}
section div.main-content div.page-content div.product-grid div.product-wrapper footer {
  width: 100%;
  text-align: left;
  padding-top: 10px;
  display: grid;
  gap: 6px;
}
section div.main-content div.page-content div.product-grid div.product-wrapper footer span {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin: 0 !important;
}
section div.main-content div.page-content div.product-grid div.product-wrapper footer span.brand-name {
  width: 100%;
  display: block;
  color: #969696;
  margin-bottom: 6px !important;
}
section div.main-content div.page-content div.product-grid div.product-wrapper footer span.product-name {
  width: 100%;
  display: block;
}
section div.main-content div.page-content div.product-grid div.product-wrapper footer span.price {
  width: 100%;
  display: block;
  font-weight: 700;
  line-height: 16px;
}
section div.main-content div.page-content div.product-grid div.product-wrapper a.btn {
  font-size: 11px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0;
  padding: 7px 16px !important;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin-top: 15px;
}
section div.main-content div.page-content div.product-grid div.product-wrapper a.btn.btn-outline-primary {
  border-color: #e1e1e1;
  background-color: #ffffff;
  width: 100%;
  margin-top: 15px !important;
}
section div.main-content div.page-content div.product-grid div.product-wrapper a.btn.btn-outline-primary:hover {
  background-color: #3063f6;
  border-color: #3063f6;
}
section div.main-content div.page-content div.product-grid div.product-wrapper a.btn.btn-outline-primary:active {
  background-color: #3063f6;
  border-color: #3063f6;
}
section div.main-content div.page-content div.product-grid div.product-wrapper a.btn.btn-outline-primary:focus {
  background-color: #3063f6;
  border-color: #3063f6;
  color: #fff !important;
}
section div.main-content div.page-content div.product-grid div.product-wrapper a.btn.btn-outline-danger {
  border-color: #e1e1e1;
  background-color: #fff;
}
section div.main-content div.page-content div.product-grid div.product-wrapper a.btn.btn-outline-danger:hover {
  border-color: #cf6767;
  background-color: #cf6767;
}
section div.main-content div.page-content div.product-grid div.product-wrapper a.btn.btn-outline-danger:active {
  border-color: #cf6767;
  background-color: #cf6767;
}
section div.main-content div.page-content div.product-grid div.product-wrapper a.btn.btn-outline-danger:focus {
  border-color: #cf6767;
  background-color: #cf6767;
}
section div.main-content div.page-content nav#productPagination {
  display: block;
  margin: 0;
  margin-top: 60px;
}
section div.main-content div.page-content nav#productPagination ul.pagination {
  justify-content: center;
  align-items: center;
}
section div.main-content div.page-content nav#productPagination ul.pagination li.page-item {
  display: block;
}
section div.main-content div.page-content nav#productPagination ul.pagination li.page-item a.page-link {
  background: none;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin: 0 5px;
  font-size: 14px;
  font-weight: 600;
  color: #6389f7;
  color: #292a2e;
  white-space: nowrap;
}
section div.main-content div.page-content nav#productPagination ul.pagination li.page-item.active a.page-link {
  background: #cfd8f7;
  color: #3063f6;
}
section div.main-content div.page-content hr.divider {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  border-top: 1px solid #d0d0d0;
}
section div.main-content div.page-content hr.divider.m-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
section div.main-content div.page-content div.campaign-grid div.campaign {
  background: #e9eef4;
  border-radius: 8px;
  overflow: hidden;
}
section div.main-content div.page-content div.campaign-grid div.campaign a.manage-compaign-btn {
  border: 1px solid #3063f6;
  border-radius: 8px;
  padding: 12px 20px;
  height: 40px;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  font-size: 14px;
  font-weight: 600;
  line-height: 90%;
}
section div.main-content div.page-content div.campaign-grid div.campaign header {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  background: no-repeat center center;
  background-size: cover;
  height: 188px;
}
section div.main-content div.page-content div.campaign-grid div.campaign header span.tag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 110;
  font-weight: bold;
}
section div.main-content div.page-content div.campaign-grid div.campaign header span.tag i {
  margin-right: 5px;
}
section div.main-content div.page-content div.campaign-grid div.campaign header span.upcoming-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #cf6767;
  padding: 2px 5px;
  z-index: 100;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
section div.main-content div.page-content div.campaign-grid div.campaign header span.tag.bg-success {
  background-color: #b0dbca !important;
}
section div.main-content div.page-content div.campaign-grid div.campaign header span.tag.bg-danger {
  background-color: #cf6767 !important;
  color: #ffffff;
}
section div.main-content div.page-content div.campaign-grid div.campaign header a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #ffffff;
  z-index: 110;
  position: relative;
  height: 100%;
}
section div.main-content div.page-content div.campaign-grid div.campaign header:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
section div.main-content div.page-content div.campaign-grid div.campaign footer {
  padding: 24px;
}
section div.main-content div.page-content div.campaign-grid div.campaign footer:has(.manage-compaign-btn) {
  display: grid;
  gap: 15px;
}
section div.main-content div.page-content div.campaign-grid div.campaign footer:has(.manage-compaign-btn) .campaign-dates,
section div.main-content div.page-content div.campaign-grid div.campaign footer:has(.manage-compaign-btn) .campaign-status {
  margin: 0 !important;
}
section div.main-content div.page-content div.campaign-grid div.campaign footer div.campaign-dates {
  font-size: 12px;
  font-weight: 600;
  line-height: 10.8px;
  margin-bottom: 15px;
  color: #565656;
}
section div.main-content div.page-content div.campaign-grid div.campaign footer .campaign-description {
  font-size: 13px;
  font-weight: 500;
  line-height: 19.6px;
  margin-bottom: 0px;
}
section div.main-content div.page-content div.creator-grid div.creator > a {
  margin-bottom: 20px;
}
section div.main-content div.page-content div.creator-grid div.creator > a img {
  border-radius: 15px;
  max-width: 100%;
}
section div.main-content div.page-content div.creator-grid div.creator a.creator-element {
  padding: 5px;
  background: #ffffff;
  color: #1d1e22;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: all 250ms ease;
}
section div.main-content div.page-content div.creator-grid div.creator a.creator-element img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin: 0 15px 0 0;
}
section div.main-content div.page-content div.creator-grid div.creator a.creator-element span:last-of-type {
  color: #3063f6;
}
section div.main-content div.page-content div.creator-grid div.creator a.creator-element:hover {
  box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;
}
section div.main-content div.page-content div.creator-grid div.creator a.creator-element:active {
  box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;
}
section div.main-content div.page-content div.creator-grid div.creator a.creator-element:focus {
  box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;
}
section div.main-content div.page-content table#table-my-products tbody tr td div.product-image.product-image-50 {
  width: 50px;
  height: 50px;
  background: no-repeat center center;
  background-size: cover;
}
section div.main-content div.page-content .nav-tabs-light.horizontal-scroll {
  width: calc(100% + 20px);
  flex-wrap: nowrap;
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: none;
  margin-bottom: 30px !important;
}
section div.main-content div.page-content .nav-tabs-light.horizontal-scroll li.nav-item a.nav-link {
  padding: 0;
  margin-right: 20px;
  color: #969696;
}
section div.main-content div.page-content .nav-tabs-light.horizontal-scroll li.nav-item a.nav-link.active {
  color: #3063f6;
  border-bottom: 1px solid #3063f6;
}
section div.main-content div.page-content div.brand-grid-wrapper div.brand-wrapper {
  position: relative;
}
section div.main-content div.page-content div.brand-grid-wrapper div.brand-wrapper span.favorite {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #1d1e22;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #e9ecef;
  z-index: 110;
  cursor: pointer;
}
section div.main-content div.page-content div.brand-grid-wrapper div.brand-wrapper span.favorite i {
  line-height: 1;
  color: #565656;
}
section div.main-content div.page-content div.brand-grid-wrapper div.brand-wrapper span.favorite .spinner-border {
  width: 1rem;
  height: 1rem;
  vertical-align: -0.125em;
}
section div.main-content div.page-content div.brand-grid-wrapper div.brand-wrapper a.brand {
  background: no-repeat center center;
  background-size: cover;
  aspect-ratio: 3/4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  color: #ffffff;
}
section div.main-content div.page-content div.brand-grid-wrapper div.brand-wrapper a.brand span {
  position: relative;
  z-index: 110;
  text-align: center;
}
section div.main-content div.page-content div.brand-grid-wrapper div.brand-wrapper a.brand:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
section div.main-content div.page-content h3.brand-group-title {
  margin-top: 30px;
  margin-bottom: 30px;
}
section div.main-content div.page-content h3.brand-group-title:first-child {
  margin-top: 0px;
}
section div.main-content div.page-content:has(.alphabet-nav) {
  position: relative;
}
section div.main-content div.page-content div.alphabet-nav {
  position: absolute;
  right: 0;
  top: 30px;
  padding: 0 5px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
section div.main-content div.page-content div.alphabet-nav a {
  font-size: 11px;
  color: #1d1e22;
}
section div.main-content div.page-content div.alphabet-nav.sticky {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
}
section div.main-content div.page-content div.explore-categories-grid-wrapper {
  display: flex;
  justify-content: flex-start;
  width: calc(100% + 20px);
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  color: #1d1e22;
  max-width: 75px;
}
section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category img {
  margin-bottom: 15px;
  width: 75px;
}
section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category span {
  font-size: 14px;
}
section div.main-content div.page-content div.explore-categories-grid-wrapper.explore-categories-discover a.explore-category {
  margin-right: 30px;
}
section div.main-content div.page-content .masonry-grid .grid-item header {
  margin: 20px 0 10px 0;
}
section div.main-content div.page-content .masonry-grid .grid-item header a.creator {
  color: #1d1e22;
}
section div.main-content div.page-content .masonry-grid .grid-item > img {
  width: 100%;
}
section div.main-content div.page-content .masonry-grid .grid-item > a > img {
  min-width: 100%;
}
section div.main-content div.page-content .btn-filters-toggle {
  font-size: 12px;
  padding: 8px 20px;
  line-height: 11px;
  height: 30px;
  font-weight: 600;
  border: 1px solid #e1e1e1;
  border-radius: 8px !important;
  gap: 8px;
}
section div.main-content div.page-content .btn-filters-toggle-xl {
  font-size: 12px;
  padding: 8px 20px;
  line-height: 11px;
  height: 30px;
  font-weight: 600;
  border: 1px solid #e1e1e1;
  border-radius: 8px !important;
  gap: 8px;
}
section div.main-content div.page-content .dropdown-sort .dropdown-toggle {
  font-size: 12px;
  padding: 8px 20px;
  line-height: 11px;
  height: 30px;
  font-weight: 600;
  border: 1px solid #e1e1e1;
  border-radius: 8px !important;
  background-color: #fff !important;
  gap: 8px;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper {
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 99998;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper:before {
  display: none;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters {
  max-width: inherit;
  min-width: inherit;
  padding: 0;
  background: none;
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 100%;
  position: relative;
  top: inherit;
  left: inherit;
  transition: transform 0.3s ease;
  width: inherit;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters header a.btn-filters-toggle-close {
  display: none;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters h3 {
  font-size: 14px;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters ul.nav li.nav-item a.nav-link {
  color: #969696;
  padding: 5px 0;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters ul.nav li.nav-item a.nav-link:hover {
  color: #3063f6;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters ul.nav li.nav-item a.nav-link:active {
  color: #3063f6;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters ul.nav li.nav-item a.nav-link:focus {
  color: #3063f6;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters ul.nav li.nav-item a.nav-link.active {
  background: none;
  color: #3063f6;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters div#filterCategory {
  max-height: 320px;
  overflow-y: scroll;
  box-sizing: content-box;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters div#filterBrand {
  max-height: 320px;
  overflow-y: scroll;
  box-sizing: content-box;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters div#filterBrand #brandSearch {
  position: relative;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters div#filterBrand #brandSearch input {
  background-image: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23e1e1e1" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>');
  background-repeat: no-repeat;
  background-position: left 10px center;
  padding: 15px 10px 15px 40px;
  font-size: 14px;
  border: 1px solid #e1e1e1;
  margin: 0 0 20px 0;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters div#filterBrand #brandSearch input:focus {
  box-shadow: none;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters div#filterBrand #brandSearch input::-moz-placeholder {
  color: #e1e1e1;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters div#filterBrand #brandSearch input::placeholder {
  color: #e1e1e1;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters div#filterBrand #brandSearch button#clearSearch {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  opacity: 0.5;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper aside#filters.show {
  transform: inherit;
  visibility: visible;
}
section div.main-content div.page-content div.filter-column div#filters-wrapper.active {
  visibility: visible;
  opacity: 1;
}
section div.main-content div.page-content .filter-column:has(#filters-wrapper.show) {
  display: block !important;
}
section div.main-content div.page-content div#filters-wrapper.show {
  visibility: unset !important;
}
section div.main-content div.page-content header.brand-header {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 25px;
  position: relative;
}
section div.main-content div.page-content header.brand-header div.favorite-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
}
section div.main-content div.page-content header.brand-header div.favorite-wrapper span.favorite {
  color: #1d1e22;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #e9ecef;
}
section div.main-content div.page-content header.brand-header div.favorite-wrapper span.favorite i {
  line-height: 1;
  color: #565656;
}
section div.main-content div.page-content header.brand-header div.favorite-wrapper span.favorite .spinner-border {
  width: 1rem;
  height: 1rem;
  vertical-align: -0.125em;
}
section div.main-content div.page-content header.brand-header span:not(.favorite) {
  display: block;
  width: 100px;
  height: 100px;
  min-width: 100px;
  border-radius: 50%;
  margin: 0 20px;
}
section div.main-content div.page-content .campaign-status-container {
  background: #e9eef4;
  padding: 35px;
}
section div.main-content div.page-content .campaign-status-container .section-title {
  max-width: 574px;
  margin: 0 auto;
}
section div.main-content div.page-content .campaign-status-container .section-title h2 {
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.01em;
  max-width: 80%;
  margin: 0 auto 15px;
}
section div.main-content div.page-content .campaign-status-container .section-title p {
  font-weight: 500;
  font-size: 13px;
}
section div.main-content div.page-content .header-content {
  display: grid;
  row-gap: 30px;
}
section div.main-content div.page-content .header-content + hr {
  margin: 30px 0;
}
section div.main-content div.page-content div.section-title.heading-title h2 {
  font-size: 24px;
  text-transform: capitalize;
}
section div.main-content div.page-content div.section-title.heading-title h5 {
  font-size: 14px;
  margin-bottom: 0px;
  color: #565656;
  margin-top: 15px;
  font-weight: 600;
}
section div.main-content div.page-content div.section-title.heading-title hr.divider {
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}

div.filter-tags-wrapper div.tags div.btn.btn-outline-dark.btn-sm {
  cursor: inherit;
  border-color: #adb5bd;
}
div.filter-tags-wrapper div.tags div.btn.btn-outline-dark.btn-sm span.close-tag {
  padding: 5px 10px;
  background-color: #e9ecef;
  margin: 1px -8px 1px 8px;
  color: #565656;
  border-radius: 4px;
  border-top-left-radius: 0;
  cursor: pointer;
}

.scrollable-bar {
  -webkit-overflow-scrolling: touch;
}
.scrollable-bar::-webkit-scrollbar {
  display: none;
}

div.campaign a {
  transition: all 250ms ease;
}
div.campaign a:hover {
  color: #565656;
  opacity: 0.9;
}
div.campaign a:active {
  color: #565656;
  opacity: 0.9;
}
div.campaign a:focus {
  color: #565656;
  opacity: 0.9;
}
div.campaign a.thumbnail {
  background: center center no-repeat #f8f9fa;
  background-size: cover;
  width: 100%;
  height: 150px;
  border-radius: 5px;
}
div.campaign div.actions {
  position: absolute;
  bottom: 30px;
  right: 10px;
  opacity: 0;
  transition: all 250ms ease;
}
div.campaign div.actions a {
  display: inline-block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
}
div.campaign div.actions a i:before {
  font-size: 12px;
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
}
div.campaign a.campaign-name {
  color: #1d1e22;
}
div.campaign:hover div.actions {
  opacity: 1;
}
div.campaign:active div.actions {
  opacity: 1;
}
div.campaign:focus div.actions {
  opacity: 1;
}

div.campaign.add a.thumbnail {
  color: #1d1e22;
  background: #f8f9fa;
  transition: all 250ms ease;
}
div.campaign.add a.thumbnail:hover {
  background: #e9eaee;
}
div.campaign.add a.thumbnail:hover i.flaticon-add {
  color: #adb5bd;
}
div.campaign.add a.thumbnail:active {
  background: #e9eaee;
}
div.campaign.add a.thumbnail:active i.flaticon-add {
  color: #adb5bd;
}
div.campaign.add a.thumbnail:focus {
  background: #e9eaee;
}
div.campaign.add a.thumbnail:focus i.flaticon-add {
  color: #adb5bd;
}
div.campaign.add a.thumbnail i.flaticon-add {
  color: #d4d4d4;
}
div.campaign.add a.thumbnail i.flaticon-add:before {
  font-size: 34px;
}

section.campaigns div#campaignCarousel .campaign-hero {
  background: center center no-repeat #1d1e22;
  background-size: cover;
  color: #ffffff;
  position: relative;
}
section.campaigns div#campaignCarousel .campaign-hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
}
section.campaigns div#campaignCarousel .campaign-hero > div {
  position: relative;
  z-index: 110;
}

#campaignCarousel section.campaign-hero {
  background-size: cover;
}

.card-campaign .campaign-image {
  background: center center no-repeat;
  background-size: cover;
  min-height: 400px;
}

section.page-profile div.row.image div.field-user-profile_image div.file-input div.file-preview {
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 20px 0 20px 0;
  width: 120px;
  height: 120px;
  border: 1px dashed #e9ecef;
  border-radius: 50%;
}
section.page-profile div.row.image div.field-user-profile_image div.file-input div.file-preview button.close.fileinput-remove {
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #d4d4d4;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 110;
}
section.page-profile div.row.image div.field-user-profile_image div.file-input div.file-preview div.file-drop-zone {
  margin: 10px 0 0 10px;
  padding: 0;
  border-radius: 50%;
  min-height: inherit;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border: 1px solid #d4d4d4;
}
section.page-profile div.row.image div.field-user-profile_image div.file-input div.file-preview div.file-drop-zone div.file-preview-thumbnails div.krajee-default.file-preview-frame {
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
section.page-profile div.row.image div.field-user-profile_image div.file-input div.file-preview div.file-drop-zone div.file-preview-thumbnails div.krajee-default.file-preview-frame div.kv-file-content {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 0;
}
section.page-profile div.row.image div.field-user-profile_image div.file-input div.file-preview div.file-drop-zone div.file-preview-thumbnails div.krajee-default.file-preview-frame div.kv-file-content img {
  min-height: 100%;
  min-width: 100%;
}
section.page-profile div.row.image div.field-user-profile_image div.file-input div.file-preview div.file-drop-zone div.file-preview-thumbnails div.krajee-default.file-preview-frame div.file-thumbnail-footer {
  display: none;
}
section.page-profile div.row.image div.field-user-profile_image div.file-caption div.input-group input.file-caption-name {
  display: none;
}
section.page-profile div.row.image div.field-user-profile_image div.file-caption div.input-group div.input-group-btn button.fileinput-cancel {
  display: none;
}
section.page-profile div.row.image div.field-user-profile_image div.file-caption div.input-group div.input-group-btn button.fileinput-remove {
  display: none;
}
section.page-profile div.row.image div.field-user-profile_image div.file-caption div.input-group div.input-group-btn button.fileinput-upload {
  display: none;
}
section.page-profile div.field-user-access_token {
  display: none;
}

section#app .inbox-feed-message {
  display: block;
  color: #1d1e22;
  padding: 20px 20px 20px 30px;
  margin: 0 0 5px 0;
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  position: relative;
  border-radius: 5px;
}
section#app .inbox-feed-message div.room-name {
  font-weight: 600;
}
section#app .inbox-feed-message div.room-name span {
  font-weight: 400;
}
section#app .inbox-feed-message span.timestamp {
  color: #d4d4d4;
}
section#app .inbox-feed-message:hover {
  background: #e9ecef;
  color: #1d1e22;
  border-color: #e9eaee;
}
section#app .inbox-feed-message:hover span.timestamp {
  color: #969696;
}
section#app .inbox-feed-message:active {
  background: #e9ecef;
  color: #1d1e22;
  border-color: #e9eaee;
}
section#app .inbox-feed-message:active span.timestamp {
  color: #969696;
}
section#app .inbox-feed-message:focus {
  background: #e9ecef;
  color: #1d1e22;
  border-color: #e9eaee;
}
section#app .inbox-feed-message:focus span.timestamp {
  color: #969696;
}
section#app .inbox-feed-message.unread:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 28px;
  width: 8px;
  height: 8px;
  background: #3063f6;
  border-radius: 50%;
}
section#app div.inbox-message {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #f8f9fa;
}
section#app div.inbox-message div.sender div.thumbnail {
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: block;
}
section#app div.inbox-message div.sender div.thumbnail img {
  max-width: 35px;
  display: block;
}
section#app div.inbox-message div.sender div.sender-information span.email {
  color: #adb5bd;
}
section#app div.inbox-message-content label {
  text-transform: uppercase;
  color: #adb5bd;
  font-weight: 400;
}

section#product div.product-images {
  position: relative;
}
section#product div.product-images span.favorite {
  color: #1d1e22;
  position: absolute;
  top: 5px;
  right: 15px;
  width: 40px;
  height: 40px;
  z-index: 110;
  cursor: pointer;
  z-index: 9998;
  display: flex;
  justify-content: center;
  align-items: center;
}
section#product div.product-images span.favorite i.bi-heart {
  font-size: 2em;
}
section#product div.product-images span.favorite i.bi-heart-fill {
  font-size: 2em;
}
section#product div.product-images div.flexslider-product-images {
  border-radius: 5px;
  overflow: hidden;
  z-index: 100;
  position: relative;
}
section#product div.product-images div.flexslider-product-images img {
  max-width: 100%;
}
section#product div.product-images div.flexslider-product-images ol.flex-control-nav li {
  border-right: 4px solid #ffffff;
  margin-bottom: 4px;
}
section#product div.product-images div.flexslider-product-images ol.flex-control-nav li:nth-child(4n) {
  margin-right: -4px;
}
section#product div.product-images div.flexslider-product-images ol.flex-control-nav li img {
  border-radius: 5px;
}
section#product div.product-images div.flexslider-product-images ol.flex-control-nav li img.flex-active {
  border: 1px solid #e9ecef;
}
section#product div.product-images div.flexslider-product-images div.lSSlideOuter div.lSSlideWrapper ul li img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
section#product div.product-images div.flexslider-product-images div.lSSlideOuter div.lSSlideWrapper div.lSAction a.lSPrev {
  background: url("../images/icon-left.svg") no-repeat center center;
}
section#product div.product-images div.flexslider-product-images div.lSSlideOuter div.lSSlideWrapper div.lSAction a.lSNext {
  background: url("../images/icon-right.svg") no-repeat center center;
}
section#product div.product-images div.flexslider-product-images div.lSSlideOuter ul.lSPager {
  display: flex;
  justify-content: center;
  min-width: 100% !important;
  max-width: -moz-max-content;
  max-width: max-content;
}
section#product div.product-images div.flexslider-product-images div.lSSlideOuter ul.lSPager li {
  height: 68px !important;
  width: 45px !important;
  margin-right: 10px !important;
  padding-bottom: 6px !important;
  border-bottom: 2px solid transparent;
  border-radius: 0px;
}
section#product div.product-images div.flexslider-product-images div.lSSlideOuter ul.lSPager li.active {
  border-color: #292a2e;
}
section#product div.product-images div.flexslider-product-images div.lSSlideOuter ul.lSPager li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section#product div.product-content header.page-title {
  position: relative;
}
section#product div.product-content header.page-title h1 {
  font-size: 18px;
}
section#product div.product-content header.page-title h1 small {
  font-size: 14px;
}
section#product div.product-content header.page-title h1 small a {
  color: #969696;
}
section#product div.product-content header.page-title span.favorite {
  position: absolute;
  top: 0;
  right: 0;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e9ecef;
  padding: 2px 7px;
}
section#product div.product-content header.page-title span.price {
  font-size: 12px;
}
section#product div.product-content hr {
  border-color: #d4d4d4;
}
section#product div.product-content span.profit {
  font-size: 16px;
  font-weight: 600;
  color: #565656;
}
section#product div.product-content span.profit a {
  color: #565656;
}
section#product div.product-content span.profit small {
  font-size: 12px;
  font-weight: 400;
  width: 100%;
  display: block;
}
section#product div.product-content form#product-form div.form-group-add-to-store {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
section#product div.product-content form#product-form div.form-group-add-to-store .btn {
  margin: 0 5px;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  max-width: 335px;
}
section#product div.product-content form#product-form div.form-group-add-to-store .btn.add {
  margin-bottom: 10px !important;
}
section#product div.widget {
  margin-bottom: 20px;
}
section#product div.widget.widget-reviews {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9ecef;
}
section#product div.widget.widget-reviews a {
  color: #1d1e22;
}
section#product div.widget.widget-reviews a strong {
  font-weight: 600;
}

hr.heading-separator {
  margin: 40px 0 15px 0;
  border-top: 1px solid #d0d0d0;
  opacity: 1;
}

section.page-campaign-view div.main-content div.page-content a.back-btn {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  color: #969696;
  margin-bottom: 20px;
}
section.page-campaign-view div.main-content div.page-content .campaign-image img {
  border-radius: 16px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 520px;
  max-height: 693px;
  -o-object-fit: cover;
     object-fit: cover;
}
section.page-campaign-view div.main-content div.page-content .campaign-info hr {
  margin: 20px 0;
}
section.page-campaign-view div.main-content div.page-content .campaign-info h3.subtitle {
  color: #969696;
  line-height: 90%;
  margin-bottom: 15px;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .decription h4 {
  font-size: 13px;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .decription p,
section.page-campaign-view div.main-content div.page-content .campaign-info .decription ul {
  color: #565656;
  margin-bottom: 20px;
  font-size: 13px;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status p {
  font-size: 13px;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status p b {
  color: #000;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper:has(.submit_content > .indicator.active) .request_product::after {
  background: #868686;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper:has(.complete > .indicator.active) :is(.request_product::after, .submit_content::after) {
  background: #868686;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17.32px 17.69px 18.66px 17px;
  margin-bottom: 20px;
  background: #e9eef4;
  border-radius: 8px;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper:has(.submit_content > .indicator.active) .request_product::after {
  background: #3063f6 !important;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper:has(.complete > .indicator.active) .request_product::after {
  background: #3063f6 !important;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper:has(.complete > .indicator.active) .submit_content::after {
  background: #3063f6 !important;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 3.3rem;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper > div:has(.indicator.active) label {
  color: #868686 !important;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper > div label {
  color: #969696;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper > div:last-child::after {
  content: unset !important;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper > div::after {
  content: " ";
  height: 1px;
  width: 99%;
  display: block;
  background: #d4d4d4;
  position: absolute;
  top: 23%;
  left: 52%;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper > div .indicator {
  position: relative;
  background: #d4d4d4;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  box-sizing: content-box;
  margin-bottom: 6px;
  top: 8px;
  z-index: 2;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .status .progress-wrapper > div .indicator.active {
  background: #3063f6 !important;
  border: 8px solid #bbccf7;
  top: unset !important;
}
section.page-campaign-view div.main-content div.page-content .campaign-info .unenroll-btn a {
  color: #3063f6;
  font-weight: 600;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
section.page-campaign-view div.main-content div.page-content .campaign-info a.btn-primary.py-3 {
  font-weight: 600;
  font-size: 13px;
  line-height: 90%;
  height: 45px;
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 90%;
  z-index: 99;
  border-radius: 8px;
}

.page-my-orders hr.heading-separator {
  margin: 40px 0 20px 0;
}
.page-my-orders div.section-title {
  padding-top: 10px;
}
.page-my-orders .product-info {
  width: 100%;
}
.page-my-orders .product-info .brand,
.page-my-orders .product-info .brand + h4,
.page-my-orders .product-info div h5 {
  font-size: 14px;
}
.page-my-orders .product-image {
  width: -moz-min-content !important;
  width: min-content !important;
}
.page-my-orders .status span {
  font-size: 13px !important;
}

div.main-content div.page-content .list-header {
  margin-bottom: 30px;
}
div.main-content div.page-content .list-header .collection-count {
  font-size: 13px;
  font-weight: 600;
  color: #565656;
}
div.main-content div.page-content .requested-products .alert {
  background: #e9eef4;
  color: #292a2e;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 25px;
  align-items: center;
  flex-direction: column;
  padding: 30px 25px;
}
div.main-content div.page-content .requested-products .alert p {
  margin: 0 !important;
}
div.main-content div.page-content .requested-products .alert p:first-child {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}
div.main-content div.page-content .requested-products .alert p:nth-child(2) {
  font-size: 13px;
  font-weight: 500;
  max-width: 574px;
  line-height: 140%;
}
div.main-content div.page-content .requested-products .alert a {
  font-size: 14px;
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
}
div.main-content div.page-content .requested-products .product-item {
  display: flex;
  -moz-column-gap: 13px;
       column-gap: 13px;
  color: #292a2e;
}
div.main-content div.page-content .requested-products .product-item .brand {
  font-weight: 600;
  line-height: 100%;
}
div.main-content div.page-content .requested-products .product-item .collection-name {
  max-width: 26ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.main-content div.page-content .requested-products .product-item .brand + div {
  font-size: 12px;
  font-weight: 600;
  color: #969696;
}
div.main-content div.page-content .requested-products .product-item .product-image {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
div.main-content div.page-content .requested-products .product-item .operational-links {
  display: flex;
  align-items: start;
  justify-content: end;
  padding: 0 !important;
}
div.main-content div.page-content .requested-products .product-item .operational-links > div {
  display: flex;
  gap: 27px;
}
div.main-content div.page-content .requested-products .product-item button.delete-btn {
  border: none;
  background: none;
  color: #969696;
  font-weight: 600 !important;
  font-size: 13px;
  position: relative;
  display: flex;
  align-items: center;
}
div.main-content div.page-content .requested-products .product-item button.delete-btn::before {
  content: " ";
  display: inline-block;
  width: 9.6px;
  /* Adjust width as needed */
  height: 11.2px;
  /* Adjust height as needed */
  -o-object-fit: contain;
     object-fit: contain;
  background: url("/images/delete.png") no-repeat center center;
  background-size: contain;
  margin-right: 5px;
}
div.main-content div.page-content .requested-products .product-item button.edit-btn {
  border: none;
  background: none;
  color: #3063f6;
  font-weight: 600 !important;
  font-size: 13px;
  position: relative;
  display: flex;
  align-items: center;
}
div.main-content div.page-content .requested-products .product-item button.edit-btn::before {
  content: " ";
  display: inline-block;
  width: 11.2px;
  /* Adjust width as needed */
  height: 11.2px;
  /* Adjust height as needed */
  background: url("/images/edit.png") no-repeat center center;
  background-size: contain;
  margin-right: 5px;
}
div.main-content div.page-content .requested-products .product-item .brand-info-and-images > div:first-child {
  margin-bottom: 20px;
}
div.main-content div.page-content .requested-products .product-item .status {
  font-weight: 600;
  font-size: 12px;
  color: #292a2e;
}
div.main-content div.page-content .requested-products .product-item > .product-image img {
  height: 100px;
  max-width: 100px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
div.main-content div.page-content .requested-products .product-item > .product-info h4 {
  margin-bottom: 6px;
  font-weight: 600;
}
div.main-content div.page-content .requested-products .product-item > .product-info h4.brand {
  color: #969696;
}
div.main-content div.page-content .requested-products .product-item > .product-info > div:not(:last-child) {
  margin-bottom: 6px;
  color: #292a2e;
  font-weight: 500;
}
div.main-content div.page-content .requested-products .product-item > .product-info .status {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  text-transform: capitalize;
}
div.main-content div.page-content .requested-products .product-item > .product-info .status a {
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  text-wrap-mode: nowrap;
}
div.main-content div.page-content .requested-products hr {
  margin: 20px 0 !important;
  opacity: 1;
}

section.page-customer-orders div.main-content div.page-content div.section-title.heading-title h5 {
  margin-bottom: 20px;
}
section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .order-info {
  margin-bottom: 20px;
}
section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .order-id {
  font-size: 13px;
  margin-bottom: 5px;
  font-weight: 600;
}
section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .order-date {
  font-size: 12px;
  font-weight: 600;
}
section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .status {
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .product-images {
  width: 100%;
}
section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .product-images img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 10px;
}
section.page-customer-orders div.main-content div.page-content .customer-orders hr {
  margin: 20px 0 !important;
  opacity: 1;
}
section.page-customer-orders div.main-content hr.heading-separator {
  margin-bottom: 40px;
}
section.page-customer-orders div.main-content a.btn-outline-primary {
  font-weight: 600;
  font-size: 14px;
}

#pageCustomerOrders hr.heading-separator {
  margin: 40px 0 20px 0;
}
#pageCustomerOrders .requested-products .product-item .brand,
#pageCustomerOrders .requested-products .product-item .brand + div {
  color: #292a2e !important;
}

section.page-order-details div.main-content div.page-content a.back-btn {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  color: #969696;
  margin-bottom: 30px;
}
section.page-order-details div.main-content div.page-content .requested-products.order-products .product-item .product-info .quantity {
  font-size: 13px;
}
section.page-order-details div.main-content div.page-content .requested-products.order-products .product-item .product-info .price {
  font-size: 13px;
  font-weight: 600;
  padding: 12px 0 18px;
}
section.page-order-details div.main-content div.page-content .requested-products.order-products .product-item .product-info .status a,
section.page-order-details div.main-content div.page-content .requested-products.order-products .product-item .product-info .status span {
  font-weight: 600;
  font-size: 13px;
}
section.page-order-details div.main-content div.page-content .additional-details {
  font-size: 13px;
}
section.page-order-details div.main-content div.page-content .additional-details .column-title {
  font-weight: 600;
  font-size: 13px;
  line-height: 90%;
  margin-bottom: 10px;
  color: #969696;
}
section.page-order-details div.main-content div.page-content .payment-summary .payment-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  line-height: 90%;
  margin-bottom: 12px;
}
section.page-order-details div.main-content div.page-content .payment-summary hr {
  border-top: 1px solid #565656;
  opacity: 1;
}
section.page-order-details div.main-content div.page-content .payment-summary .payment-item.payment-total {
  font-size: 14px;
  margin-bottom: 20px;
}
section.page-order-details div.main-content div.page-content .payment-summary .payment-item.saving {
  padding: 12px 10px;
  background: rgba(141, 170, 251, 0.2);
  color: #3063f6;
  border-radius: 8px;
  font-size: 14px;
}

section.page-products div.main-content div.page-content .product-btns-wrapper {
  align-items: start !important;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-bottom: 10px;
}
section.page-products div.main-content div.page-content .product-btns-wrapper .product-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 20px;
}
section.page-products div.main-content div.page-content .product-btns-wrapper .product-btns .btn,
section.page-products div.main-content div.page-content .product-btns-wrapper .product-btns .total-selected-count {
  border-radius: 8px !important;
  font-weight: 600;
  align-items: center;
  white-space: nowrap;
  margin: 0 !important;
}
section.page-products div.main-content div.page-content .product-btns-wrapper .product-btns .total-selected-count {
  display: flex !important;
  align-items: center;
  font-size: 13px;
  color: #565656;
}
section.page-products div.main-content div.page-content .product-btns-wrapper .product-btns .add-to-collection,
section.page-products div.main-content div.page-content .product-btns-wrapper .product-btns .delete-selected {
  position: relative;
  padding: 12px 15px;
}
section.page-products div.main-content div.page-content .product-btns-wrapper .product-btns .add-to-collection::before,
section.page-products div.main-content div.page-content .product-btns-wrapper .product-btns .delete-selected::before {
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
section.page-products div.main-content div.page-content .product-btns-wrapper .product-btns .add-to-collection::before {
  background: url("/images/Atom.png") no-repeat center center;
  background-size: contain;
}
section.page-products div.main-content div.page-content .product-btns-wrapper .product-btns .delete-selected::before {
  background: url("/images/delete-selected.png") no-repeat center center;
  background-size: contain;
}
section.page-products div.main-content div.page-content .product-listing-table table thead {
  display: none !important;
}
section.page-products div.main-content div.page-content .product-listing-table table tbody td:not(:first-child, :nth-child(2)) {
  display: none;
}
section.page-products div.main-content div.page-content .product-listing-table table tbody td {
  padding: 20px 10px;
  border-color: #d0d0d0;
  font-size: 12px;
}
section.page-products div.main-content div.page-content .product-listing-table table tbody td input {
  height: 20px;
  width: 20px;
  margin-top: 12px;
  border: 1px solid #e1e1e1;
  margin-right: 10px;
}
section.page-products div.main-content div.page-content .product-listing-table table tbody td .table-product-item {
  display: flex;
  font-size: 12px;
  font-weight: 600;
}
section.page-products div.main-content div.page-content .product-listing-table table tbody td .table-product-item .img {
  margin-right: 20px;
}
section.page-products div.main-content div.page-content .product-listing-table table tbody td .table-product-item .img img {
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}
section.page-products div.main-content div.page-content .product-listing-table table tbody td .table-product-item .brand {
  line-height: 90%;
  color: #969696;
  margin-bottom: 4px;
}
section.page-products div.main-content div.page-content .product-listing-table table tbody td:first-child {
  vertical-align: baseline;
}
section.page-products div.main-content div.page-content .product-listing-table table tbody tr:has(td:first-child input[type=checkbox]:checked) td {
  background: #e9eef4;
}

nav.nav-footer {
  background-color: #f8f9fa;
}
nav.nav-footer div.container-fluid div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
  color: #969696;
}
nav.nav-footer div.container-fluid div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link i {
  font-size: 30px;
}
nav.nav-footer div.container-fluid div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link span {
  font-size: 12px;
  white-space: nowrap;
}
nav.nav-footer div.container-fluid div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link:hover {
  color: #3063f6;
}
nav.nav-footer div.container-fluid div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link:active {
  color: #3063f6;
}
nav.nav-footer div.container-fluid div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link:focus {
  color: #3063f6;
}
nav.nav-footer div.container-fluid div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link.active {
  color: #3063f6;
}

footer.page-footer {
  background: #f4f6f9;
  border: 1px solid #d0d0d0;
  padding: 32px 8px;
  position: relative;
}
footer.page-footer .logo img {
  width: 105px;
  height: 21px;
}
footer.page-footer h4 {
  margin-bottom: 20px;
}
footer.page-footer h4 a {
  color: #1d1e22;
}
footer.page-footer p {
  color: #adb5bd;
  margin-bottom: 0;
}
footer.page-footer p a {
  color: #adb5bd;
}
footer.page-footer .footer-top {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
}
footer.page-footer .footer-top .footer-top-menu {
  width: 100%;
}
footer.page-footer .footer-top .footer-top-menu a {
  color: #292a2e;
  font-size: 14px;
  font-weight: 600;
}
footer.page-footer .footer-top .footer-top-menu a {
  color: #292a2e;
  font-size: 14px;
  font-weight: 600;
}
footer.page-footer .footer-top .footer-top-menu hr.separator {
  margin: 0 !important;
  margin-bottom: 20px !important;
  border-top: 1px solid #d0d0d0;
  opacity: 1;
}
footer.page-footer .footer-top .footer-social-icons {
  gap: 20px;
}
footer.page-footer .footer-top .footer-social-icons a {
  font-size: 20px;
  color: #292a2e;
}
footer.page-footer .footer-bottom {
  font-size: 12px;
  gap: 10px;
}
footer.page-footer .footer-bottom a {
  font-size: 12px;
  color: #969696;
  font-weight: 500;
}

footer.main {
  font-size: 12px;
  color: #ffffff;
  margin: 0 0 20px 0;
}
footer.main a {
  color: #ffffff;
}
footer.main a.logo {
  font-family: "Family", serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
}
footer.main p {
  color: #969696;
  font-size: 10px;
  margin: 0;
}
footer.main div.social-links a i {
  font-size: 30px;
  display: inline-block;
}
footer.main div.social-links a i::before {
  display: block;
}
footer.main div.social-links a:hover {
  color: #d4d4d4;
}
footer.main div.social-links a:active {
  color: #d4d4d4;
}
footer.main div.social-links a:focus {
  color: #d4d4d4;
}

section.page-dashboard div.main-content header.page-header {
  padding-bottom: 70px;
}
section.page-dashboard div.main-content header.page-header:has(.widget-slider .flex-control-nav li) {
  padding-bottom: 90px;
}
section.page-dashboard div.main-content div.page-content {
  padding: 40px 20px;
}
section.page-dashboard div.main-content div.page-content div.section-title.creator-spotlight h2 {
  font-size: 24px;
}

section.page div.main-content div.page-content a.btn.view-store {
  font-size: 11px;
  font-weight: 700;
  padding: 5px 13px;
  line-height: 15.6px;
  height: 25px;
  width: 94px;
}

section.page-discover div.main-content div.page-content a.btn.btn-outline-primary {
  margin-top: 30px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1;
  height: 40px;
  padding: 12px 20px;
  border-radius: 8px;
}

section.page-discover-brands div.main-content div.page-content .section-title h2 {
  margin-bottom: 30px;
}

div.main-content .trending-beauty-section .creator-quote {
  text-align: center;
}
div.main-content .trending-beauty-section .creator-quote p {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 20px;
}
div.main-content .trending-beauty-section .creator-quote .creator-info {
  display: inline-flex;
  padding: 8px 20px 8px 10px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 100px;
}
div.main-content .trending-beauty-section .creator-quote .creator-info img.creator-avatar {
  max-width: 45px;
  border-radius: 50%;
  margin-right: 10px;
}
div.main-content .trending-beauty-section .creator-quote .creator-info .creator-handle {
  display: block;
  font-weight: 600;
}
div.main-content .trending-beauty-section .creator-quote .creator-info a.view-store {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 0px;
}
div.main-content .trending-beauty-section hr.spacer {
  border: 1px solid #ffffff;
  margin: 30px auto 0 auto;
  max-width: 60%;
}
div.main-content .trending-beauty-section .swiper-pagination {
  position: static !important;
  margin-top: 30px;
}

section#pag-brand.page-discover div.main-content div.page-content div.row.my-4 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.bootstrap-table .fixed-table-container .table thead th .sortable {
  background-image: url(/images/sorting-icon.svg) !important;
  background-position: left !important;
  padding-left: 30px !important;
}

#page-affiliate-disclosures .page-title h1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 90%;
  letter-spacing: -1%;
  margin-bottom: 10px;
}
#page-affiliate-disclosures .products .last-updated-date {
  font-size: 14px;
  font-weight: 600;
  color: #565656;
  line-height: 120%;
  letter-spacing: -1%;
}
#page-affiliate-disclosures .products hr.divider {
  border-color: #d0d0d0;
}
#page-affiliate-disclosures .products hr.divider ~ p {
  margin-bottom: 14px;
}
#page-affiliate-disclosures .products hr.divider ~ p, #page-affiliate-disclosures .products hr.divider ~ ul li, #page-affiliate-disclosures .products hr.divider ~ ol li {
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
  color: #565656;
}
#page-affiliate-disclosures .products hr.divider + p:has(strong) {
  color: #292a2e;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 14px;
}
#page-affiliate-disclosures .products hr.divider + p:has(strong) ~ p {
  margin-bottom: 14px;
}
#page-affiliate-disclosures .products hr.divider + p:has(strong) ~ p, #page-affiliate-disclosures .products hr.divider + p:has(strong) ~ ul li, #page-affiliate-disclosures .products hr.divider + p:has(strong) ~ ol li {
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
  color: #565656;
}
#page-affiliate-disclosures .products p:has(u) u,
#page-affiliate-disclosures .products li:has(u) u {
  text-decoration: none !important;
  color: #292a2e;
  font-size: 13px;
  font-weight: 600;
  line-height: 120%;
}
#page-affiliate-disclosures .products p:has(u) strong,
#page-affiliate-disclosures .products li:has(u) strong {
  color: #292a2e;
  font-size: 13px;
  font-weight: 600;
}
#page-affiliate-disclosures .products p.parent-guardian-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}
#page-affiliate-disclosures .products .writing-to-us {
  color: #292a2e !important;
  margin-bottom: 0 !important;
}
#page-affiliate-disclosures .products .correction-of-info {
  margin-top: 30px;
}
#page-affiliate-disclosures .products .correction-of-info strong {
  color: #292a2e;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 14px;
}
#page-affiliate-disclosures .products ul.affliate-list li a {
  text-decoration: underline !important;
}
#page-affiliate-disclosures .products .potential-shopper-text {
  display: grid;
  grid-gap: 14px;
  margin-bottom: 25px;
}
#page-affiliate-disclosures .products .potential-shopper-text + table {
  margin-bottom: 30px;
}
#page-affiliate-disclosures .products .potential-shopper-text + table .table-heading td {
  color: #292a2e;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
}
#page-affiliate-disclosures .products .potential-shopper-text + table tr {
  border-color: #292a2e !important;
}
#page-affiliate-disclosures .products .potential-shopper-text + table tr td {
  padding: 12px 0;
  color: #565656;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}
#page-affiliate-disclosures .products .potential-shopper-text + table tr td:nth-child(2) {
  padding-right: 2rem;
}
#page-affiliate-disclosures .products .potential-shopper-text p {
  margin: 0 !important;
}
#page-affiliate-disclosures .products .potential-shopper-text p strong {
  font-size: 16px;
  color: #292a2e;
  font-weight: 600;
}
#page-affiliate-disclosures .products ul + p:has(strong) {
  margin-bottom: 12px !important;
}
#page-affiliate-disclosures .products ul + p:has(strong) strong {
  color: #292a2e;
  font-size: 13px;
  font-weight: 600;
}

.return-policy hr.divider ~ p > strong {
  font-weight: 600;
  color: #292a2e;
  font-size: 14px;
}

.third-party-disclosures li a {
  text-decoration: underline;
}
.third-party-disclosures p:has(+ ul) {
  margin-bottom: 0 !important;
}

.terms-of-use .products .orders strong {
  font-size: 16px !important;
}
.terms-of-use .products em {
  font-style: normal;
}
.terms-of-use .products li {
  list-style-type: disc;
}
.terms-of-use .products p a {
  text-decoration: underline;
}
.terms-of-use .products :is(li, p) strong:first-child {
  font-weight: 600;
  font-size: 14px;
  color: #292a2e;
}

.copyright-policy ol {
  padding-left: 1rem;
}
.copyright-policy hr.divider + ol > li,
.copyright-policy hr.divider + ol ol {
  margin-bottom: 14px;
}

.help-center {
  background: #f4f6f9;
}
.help-center .col-12 {
  padding-left: 10px;
  padding-right: 10px;
}
.help-center #videoModal2 .modal-title {
  margin-bottom: 14px;
}
.help-center #videoModal .modal-content .modal-title,
.help-center #videoModal2 .modal-content .modal-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 90%;
  margin-bottom: 30px;
}
.help-center #videoModal .modal-content form .form-name,
.help-center #videoModal2 .modal-content form .form-name {
  display: flex;
  gap: 22px;
}
.help-center #videoModal .modal-content form .form-item,
.help-center #videoModal2 .modal-content form .form-item {
  margin-bottom: 20px;
}
.help-center #videoModal .modal-content form textarea,
.help-center #videoModal2 .modal-content form textarea {
  display: block !important;
  width: 100% !important;
}
.help-center #videoModal .modal-content form label,
.help-center #videoModal2 .modal-content form label {
  font-size: 12px;
  font-weight: 600;
  color: #969696;
  margin-bottom: 7px;
}
.help-center #videoModal .modal-content form input,
.help-center #videoModal .modal-content form textarea,
.help-center #videoModal2 .modal-content form input,
.help-center #videoModal2 .modal-content form textarea {
  border: 1px solid #e1e1e1;
  background: transparent !important;
  border-radius: 8px;
  padding: 0.5rem;
}
.help-center ul.menu {
  list-style: none;
  display: flex;
  justify-content: start;
  align-items: center;
  overflow-x: auto;
  gap: 48px;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 30px;
}
.help-center ul.menu li {
  padding: 19px 0 22px 0;
  white-space: nowrap;
}
.help-center ul.menu li:hover a {
  color: #000;
}
.help-center ul.menu li a {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  color: #292a2e;
}
.help-center .service-data {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 50px;
}
.help-center .service-data .service h3 {
  color: #292a2e;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 19px;
}
.help-center .service-data .service .accordion-item,
.help-center .service-data .service .accordion-body {
  outline: none !important;
  border-left: unset !important;
  border-right: unset !important;
  background: transparent !important;
}
.help-center .service-data .service .accordion-button {
  background: transparent !important;
  color: #3f4043;
  font-size: 13px !important;
  font-weight: 500;
  padding: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-top: unset !important;
  border-bottom: unset !important;
  border-left: unset !important;
  border-right: unset !important;
  box-shadow: unset !important;
}
.help-center .service-data .service .accordion-button:focus, .help-center .service-data .service .accordion-button:focus-within {
  outline: none !important;
  box-shadow: none !important;
}
.help-center .service-data .service .accordion-body {
  padding: 0 !important;
  padding-bottom: 12px !important;
  color: #565656;
  font-weight: 500;
}
.help-center .help-section-banner-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 38px;
  background: #e9eef4;
  border-radius: 16px;
  margin-bottom: 25px;
}
.help-center .help-section-banner-container h1 {
  font-size: 24px;
  margin-bottom: 20px;
}
.help-center .help-section-banner-container p {
  margin-bottom: 20px;
  font-size: 13px;
  max-width: 570px;
  text-align: center;
}
.help-center .accordion-button::after {
  content: "-" !important;
  font-weight: 600;
  background: unset !important;
  transform: unset !important;
}
.help-center .accordion-button:not(.collapsed)::after {
  content: "+" !important;
}

section.group-three-header {
  margin-bottom: 20px;
}
section.group-three-header .back-btn {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #969696;
}
section.group-three-header .back-btn span {
  font-weight: 800;
  margin-right: 12px;
  font-size: 1rem;
  position: relative;
  bottom: 1.8px;
}
section.group-three-header .header-mobile .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 12px 14px 12px;
}
section.group-three-header .header-mobile .back-btn {
  max-width: 898px;
  margin: auto;
  padding-left: 1rem;
}
section.group-three-header a.logo {
  order: 2;
}
section.group-three-header a.logo img {
  display: block;
  width: 90px;
  height: 18px;
}
section.group-three-header div.hamburger {
  order: 1;
}
section.group-three-header div.hamburger div.hamburger-box {
  width: 18px;
  height: 12px;
}
section.group-three-header div.hamburger div.hamburger-box .hamburger-inner {
  width: 18px;
  height: 2px;
  background-color: #000;
}
section.group-three-header div.hamburger div.hamburger-box .hamburger-inner::before {
  width: 18px;
  height: 2px;
  top: 5px;
  background-color: #000;
}
section.group-three-header div.hamburger div.hamburger-box .hamburger-inner::after {
  width: 18px;
  height: 2px;
  top: 10px;
  background-color: #000;
}
section.group-three-header div.profile-dropdown-wrapper {
  order: 3;
}
section.group-three-header div.profile-dropdown-wrapper > a {
  width: 40px;
  height: 40px;
  margin: 0 15px 0 0;
  background: center center no-repeat #ffffff;
  background-size: cover;
  border: 1px solid #ffffff;
  position: relative;
  z-index: 99997;
  font-weight: bold;
}
section.group-three-header div.profile-dropdown-wrapper > a:after {
  top: 50%;
  right: -17px;
  position: absolute;
  color: #ffffff;
  border-top-width: 0.4em;
  border-right-width: 0.4em;
  border-left-width: 0.4em;
}
section.group-three-header div.profile-dropdown-wrapper > a.show:after {
  color: #3063f6;
  transform: rotate(180deg);
}
section.group-three-header div.profile-dropdown-wrapper ul.dropdown-menu {
  overflow: hidden;
  padding: 70px 20px 20px 20px;
  top: -60px !important;
  right: -23px !important;
  border-radius: 8px;
}
section.group-three-header div.profile-dropdown-wrapper ul.dropdown-menu li a.dropdown-item {
  padding: 5px 0;
}
section.group-three-header div.profile-dropdown-wrapper ul.dropdown-menu li a.dropdown-item:hover {
  background: none;
  color: #3063f6;
}
section.group-three-header div.profile-dropdown-wrapper ul.dropdown-menu li a.dropdown-item:active {
  background: none;
  color: #3063f6;
}
section.group-three-header div.profile-dropdown-wrapper ul.dropdown-menu li a.dropdown-item:focus {
  background: none;
  color: #3063f6;
}

section#pageMySettings .section-title.heading-title {
  text-align: left !important;
}
section#pageMySettings hr.heading-separator {
  margin: 30px 0 !important;
}
section#pageMySettings a.logo {
  display: none;
}
section#pageMySettings .header-top .container {
  margin: 0 !important;
  max-width: 100% !important;
}
section#pageMySettings .back-btn {
  position: unset !important;
}
section#pageMySettings .page-content {
  padding-top: 0 !important;
  border-radius: 0 !important;
  margin-top: unset !important;
}
section#pageMySettings .main-content {
  background: #f4f6f9 !important;
}
section#pageMySettings h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 90%;
  color: #292a2e;
  margin-bottom: 30px;
}
section#pageMySettings form {
  max-width: 800px;
}
section#pageMySettings form .form-name {
  display: flex;
  gap: 22px;
}
section#pageMySettings form .form-item {
  margin-bottom: 20px;
}
section#pageMySettings form textarea {
  display: block !important;
  width: 100% !important;
}
section#pageMySettings form input,
section#pageMySettings form textarea {
  border: 1px solid #e1e1e1;
  background: transparent !important;
  border-radius: 8px;
  padding: 0.5rem;
  width: 100%;
  background: #fff !important;
}
section#pageMySettings form .password {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section#pageMySettings form .password a {
  color: #3063f6 !important;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 10px;
}
section#pageMySettings form label {
  font-size: 14px;
  font-weight: 600;
  line-height: 90%;
  color: #565656;
  margin-bottom: 10px;
}
section#pageMySettings form .form-item.form-image-upload {
  margin-bottom: 30px;
}
section#pageMySettings form .upload-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid #2563eb;
  color: #2563eb;
  border-radius: 8px;
  background-color: transparent;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.2s;
}
section#pageMySettings form .upload-label:hover {
  background-color: #e0f0ff;
}
section#pageMySettings form .upload-label svg {
  width: 20px;
  height: 20px;
}
section#pageMySettings form .upload-input {
  display: none;
}
section#pageMySettings form .profile-image-upload {
  display: flex;
  align-items: center;
  gap: 6px;
}
section#pageMySettings form .profile-image-upload > div:first-child {
  position: relative;
}
section#pageMySettings form .profile-image-upload > div:first-child > img:last-child {
  position: absolute;
  bottom: 1rem;
  right: 0;
}
section#pageMySettings form .image-upload-mobile {
  border-radius: 17.49px;
  background: #fff;
  box-shadow: 1px 1px 4px #d0d0d0;
  height: -moz-min-content;
  height: min-content;
  padding: 1rem 0;
  min-width: 205px;
  position: absolute;
  left: 134px;
  z-index: 1000;
}
section#pageMySettings form .image-upload-mobile > div {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #d0d0d0;
  color: #292a2e;
  padding: 1rem;
}
section#pageMySettings form .image-upload-mobile > div.take-photo {
  padding-top: 0 !important;
}
section#pageMySettings form .image-upload-mobile > div.choose-from-library {
  padding-bottom: 0 !important;
}
section#pageMySettings form .image-upload-mobile > div p {
  margin: 0;
  font-weight: 600;
}
section#pageMySettings form .image-upload-mobile > div:last-child {
  border-bottom: none !important;
}
section#pageMySettings form .image-upload-mobile label.choose-from-library.upload-label {
  border: none !important;
  color: unset !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  padding-top: 1rem !important;
}
section#pageMySettings form .image-upload-mobile label.choose-from-library.upload-label p {
  margin: 0;
}
section#pageMySettings form .image-upload-desktop {
  display: none;
  margin-left: 18px;
}
section#pageMySettings form .image-upload-desktop > p {
  font-size: 12px;
  font-weight: 500;
  color: #565656;
}
section#pageMySettings form p.description {
  font-size: 13px;
  font-weight: 500;
  color: #969696;
  line-height: 140%;
  margin-top: 12px;
}
section#pageMySettings form .delete {
  margin: 12px 0 30px 0;
}
section#pageMySettings form .delete a {
  color: #cf6767;
}
section#pageMySettings form .notification-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section#pageMySettings form .toggle-container {
  position: relative;
  width: 50px;
  height: 25px;
}
section#pageMySettings form .toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
}
section#pageMySettings form .toggle-slider {
  position: absolute;
  cursor: pointer;
  background-color: #d9d9d9;
  border-radius: 34px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: background-color 0.2s;
}
section#pageMySettings form .toggle-slider::before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3.5px;
  background-color: #3063f6;
  transition: transform 0.2s;
  border-radius: 50%;
}
section#pageMySettings form .toggle-input:checked + .toggle-slider {
  background-color: #d9d9d9;
}
section#pageMySettings form .toggle-input:checked + .toggle-slider::before {
  transform: translateX(24px);
}
section#pageMySettings form .social-media-handles .social-media-input {
  display: flex;
  gap: 3rem;
  margin: 30px 0;
}
section#pageMySettings form .social-media-handles .social-media-input:first-child {
  margin-top: 20px;
}
section#pageMySettings form .social-media-handles .social-media-input > div.icon-with-label {
  display: flex;
  align-items: center;
  color: #969696;
}
section#pageMySettings form .social-media-handles .social-media-input > div.icon-with-label label {
  margin: 0 !important;
}
section#pageMySettings form .social-media-handles .social-media-input > div:last-child {
  width: 100%;
}
section#pageMySettings form button[type=submit] {
  width: 100%;
  padding: 16px 0;
}
section#pageMySettings .favorite-brands .product,
section#pageMySettings .favorite-products .product {
  position: relative;
  padding: 0;
}
section#pageMySettings .favorite-brands .product p,
section#pageMySettings .favorite-products .product p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  line-height: 90%;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
section#pageMySettings .favorite-brands .product header,
section#pageMySettings .favorite-products .product header {
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  top: 15px;
  right: 35px;
}
section#pageMySettings .favorite-brands .product header span.favorite,
section#pageMySettings .favorite-products .product header span.favorite {
  background: #fff;
  padding: 5px;
  border-radius: 4px;
  height: 24px;
  width: 24px;
  display: inline-grid;
}
section#pageMySettings .favorite-brands .product header span.favorite img,
section#pageMySettings .favorite-products .product header span.favorite img {
  border-radius: unset !important;
}
section#pageMySettings .favorite-brands .product img,
section#pageMySettings .favorite-products .product img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
section#pageMySettings .favorite-brands .product .product-detail p,
section#pageMySettings .favorite-products .product .product-detail p {
  position: unset;
  transform: unset;
  color: unset;
}
section#pageMySettings .favorite-products .product {
  padding-bottom: 31px !important;
}
section#pageMySettings .favorite-products .product .product-detail p {
  text-align: left !important;
}
section#pageMySettings .favorite-products .add-to-store {
  background: white;
  border: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 130%;
  padding: 11px 5px !important;
}
section#pageMySettings .favorite-products .product-name {
  color: #292a2e !important;
  font-size: 12px !important;
  line-height: 120% !important;
  font-weight: 600 !important;
  margin: 6px 0;
}
section#pageMySettings .favorite-products .product-name + p {
  font-size: 12px !important;
  font-weight: 600;
  line-height: 114%;
}
section#pageMySettings .favorite-products p.brand-name {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 130% !important;
  color: #969696 !important;
  margin-top: 15px;
  margin-bottom: 0 !important;
}
section#pageMySettings .favorite-products .image-wrapper img {
  height: 163px;
}
section#pageMySettings .favorite-products img {
  border-radius: unset !important;
}
section#pageMySettings .favorite-products .tag {
  top: 17px !important;
  left: 28px !important;
  font-size: 10px !important;
  font-weight: 700;
  line-height: 90%;
  color: #292a2e !important;
}
section#pageMySettings .view-more-btn {
  width: 100%;
  text-align: center;
  margin-top: 25px;
}
section#pageMySettings .view-more-btn button {
  padding: 15px 20px;
  border: 1px solid #3063f6;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: #3063f6;
}

.page-my-inbox .header-content {
  display: unset !important;
}
.page-my-inbox .heading-title + div {
  text-align: left;
}
.page-my-inbox .message-list {
  display: grid;
  gap: 1rem;
}
.page-my-inbox .inbox-category-toggle {
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 2px;
  margin-bottom: 22px;
  background: #d4d4d4;
  border-radius: 8px;
}
.page-my-inbox .inbox-category-toggle button {
  font-size: 12px;
  line-height: 90%;
  font-weight: 600;
  color: #292a2e;
  border: none !important;
  padding: 8px 12.5px;
  background: none !important;
  border-radius: 8px;
}
.page-my-inbox .inbox-category-toggle button.active {
  background: #fff !important;
}
.page-my-inbox .message-box {
  background: #fff;
  padding: 1rem 2rem;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.page-my-inbox .message-box > div {
  display: flex;
  align-items: start;
  gap: 1rem;
}
.page-my-inbox .message-box > div p.sender-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  color: #292a2e;
  margin-bottom: 10px;
}
.page-my-inbox .message-box > div .sender-message {
  font-size: 12px;
  font-weight: 600;
  line-height: 114%;
  color: #565656;
  margin-bottom: 0;
}
.page-my-inbox .message-box > div::before {
  content: " ";
  height: 12px;
  width: 12px;
  background: #3063f6;
  border-radius: 50%;
  position: absolute;
  left: 0.6rem;
  top: 24px;
}
.page-my-inbox .message-box .date,
.page-my-inbox .message-box .date span {
  font-size: 12px;
  font-weight: 600;
  line-height: 114%;
  color: #292a2e;
  margin-bottom: 0;
  white-space: nowrap;
}
.page-my-inbox .message-box img {
  -o-object-fit: contain;
     object-fit: contain;
  object-fit: contain;
  height: 30px;
  width: 30px;
}

@media screen and (max-width: 990px) {
  section#pageMySettings .image-upload-mobile {
    display: block !important;
  }
  section#pageMySettings .product:nth-child(even) {
    padding-right: 0 !important;
  }
  section#pageMySettings .product:nth-child(even) header {
    right: 8px !important;
  }
  section#pageMySettings .product:nth-child(odd) header {
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 10px;
    right: 26px;
  }
  td.collection-checkbox-wrapper {
    vertical-align: baseline;
  }
  .trademarks-section-heading strong,
  .Reliance-heading strong {
    font-size: 16px !important;
  }
  section#page-affiliate-disclosures {
    padding-bottom: 50px !important;
  }
  .help-center .help-section-banner-container {
    margin-bottom: 55px !important;
  }
  .help-center ul.menu {
    padding-left: 0;
    padding-right: 0;
    justify-content: start !important;
    overflow-x: auto;
  }
  .help-center #videoModal2 .modal-data {
    width: unset !important;
  }
  .help-center #videoModal .modal-content,
  .help-center #videoModal2 .modal-content {
    display: unset !important;
    max-height: 100vh !important;
    height: -moz-min-content !important;
    height: min-content !important;
    overflow-y: auto !important;
  }
}
@media screen and (max-width: 1586px) {
  .group-three-header .header-bottom .back-btn {
    padding-left: 2rem;
    position: unset !important;
  }
}
.password-reset-modal .password-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.password-reset-modal .password-wrapper .eye-icon {
  position: absolute;
  right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.password-reset-modal .modal-content {
  height: -moz-min-content;
  height: min-content;
  max-width: 726px !important;
}
.password-reset-modal .modal-content .modal-data {
  width: 100%;
}
.password-reset-modal .modal-content .modal-title {
  text-align: left !important;
}
.password-reset-modal .modal-content form {
  width: 100%;
}
.password-reset-modal .modal-content form .form-item {
  margin-bottom: 20px;
}
.password-reset-modal .modal-content form label {
  font-size: 12px;
  font-weight: 600;
  color: #969696;
  margin-bottom: 7px !important;
}
.password-reset-modal .modal-content form input {
  height: 40px;
}
.password-reset-modal .modal-content form input,
.password-reset-modal .modal-content form textarea {
  border: 1px solid #e1e1e1;
}
.password-reset-modal .modal-content form button[type=submit] {
  margin-top: 10px;
}
.password-reset-modal .password-changed-modal .modal-content {
  max-width: 726px !important;
}
.password-reset-modal .password-changed-modal .modal-data > div i::before {
  font-size: 36.67px !important;
  color: #269a31;
}
.password-reset-modal .password-changed-modal .modal-data p {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 90% !important;
  color: #292a2e;
  white-space: unset !important;
  max-width: unset !important;
}

.password-wrapper {
  margin-bottom: 10px;
}

.error-message {
  text-align: left !important;
  font-weight: 600;
  font-size: 14px;
  color: red;
  margin-top: 10px !important;
}

.form-group.my-4 .form-check {
  display: flex;
  align-items: flex-start;
}
.form-group.my-4 .form-check .form-check-input {
  margin-top: 0.25rem;
  margin-right: 0.75rem;
  flex-shrink: 0;
}
.form-group.my-4 .form-check .form-check-label {
  margin-left: 0;
}

@media (min-width: 992px) {
  .form-group.my-4 .form-check .form-check-input {
    margin-right: 1rem !important;
  }
  .form-group.my-4 .form-check .form-check-input + label:before {
    content: "";
    display: inline-block;
    width: 0.5rem;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 992px) {
  .form-group.my-4 .form-check-input {
    margin-right: 1.25rem !important;
  }
}
.my-inbox-modal .modal-data,
.my-inbox-modal .modal-content {
  display: unset !important;
  height: -moz-max-content !important;
  height: max-content !important;
  max-height: 100% !important;
  overflow: auto !important;
  background: #f4f6f9 !important;
}
.my-inbox-modal .create-message-form > div.d-flex {
  gap: 9px;
  align-items: center;
}
.my-inbox-modal .create-message-form > div.d-flex + hr.heading-separator {
  margin: 16px 0 !important;
}
.my-inbox-modal .create-message-form > div.d-flex p {
  font-size: 20px;
  font-weight: 600;
  line-height: 90%;
  color: #292a2e;
}
.my-inbox-modal form .form-message-box {
  min-height: 135px;
  position: relative;
  border-radius: 8px;
  background: #fff;
  border: none;
  min-height: 115px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 15px;
  border: 1px solid #e1e1e1;
}
.my-inbox-modal form .form-message-box > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.my-inbox-modal form .form-message-box > div input:focus-within, .my-inbox-modal form .form-message-box > div input:focus {
  border: 0 !important;
  outline: 0 !important;
}
.my-inbox-modal form .form-message-box > div button {
  border: none !important;
  background: none !important;
}
.my-inbox-modal form .form-message-box > div button img {
  height: 20px;
  width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.my-inbox-modal form > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.my-inbox-modal .message-wrapper:has(.own) {
  display: flex;
  justify-content: end;
}
.my-inbox-modal .inbox {
  display: grid;
  gap: 20px;
  max-height: 40vh;
  overflow: auto;
}
.my-inbox-modal .inbox .attached-file {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  padding: 1rem 1.5rem;
  background: #fff;
  align-items: start;
  border-radius: 16px;
}
.my-inbox-modal .inbox .attached-file > div {
  margin-right: 1rem;
}
.my-inbox-modal .inbox .attached-file button {
  background: none !important;
  border: none !important;
}
.my-inbox-modal .message-box {
  display: flex;
  max-width: 95%;
  align-items: end;
  gap: 1rem;
}
.my-inbox-modal .message-box .message-wrapper:has(.own) {
  display: flex;
  justify-content: end;
}
.my-inbox-modal .message-box img {
  -o-object-fit: contain;
     object-fit: contain;
}
.my-inbox-modal .message-box.own {
  flex-direction: row-reverse;
}
.my-inbox-modal .message-box.own > div {
  background: #3063f6 !important;
  color: #fff;
}
.my-inbox-modal .message-box > div {
  padding: 12px;
  border-radius: 12px;
  background: #d4d4d4;
}
.my-inbox-modal.my-message-create-modal form {
  min-height: 60vh;
  display: grid;
  align-items: self-end;
}
.my-inbox-modal.my-message-create-modal form .form-message-box {
  position: relative;
  border-radius: 8px;
  background: #fff;
  border: none;
  min-height: 115px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.my-inbox-modal.my-message-create-modal form .form-message-box input:focus-within, .my-inbox-modal.my-message-create-modal form .form-message-box input:focus {
  border: 0 !important;
  outline: 0 !important;
}
.my-inbox-modal.my-message-create-modal form .form-message-box > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.my-inbox-modal.my-message-create-modal form .form-message-box > div button {
  border: none !important;
  background: none !important;
}
.my-inbox-modal.my-message-create-modal form .form-message-box > div button img {
  height: 20px;
  width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

body.discover-category aside#filters {
  max-height: 100lvh;
  overflow: auto;
}
body.discover-category .explore-categories-grid-wrapper {
  justify-content: start !important;
  gap: 1.8rem;
}
body.discover-category .explore-categories-grid-wrapper .category {
  row-gap: 13.5px;
}
body.discover-category .explore-categories-grid-wrapper .category img {
  border-radius: 50%;
  height: 72px;
  width: 72px;
  -o-object-fit: cover;
     object-fit: cover;
}
body.discover-category .explore-categories-grid-wrapper .category p {
  color: #292a2e;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
}
body.discover-category .filter-button span {
  font-size: 14px;
  color: #292a2e;
  font-weight: 600;
  line-height: 90%;
}
body.discover-category .filter-button i::before {
  color: #292a2e;
  font-weight: 800 !important;
  font-size: 10px;
}
body.discover-category #brandSearch input {
  height: 35px !important;
}
body.discover-category form.category-filter-form .form-checkboxes {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
body.discover-category form.category-filter-form .form-checkboxes label {
  color: #292a2e;
  font-size: 12px;
  font-weight: 600;
  line-height: 90%;
}
body.discover-category form.category-filter-form .form-checkboxes input {
  width: 1em;
  height: 1em;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(29, 30, 34, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  border-radius: 50% !important;
}

.creator-list header {
  margin-bottom: 10px;
}
.creator-list header + a > img {
  max-height: 335px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.creator-list header .view-store {
  font-size: 12px;
  font-weight: 700;
}
.creator-list .creator-handle {
  font-size: 12px;
  font-weight: 600;
  color: #292a2e;
}
.creator-list .item {
  position: relative;
}
.creator-list .item .favorite-button-wrapper {
  position: absolute;
  right: 20px;
  top: 52px;
  background: #fff;
  display: inline-block;
  border-radius: 5px;
  height: 24px;
  width: 24px;
  display: inline-grid;
  place-content: center;
}

:is(.page-campaign-new-view, #page-campaign-view) hr.heading-separator {
  display: none;
}
:is(.page-campaign-new-view, #page-campaign-view) .campaign-info p,
:is(.page-campaign-new-view, #page-campaign-view) .campaign-info li {
  color: #565656;
}
:is(.page-campaign-new-view, #page-campaign-view) .campaign-info .short-description {
  color: #565656;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}
:is(.page-campaign-new-view, #page-campaign-view) .campaign-info .description {
  font-size: 13px;
  font-weight: 500;
}
:is(.page-campaign-new-view, #page-campaign-view) .campaign-info .description h4 {
  font-size: 13px;
  font-weight: 600;
}
:is(.page-campaign-new-view, #page-campaign-view) hr.section-divider {
  border-color: #d0d0d0 !important;
}
:is(.page-campaign-new-view, #page-campaign-view) div.heading-title h2 {
  margin-bottom: unset !important;
}
:is(.page-campaign-new-view, #page-campaign-view) div.section-title h2 {
  margin-bottom: 12px !important;
}
:is(.page-campaign-new-view, #page-campaign-view) .info {
  padding: 13.5px 20px;
  border-radius: 16px;
  background: #e6eca4;
  margin-top: 15px;
}
:is(.page-campaign-new-view, #page-campaign-view) .info + .separator {
  margin: 30px 0;
}
:is(.page-campaign-new-view, #page-campaign-view) .info p {
  margin: 0 !important;
  color: #1d1e22;
  font-size: 13px;
  font-weight: 600;
  line-height: 112%;
}
:is(.page-campaign-new-view, #page-campaign-view) .info p b {
  font-weight: 700 !important;
  display: block;
}
:is(.page-campaign-new-view, #page-campaign-view) .info img {
  margin-right: 12px;
}
:is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section + hr + .row .section-title h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 90%;
  margin-bottom: 30px !important;
}
:is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section .campaign-info p,
:is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section .campaign-info li {
  color: #565656;
}
:is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section .campaign-info .short-description {
  color: #565656;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}
:is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section .campaign-info .description {
  font-size: 13px;
  font-weight: 600;
}
:is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section .campaign-info .description h4 {
  color: #292a2e;
  margin-bottom: 20px !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 90%;
}
:is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section .campaign-info .description ul {
  margin-bottom: 20px !important;
}
:is(.page-campaign-new-view, #page-campaign-view) hr + .section-title h2 {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 90% !important;
  margin-bottom: 30px !important;
}

.page-campaign-new-edit .heading-title + div .btn i::before,
.page-campaign-add-edit .heading-title + div .btn i::before {
  font-size: 18px;
}
.page-campaign-new-edit .cancel-button,
.page-campaign-add-edit .cancel-button {
  padding: 13px 20px !important;
  font-weight: 700;
  font-size: 14px;
  text-decoration: underline;
  color: #3063f6;
}
.page-campaign-new-edit:has(.cancel-button) .section-title.heading-title h2,
.page-campaign-add-edit:has(.cancel-button) .section-title.heading-title h2 {
  margin-top: 40px;
}
.page-campaign-new-edit .info,
.page-campaign-add-edit .info {
  padding: 20px;
  border-radius: 16px;
  background: #e6eca4;
  margin-bottom: 40px;
}
.page-campaign-new-edit .info + .separator,
.page-campaign-add-edit .info + .separator {
  margin: 30px 0;
}
.page-campaign-new-edit .info p,
.page-campaign-add-edit .info p {
  margin: 0 !important;
  color: #1d1e22;
  font-size: 13px;
  font-weight: 600;
  line-height: 112%;
}
.page-campaign-new-edit .info p b,
.page-campaign-add-edit .info p b {
  font-weight: 700 !important;
}
.page-campaign-new-edit .info img,
.page-campaign-add-edit .info img {
  margin-right: 12px;
}
.page-campaign-new-edit .status-container,
.page-campaign-add-edit .status-container {
  padding: 40px;
  background: #e9eef4;
  text-align: center;
}
.page-campaign-new-edit .status-container h4,
.page-campaign-add-edit .status-container h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 90%;
  margin-bottom: 20px;
  max-width: 500px;
  margin: 0 auto 20px;
}
.page-campaign-new-edit .status-container p,
.page-campaign-add-edit .status-container p {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0em;
  margin-bottom: 20px;
  max-width: 574px;
  margin: 0 auto 20px;
}
.page-campaign-new-edit .collection-select-listing-table table,
.page-campaign-add-edit .collection-select-listing-table table {
  margin-bottom: 40px;
  width: 100%;
}
.page-campaign-new-edit .collection-select-listing-table table tr,
.page-campaign-add-edit .collection-select-listing-table table tr {
  border-bottom: 1px solid #e1e1e1;
}
.page-campaign-new-edit .collection-select-listing-table table tr:has(input.collection-checkbox:checked) td,
.page-campaign-add-edit .collection-select-listing-table table tr:has(input.collection-checkbox:checked) td {
  background-color: #e9eef4;
}
.page-campaign-new-edit .collection-select-listing-table table td,
.page-campaign-add-edit .collection-select-listing-table table td {
  padding: 18px 0 20px 0;
}
.page-campaign-new-edit .collection-select-listing-table table td.images-and-info > div:last-child,
.page-campaign-add-edit .collection-select-listing-table table td.images-and-info > div:last-child {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.page-campaign-new-edit .collection-select-listing-table table td.collection-checkbox-wrapper,
.page-campaign-add-edit .collection-select-listing-table table td.collection-checkbox-wrapper {
  width: 56px;
}
.page-campaign-new-edit .collection-select-listing-table table td.collection-checkbox-wrapper input.collection-checkbox,
.page-campaign-add-edit .collection-select-listing-table table td.collection-checkbox-wrapper input.collection-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 20px !important;
  width: 20px !important;
  margin: 0 8px 0 6px;
  background-color: white;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}
.page-campaign-new-edit .collection-select-listing-table table td.collection-checkbox-wrapper input.collection-checkbox:checked,
.page-campaign-add-edit .collection-select-listing-table table td.collection-checkbox-wrapper input.collection-checkbox:checked {
  background-color: #007bff;
  /* blue check background if needed */
  border-color: #007bff;
}
.page-campaign-new-edit .collection-select-listing-table table td.collection-checkbox-wrapper input.collection-checkbox:checked::after,
.page-campaign-add-edit .collection-select-listing-table table td.collection-checkbox-wrapper input.collection-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.page-campaign-new-edit .collection-select-listing-table table .collection-and-product-count,
.page-campaign-add-edit .collection-select-listing-table table .collection-and-product-count {
  min-width: 151px;
}
.page-campaign-new-edit .collection-select-listing-table table .collection-and-product-count p,
.page-campaign-add-edit .collection-select-listing-table table .collection-and-product-count p {
  white-space: nowrap;
  font-weight: 600;
  text-align: left;
}
.page-campaign-new-edit .collection-select-listing-table table .collection-and-product-count p.collection-name,
.page-campaign-add-edit .collection-select-listing-table table .collection-and-product-count p.collection-name {
  font-size: 13px;
  line-height: 100%;
  color: #292a2e;
  margin-bottom: 5px !important;
}
.page-campaign-new-edit .collection-select-listing-table table .collection-and-product-count p.product-count,
.page-campaign-add-edit .collection-select-listing-table table .collection-and-product-count p.product-count {
  color: #969696;
  font-size: 12px;
  line-height: 114%;
}
.page-campaign-new-edit .edit-toggle-bts,
.page-campaign-add-edit .edit-toggle-bts {
  margin-bottom: 40px;
}
.page-campaign-new-edit .edit-toggle-bts ul.nav.nav-tabs,
.page-campaign-add-edit .edit-toggle-bts ul.nav.nav-tabs {
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
  gap: 20px;
}
.page-campaign-new-edit .edit-toggle-bts ul.nav.nav-tabs .nav-link,
.page-campaign-add-edit .edit-toggle-bts ul.nav.nav-tabs .nav-link {
  border: none;
  color: #969696;
  padding: 15px 5px;
  font-weight: 600;
  font-size: 14px;
}
.page-campaign-new-edit .edit-toggle-bts ul.nav.nav-tabs .nav-link.active,
.page-campaign-add-edit .edit-toggle-bts ul.nav.nav-tabs .nav-link.active {
  color: #3063f6;
  border-bottom: 3px solid #3063f6;
  background: transparent;
}
.page-campaign-new-edit .campaign-info .form-control,
.page-campaign-add-edit .campaign-info .form-control {
  padding: 16px 12px;
  height: 45px;
  font-weight: 600;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: #292a2e;
  border-radius: 8px;
}
.page-campaign-new-edit .campaign-info textarea.form-control,
.page-campaign-add-edit .campaign-info textarea.form-control {
  line-height: 1.2;
  min-height: 152px;
  padding: 16px 12px;
}
.page-campaign-new-edit .campaign-info .form-label,
.page-campaign-new-edit .campaign-info fieldset legend,
.page-campaign-add-edit .campaign-info .form-label,
.page-campaign-add-edit .campaign-info fieldset legend {
  font-weight: 600;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: #565656;
  margin-bottom: 10px;
}
.page-campaign-new-edit .campaign-info fieldset .form-label,
.page-campaign-add-edit .campaign-info fieldset .form-label {
  font-size: 12px;
}
.page-campaign-new-edit .campaign-info .form-text,
.page-campaign-add-edit .campaign-info .form-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: #969696;
  margin: 10px 0;
}
.page-campaign-new-edit .action-buttons,
.page-campaign-add-edit .action-buttons {
  margin-top: 30px;
}
.page-campaign-new-edit .action-buttons .btn,
.page-campaign-add-edit .action-buttons .btn {
  padding: 16px 20px;
  height: 45px;
  font-weight: 600;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  width: 335px;
}
.page-campaign-new-edit .upload-container,
.page-campaign-add-edit .upload-container {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 520px;
  border-radius: 8px;
  background: #e9eef4;
  position: relative;
  overflow: hidden;
}
.page-campaign-new-edit .upload-container .upload-label,
.page-campaign-new-edit .upload-container .replace-label,
.page-campaign-add-edit .upload-container .upload-label,
.page-campaign-add-edit .upload-container .replace-label {
  padding: 15px 20px;
  border: 1px solid #3063f6;
  color: #3063f6;
  font-weight: 600;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 14px;
}
.page-campaign-new-edit .upload-container .upload-label:hover,
.page-campaign-new-edit .upload-container .replace-label:hover,
.page-campaign-add-edit .upload-container .upload-label:hover,
.page-campaign-add-edit .upload-container .replace-label:hover {
  background-color: #3063f6;
  color: #fff;
}
.page-campaign-new-edit .upload-container .upload-label:hover svg path,
.page-campaign-new-edit .upload-container .replace-label:hover svg path,
.page-campaign-add-edit .upload-container .upload-label:hover svg path,
.page-campaign-add-edit .upload-container .replace-label:hover svg path {
  fill: #fff;
}
.page-campaign-new-edit .upload-container .upload-text,
.page-campaign-add-edit .upload-container .upload-text {
  font-weight: 500;
  font-size: 14px;
  color: #565656;
}
.page-campaign-new-edit .upload-container .preview-placeholder,
.page-campaign-add-edit .upload-container .preview-placeholder {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page-campaign-new-edit .upload-container .preview-placeholder img,
.page-campaign-add-edit .upload-container .preview-placeholder img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.page-campaign-new-edit .upload-container .replace-placeholder,
.page-campaign-add-edit .upload-container .replace-placeholder {
  display: none;
  position: relative;
  z-index: 2;
}
.page-campaign-new-edit .upload-container .replace-placeholder .replace-label,
.page-campaign-add-edit .upload-container .replace-placeholder .replace-label {
  color: #d4d4d4;
  border-color: #d4d4d4;
}
.page-campaign-new-edit .upload-container .replace-placeholder .replace-label:hover,
.page-campaign-add-edit .upload-container .replace-placeholder .replace-label:hover {
  background-color: #d4d4d4;
  border-color: #d4d4d4;
  color: #292a2e;
}
.page-campaign-new-edit .upload-container .replace-placeholder .replace-label:hover svg path,
.page-campaign-add-edit .upload-container .replace-placeholder .replace-label:hover svg path {
  fill: #292a2e;
}
.page-campaign-new-edit .upload-container .replace-placeholder .upload-text,
.page-campaign-add-edit .upload-container .replace-placeholder .upload-text {
  color: #d4d4d4;
}
.page-campaign-new-edit .upload-container.show-preview .upload-placeholder,
.page-campaign-add-edit .upload-container.show-preview .upload-placeholder {
  display: none;
}
.page-campaign-new-edit .upload-container.show-preview .preview-placeholder,
.page-campaign-add-edit .upload-container.show-preview .preview-placeholder {
  display: block;
}
.page-campaign-new-edit .upload-container.show-preview:hover .preview-placeholder::after,
.page-campaign-add-edit .upload-container.show-preview:hover .preview-placeholder::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #292a2e;
  opacity: 0.8;
}
.page-campaign-new-edit .upload-container.show-preview:hover .replace-placeholder,
.page-campaign-add-edit .upload-container.show-preview:hover .replace-placeholder {
  display: block;
}

.page-campaign-details hr.heading-separator {
  margin-top: 50px !important;
  margin-bottom: 30px !important;
}
.page-campaign-details .section-divider {
  border-color: #d0d0d0 !important;
}
.page-campaign-details .chart-container {
  padding: 12px;
  border-radius: 16px;
  background: linear-gradient(0deg, rgba(48, 99, 246, 0.3019607843), rgba(48, 99, 246, 0.6784313725)), linear-gradient(180deg, rgba(99, 137, 247, 0.5) 0%, rgba(176, 219, 202, 0.5) 100%);
  min-height: 258px;
}
.page-campaign-details .chart-container canvas {
  height: 100% !important;
}
.page-campaign-details .progress-container {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 11px;
  color: #969696;
  margin-bottom: 30px;
}
.page-campaign-details .progress-container .progress-label {
  flex: 0 0 30px;
}
.page-campaign-details .progress-container .progress {
  background-color: transparent;
  display: flex;
  align-items: center;
  width: 100%;
  height: 9px;
}
.page-campaign-details .progress-container .progress .progress-bar {
  height: 9px;
}
.page-campaign-details .progress-container .progress .progress-count {
  margin-left: 10px;
}
.page-campaign-details ul.nav-tabs {
  gap: 40px;
  margin-bottom: 30px;
  border-bottom: none;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.page-campaign-details ul.nav-tabs li.nav-item .nav-link {
  padding: 0px;
  padding-bottom: 6px;
  background-color: transparent;
  font-weight: 600;
  font-size: 16px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: #969696;
  border: none;
  border-bottom: 2px solid transparent;
  text-wrap-mode: nowrap;
}
.page-campaign-details ul.nav-tabs li.nav-item .nav-link.active {
  color: #3063f6;
  border-bottom: 2px solid #3063f6;
}
.page-campaign-details .product-btns {
  margin-bottom: 30px;
}
.page-campaign-details .creator-card {
  padding: 24px 16px;
  background-color: #e9eef4;
  border-radius: 8px;
  position: relative;
}
.page-campaign-details .creator-card > input[type=checkbox] {
  position: absolute;
  left: 10px;
  top: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 20px !important;
  width: 20px !important;
  margin: 0 8px 0 6px;
  background-color: white;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: all 0.2s ease;
  /* position: relative; */
}
.page-campaign-details .creator-card > input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.page-campaign-details .creator-card .creator {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
}
.page-campaign-details .creator-card .creator .creator-name {
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-align: center;
  color: #292a2e;
}
.page-campaign-details .creator-card .creator .message {
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.01em;
  text-decoration: underline;
  color: #3063f6;
}
.page-campaign-details .creator-card .actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
.page-campaign-details .creator-card .actions .btn {
  padding: 11px 15px;
  height: 35px;
  font-size: 13px;
  line-height: 1;
  border-radius: 8px;
  width: 104px;
  text-wrap-mode: nowrap;
}
.page-campaign-details .component.total-revenue .filters {
  display: flex;
  align-items: center;
  gap: 40px;
}
.page-campaign-details .component.total-revenue .filters .filter-button {
  border: none;
  outline: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.01em;
  padding: 3px 2px;
  border-radius: 4px;
  color: #292a2e;
  background-color: transparent;
}
.page-campaign-details .component.total-revenue .filters .filter-button.active {
  background-color: #3063f6;
  color: #fff;
}
.page-campaign-details .component.best-selling-products .product-card {
  display: flex;
  gap: 20px;
  padding: 20px 12px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  margin-bottom: 10px;
}
.page-campaign-details .component.best-selling-products .product-card img {
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-campaign-details .component.best-selling-products .product-card h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
}
.page-campaign-details .component.best-selling-products .product-card h6 {
  font-weight: 600;
  font-size: 13px;
  color: #565656;
  margin-bottom: 0px;
}
.page-campaign-details .component.manage-creators .component-heading {
  margin-bottom: 30px !important;
}
.page-campaign-details .component-content .progress-container:last-child,
.page-campaign-details .component-content .product-card:last-child {
  margin-bottom: 0px;
}

section.page-collections-new hr.heading-separator {
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}
section.page-collections-new .section-title {
  gap: 30px;
}
section.page-collections-new .section-title .edit-link,
section.page-collections-new .section-title .delete-link {
  font-weight: 600;
  font-size: 12px;
  line-height: 90%;
  letter-spacing: -0.01em;
  display: inline-flex;
  align-items: center;
}
section.page-collections-new .section-title .edit-link {
  color: #3063f6;
}
section.page-collections-new .section-title .delete-link {
  color: #969696;
}

section.page-brand-requested-products .requested-products-wrapper {
  margin-bottom: 30px;
}
section.page-brand-requested-products .requested-products-wrapper .product-item {
  padding-bottom: 30px;
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 30px;
}
section.page-brand-requested-products .requested-products-wrapper .product-item:last-child {
  margin-bottom: 0px;
}
section.page-brand-requested-products .requested-products-wrapper .product-item .product-image img {
  height: 163px;
  width: 163px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
section.page-brand-requested-products .requested-products-wrapper .product-item .product-info {
  line-height: 100%;
  padding: 0;
}
section.page-brand-requested-products .requested-products-wrapper .product-item .product-info .brand {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
  color: #969696;
}
section.page-brand-requested-products .requested-products-wrapper .product-item .product-info .name {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
section.page-brand-requested-products .requested-products-wrapper .product-item .product-info .requested {
  font-weight: 500;
  font-size: 11px;
  line-height: 120%;
  color: #969696;
}
section.page-brand-requested-products .requested-products-wrapper .product-item .product-info .creator img {
  height: 20px;
  width: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
section.page-brand-requested-products .requested-products-wrapper .product-item .product-info .creator .creator-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
}
section.page-brand-requested-products .requested-products-wrapper .product-item .product-info .creator a.link {
  font-weight: 700;
  font-size: 12px;
  line-height: 90%;
  text-decoration: underline;
  color: #3063f6;
}
section.page-brand-requested-products .requested-products-wrapper .product-item .actions .btn {
  padding: 10px 15px !important;
  border-radius: 8px;
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: -0.01em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

section.page.page-creator-profile div.main-content header.page-header .profile-wrapper .profile-content .social-links a {
  font-size: 15px;
  color: #3063f6;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-color: #ffffff;
  padding: 4px;
  border-radius: 4px;
}

section.page form.profile-setting-form > hr {
  border: 1px solid #d0d0d0;
  margin-top: 40px;
  margin-bottom: 40px;
}
section.page form.profile-setting-form .profile-image,
section.page form.profile-setting-form .brand-logo {
  height: 100px;
  width: 100px;
  flex-shrink: 0;
  position: relative;
}
section.page form.profile-setting-form .profile-image img,
section.page form.profile-setting-form .brand-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.page form.profile-setting-form .profile-image span,
section.page form.profile-setting-form .brand-logo span {
  display: none;
  line-height: 90%;
  text-align: center;
  font-weight: 600;
  color: #fff;
}
section.page form.profile-setting-form .profile-image::after,
section.page form.profile-setting-form .brand-logo::after {
  position: absolute;
  content: "";
  height: 18px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14.5C11.25 14.5 12.3125 14.0625 13.1875 13.1875C14.0625 12.3125 14.5 11.25 14.5 10C14.5 8.75 14.0625 7.6875 13.1875 6.8125C12.3125 5.9375 11.25 5.5 10 5.5C8.75 5.5 7.6875 5.9375 6.8125 6.8125C5.9375 7.6875 5.5 8.75 5.5 10C5.5 11.25 5.9375 12.3125 6.8125 13.1875C7.6875 14.0625 8.75 14.5 10 14.5ZM10 12.5C9.3 12.5 8.70833 12.2583 8.225 11.775C7.74167 11.2917 7.5 10.7 7.5 10C7.5 9.3 7.74167 8.70833 8.225 8.225C8.70833 7.74167 9.3 7.5 10 7.5C10.7 7.5 11.2917 7.74167 11.775 8.225C12.2583 8.70833 12.5 9.3 12.5 10C12.5 10.7 12.2583 11.2917 11.775 11.775C11.2917 12.2583 10.7 12.5 10 12.5ZM2 18C1.45 18 0.979167 17.8042 0.5875 17.4125C0.195833 17.0208 0 16.55 0 16V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H5.15L7 0H13L14.85 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H2Z' fill='%23969696'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px 18px;
}
section.page form.profile-setting-form .profile-image.no-image,
section.page form.profile-setting-form .brand-logo.no-image {
  background: linear-gradient(180deg, #6389f7 -20%, #b0dbca 130%);
  display: flex;
  align-items: center;
  justify-content: center;
}
section.page form.profile-setting-form .profile-image.no-image span,
section.page form.profile-setting-form .brand-logo.no-image span {
  display: inline-block;
}
section.page form.profile-setting-form .profile-image.no-image img,
section.page form.profile-setting-form .brand-logo.no-image img {
  display: none;
}
section.page form.profile-setting-form .profile-image {
  border-radius: 50%;
}
section.page form.profile-setting-form .profile-image::after {
  bottom: 4px;
  right: 8px;
}
section.page form.profile-setting-form .profile-image span {
  font-size: 50px;
}
section.page form.profile-setting-form .brand-logo {
  border-radius: 8px;
}
section.page form.profile-setting-form .brand-logo::after {
  bottom: -2px;
  right: -2px;
}
section.page form.profile-setting-form .brand-logo span {
  font-size: 26px;
}
section.page form.profile-setting-form label.form-label {
  font-family: Manrope;
  font-weight: 600;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: #565656;
  margin-bottom: 10px;
}
section.page form.profile-setting-form .form-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0;
  color: #565656;
  margin-bottom: 6px;
}
section.page form.profile-setting-form .form-control {
  font-weight: 600;
  border: 1px solid #e1e1e1;
}
section.page form.profile-setting-form .commission input[type=radio]:checked + label {
  background-color: #3063f6;
  color: #fff;
}

section.page div.main-content header.page-header a.page-back-btn {
  font-weight: 600;
  font-size: 12px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: #fff;
  display: inline-flex;
  align-items: center;
  margin-bottom: 30px;
}
section.page div.main-content header.page-header .profile-wrapper {
  display: flex;
  gap: 20px;
  color: #fff;
}
section.page div.main-content header.page-header .profile-wrapper .profile-image img {
  height: 160px;
  width: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
section.page div.main-content header.page-header .profile-wrapper .profile-content {
  flex-grow: 1;
}
section.page div.main-content header.page-header .profile-wrapper .profile-content .profile-info a {
  color: #fff;
}
section.page div.main-content header.page-header .profile-wrapper .profile-content .profile-info .profile-name {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.01em;
  margin-bottom: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 15px;
}
section.page div.main-content header.page-header .profile-wrapper .profile-content .profile-info .profile-name span.favorite {
  display: inline-block;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  border: 1px solid #ffffff;
  padding: 4px;
  font-size: 14px;
  cursor: pointer;
}
section.page div.main-content header.page-header .profile-wrapper .profile-content .profile-info .profile-location,
section.page div.main-content header.page-header .profile-wrapper .profile-content .profile-info .profile-link {
  font-weight: 600;
  font-size: 13px;
  line-height: 90%;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
section.page div.main-content header.page-header .profile-wrapper .profile-content .social-links {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 12px;
  margin-bottom: 20px;
}
section.page div.main-content header.page-header .profile-wrapper .profile-content .social-links a {
  font-size: 24px;
  line-height: 1;
  color: #fff;
}
section.page div.main-content header.page-header .profile-wrapper .profile-content .actions > div {
  width: 100%;
  display: flex;
  gap: 10px;
}
section.page div.main-content header.page-header .profile-wrapper .profile-content .actions .btn {
  padding: 12px 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  height: 45px;
  flex-grow: 1;
}
section.page div.main-content .btn.btn-heading {
  padding: 12px 20px !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  border-radius: 8px;
}
section.page div.main-content .btn svg path {
  transition: fill 0.15 ease-in-out;
}
section.page div.main-content .btn-primary:hover svg path,
section.page div.main-content .btn-outline-primary:hover svg path {
  fill: #fff;
}
section.page div.main-content .btn-outline-light:hover {
  color: #3063f6;
}
section.page div.main-content .btn-outline-light:hover svg path {
  fill: #3063f6;
}
section.page div.main-content .widget-slider:has(.overview-card) ul.slides li {
  margin-right: 10px !important;
  height: 163px !important;
  width: 163px !important;
}
section.page div.main-content .widget-slider:has(.overview-card) ul.slides li .overview-card {
  height: 163px;
  width: 163px;
  background-color: #fff;
  padding: 18px 15px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: linear-gradient(white, white) padding-box, linear-gradient(180deg, #6389f7 -28.58%, #b0dbca 89.82%) border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
section.page div.main-content .widget-slider:has(.overview-card) ul.slides li .overview-card .title {
  font-size: 14px;
  letter-spacing: -0.01em;
  font-weight: 600;
  line-height: 1;
  color: #565656;
}
section.page div.main-content .widget-slider:has(.overview-card) ul.slides li .overview-card .value {
  font-size: 32px;
  letter-spacing: -0.04em;
  font-weight: 600;
  line-height: 1;
  color: #292a2e;
}
section.page div.main-content .widget-slider:has(.overview-card) ol.flex-control-nav {
  position: static;
}
section.page div.main-content .widget-slider:has(.overview-card) ol.flex-control-nav:has(li) {
  margin-top: 30px;
}
section.page div.main-content .widget-slider:has(.overview-card) ol.flex-control-nav li a {
  height: 8px;
  width: 8px;
  background: #3063f6;
  opacity: 30%;
}
section.page div.main-content .widget-slider:has(.overview-card) ol.flex-control-nav li a.flex-active {
  opacity: 100%;
}
section.page div.main-content section.component .component-heading {
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
section.page div.main-content section.component .component-heading h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 90%;
  letter-spacing: -0.01em;
  margin-bottom: 0;
}
section.page div.main-content section.component .component-content.bg-white {
  padding: 30px;
  border-radius: 16px;
  background-color: #fff;
}
section.page div.main-content .product-listing-tables table.table {
  margin-bottom: 0px;
}
section.page div.main-content .product-listing-tables table.table thead {
  display: none;
}
section.page div.main-content .product-listing-tables table.table thead th {
  font-weight: 600;
  font-size: 12px;
  line-height: 90%;
  color: #969696;
  border-bottom: 1px solid #e1e1e1;
  padding: 12px 4px;
}
section.page div.main-content .product-listing-tables table.table thead th.sortable {
  cursor: pointer;
  background-image: url(/images/sorting-icon.svg) !important;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 30px !important;
}
section.page div.main-content .product-listing-tables table.table tbody tr td {
  padding: 20px 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.01em;
  border-bottom: 1px solid #d0d0d0;
}
section.page div.main-content .product-listing-tables table.table tbody tr td .table-product-item {
  font-weight: 600;
}
section.page div.main-content .product-listing-tables table.table tbody tr td .table-product-item .brand {
  line-height: 90%;
  color: #969696;
  margin-bottom: 4px;
}
section.page div.main-content .product-listing-tables table.table tbody tr td:has(input[type=checkbox]) {
  width: 50px;
}
section.page div.main-content .product-listing-tables table.table tbody tr td:has(input[type=checkbox]) input[type=checkbox] {
  height: 20px;
  width: 20px;
  margin-top: 12px;
  border: 1px solid #e1e1e1;
  margin-right: 10px;
}
section.page div.main-content .product-listing-tables table.table tbody tr td:not(:first-child, :nth-child(2)) {
  display: none;
}
section.page div.main-content .status-container {
  padding: 30px 25px;
  background: #e9eef4;
  text-align: center;
}
section.page div.main-content .status-container h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 90%;
  margin-bottom: 20px;
  max-width: 500px;
  margin: 0 auto 20px;
}
section.page div.main-content .status-container p {
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0em;
  margin-bottom: 20px;
  max-width: 574px;
  margin: 0 auto 20px;
}
section.page div.main-content .collection-grid .collection-wrapper {
  border-radius: 8px;
  overflow: hidden;
}
section.page div.main-content .collection-grid .collection-wrapper .image {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
}
section.page div.main-content .collection-grid .collection-wrapper .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.page div.main-content .collection-grid .collection-wrapper .image::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1019607843);
}
section.page div.main-content .collection-grid .collection-wrapper a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 26px 28px 26px 38px;
  background-color: #e9eef4;
  color: #292a2e;
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0em;
}
section.page div.main-content .page-content:has(.page-back-btn) {
  padding-top: 20px;
}
section.page div.main-content .page-content:has(.page-back-btn) .page-back-btn {
  display: inline-flex;
  align-items: center;
  margin-bottom: 30px;
  color: #969696;
  font-weight: 600;
  font-size: 12px;
  line-height: 90%;
  letter-spacing: -0.01em;
}
section.page div.main-content .page-content label.img-upload-label {
  padding: 15px 20px;
  border: 1px solid #3063f6;
  color: #3063f6 !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 14px;
}
section.page div.main-content .page-content label.img-upload-label:hover {
  background-color: #3063f6;
  color: #fff !important;
}
section.page div.main-content .page-content label.img-upload-label:hover svg path {
  fill: #fff;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-image .flex-slider-images .lSSlideWrapper li img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-image .flex-slider-images .lSAction > a {
  height: 32px;
  width: 32px;
  border: 1px solid #e1e1e1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 12px;
  opacity: 1;
  border-radius: 50%;
  transition: transform 0.2s ease;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-image .flex-slider-images .lSAction > a:hover {
  transform: scale(1.1);
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-image .flex-slider-images .lSAction a.lSPrev {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.9975 11.6532L0.34375 5.99945L5.9975 0.345703L7.05125 1.39945L2.45125 5.99945L7.05125 10.5995L5.9975 11.6532Z' fill='%231C1B1F'/%3E%3C/svg%3E");
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-image .flex-slider-images .lSAction a.lSNext {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.0025 0.346796L7.65625 6.00055L2.0025 11.6543L0.94875 10.6005L5.54875 6.00055L0.94875 1.40055L2.0025 0.346796Z' fill='%231C1B1F'/%3E%3C/svg%3E");
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-image .flex-slider-images .lSPager {
  display: flex;
  justify-content: center;
  min-width: 100% !important;
  max-width: -moz-max-content;
  max-width: max-content;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-image .flex-slider-images .lSPager li {
  flex-shrink: 0;
  height: 68px !important;
  width: 45px !important;
  margin-right: 10px !important;
  padding-bottom: 6px !important;
  border-bottom: 2px solid transparent;
  border-radius: 0px;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-image .flex-slider-images .lSPager li.active {
  border-bottom: 2px solid #292a2e;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-image .flex-slider-images .lSPager li img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .brand {
  font-family: Manrope;
  font-weight: 600;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: #969696;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content span.favourite {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 5px 4px 4px 4px;
  font-size: 14px;
  line-height: 1;
  color: #969696;
  margin-bottom: 2px;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .product-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: #292a2e;
  margin-bottom: 10px;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .product-price {
  font-weight: 600;
  font-size: 16px;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: #292a2e;
  margin-bottom: 0px;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content hr {
  margin-top: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e1e1e1;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .profit {
  color: #565656;
  margin-bottom: 30px;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .profit small {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0;
  margin-bottom: 6px;
  display: block;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .profit small a {
  color: #565656;
  margin-left: 4px;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .profit h4 {
  color: #565656;
  font-weight: 600;
  font-size: 16px;
  line-height: 90%;
  letter-spacing: -0.01em;
  margin-bottom: 0px;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .description {
  color: #565656;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0em;
}
section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .fulfillment-status {
  font-weight: 500;
  font-size: 12px;
  color: #969696;
}

.trending-beauty-section .product-grid .row .col-lg-9 {
  width: 100% !important;
}

.swiper .swiper-pagination {
  all: unset;
  display: block;
  width: 100% !important;
  text-align: center;
  margin-top: 1.5rem;
}

section#page-affiliate-disclosures {
  background: #f4f6f9;
}
section#page-affiliate-disclosures .container {
  max-width: 898px !important;
}
section#page-affiliate-disclosures section.group-three-header div.profile-dropdown-wrapper > a::after {
  color: #292a2e;
}

section.page-my-inbox .page-back-btn {
  margin-bottom: 30px !important;
}
section.page-my-inbox hr.heading-separator {
  margin-bottom: 30px !important;
}
section.page-my-inbox ul#messageTab.nav {
  width: -moz-max-content;
  width: max-content;
  padding: 2px;
  background: #d4d4d4;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
  margin-bottom: 30px;
}
section.page-my-inbox ul#messageTab.nav li a.nav-link {
  color: #292a2e;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.01em;
  border-radius: 8px;
  padding: 8px 12px;
  border: 1px solid transparent;
  margin: 0px;
}
section.page-my-inbox ul#messageTab.nav li a.nav-link.active {
  background: #fff;
  border-color: #e1e1e1;
}
section.page-my-inbox a.message-box-wrapper {
  background: #fff;
  color: #292a2e;
  padding: 24px 16px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.01;
}
section.page-my-inbox a.message-box-wrapper:hover {
  background: #fdfdfd;
}
section.page-my-inbox a.message-box-wrapper::before {
  content: "";
  display: inline-block;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  background: #3063f6;
  flex-shrink: 0;
}
section.page-my-inbox a.message-box-wrapper .room-avatar {
  margin-right: 8px;
}
section.page-my-inbox a.message-box-wrapper .room-avatar .room-avatar-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(122, 161, 235, 0.9) 0%, rgba(177, 220, 203, 0.9) 100%), #292a2e;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
section.page-my-inbox a.message-box-wrapper .room-name {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 90%;
}
section.page-my-inbox a.message-box-wrapper .message {
  color: #565656;
}
section.page-my-inbox a.message-box-wrapper .timestamp {
  margin-left: auto;
}

.modal.inbox-modal .modal-content {
  padding: 0 18px;
  background-color: #f4f6f9;
  border-radius: 16px;
}
.modal.inbox-modal .modal-content .modal-header {
  padding: 30px 0 20px 0;
  border-bottom: 1px solid #e1e1e1;
}
.modal.inbox-modal .modal-content .modal-body {
  padding: 20px 0px;
}
.modal.inbox-modal .modal-content .modal-footer {
  padding: 20px 0 36px 0;
  border-top: 1px solid #e1e1e1;
}
.modal.inbox-modal .room-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #292a2e;
  margin-bottom: 0;
}
.modal.inbox-modal .room-avatar {
  margin-right: 8px;
}
.modal.inbox-modal .room-avatar img {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal.inbox-modal .room-avatar .room-avatar-icon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(122, 161, 235, 0.9) 0%, rgba(177, 220, 203, 0.9) 100%), #292a2e;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.modal.inbox-modal .messages-container .message-wrapper {
  display: flex;
  align-items: end;
  flex-wrap: nowrap;
  gap: 12px;
  max-width: 558px;
}
.modal.inbox-modal .messages-container .message-wrapper .room-avatar {
  margin: 0px;
  flex-shrink: 0;
}
.modal.inbox-modal .messages-container .message-wrapper .message {
  padding: 12px;
  border-radius: 16px;
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: -0.01em;
}
.modal.inbox-modal .messages-container .message-wrapper .message span.timestamp {
  font-size: 11px;
  opacity: 0.6;
  float: inline-end;
}
.modal.inbox-modal .messages-container .message-wrapper.sent {
  flex-direction: row-reverse;
  margin-left: auto;
}
.modal.inbox-modal .messages-container .message-wrapper.sent .message {
  background: #3063f6;
  color: #fff;
}
.modal.inbox-modal .messages-container .message-wrapper.received .message {
  background: #d4d4d4;
  color: #292a2e;
}
.modal.inbox-modal .messages-container .attachments-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 558px;
  padding-left: 48px;
  padding-top: 12px;
}
.modal.inbox-modal .messages-container .attachments-wrapper .attachment {
  display: inline-flex;
  padding: 10px 13px;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 16px;
}
.modal.inbox-modal .messages-container .attachments-wrapper .attachment .attachment-name {
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0;
  margin-bottom: 0;
}
.modal.inbox-modal .messages-container .attachments-wrapper .attachment .attachment-size {
  font-weight: 500;
  font-size: 11px;
  line-height: 120%;
  letter-spacing: 0;
  margin-bottom: 0;
  color: #565656;
}
.modal.inbox-modal .messages-container .message-item:not(:last-child) {
  margin-bottom: 20px;
}

.new-message-form {
  width: 100%;
  margin: 0px;
}
.new-message-form textarea {
  padding: 15px 16px;
  min-height: 135px;
  border: 1px solid #e1e1e1;
  border-radius: 16px;
}
.new-message-form .actions {
  padding: 0 16px;
  margin-top: -40px;
}

#form-signup .row {
  margin-left: 0;
  margin-right: 0;
}
#form-signup .sr-only {
  height: 25px;
  text-align: left;
  padding-left: 5px !important;
  position: unset;
}
#form-signup .sr-only::after {
  content: "*";
}

.signup-form h2 {
  background: linear-gradient(180deg, #6389f7 -28.58%, #b0dbca 89.82%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.creator .rounded-circle {
  border-radius: 50% !important;
  max-height: 32px;
  min-height: 32px;
  min-width: 32px;
}

@media (min-width: 576px) {
  .gy-sm-40px,
  .g-sm-40px {
    --bs-gutter-y: 2.5rem;
  }
  .gx-sm-40px,
  .g-sm-40px {
    --bs-gutter-x: 2.5rem;
  }
  .gy-sm-35px,
  .g-sm-35px {
    --bs-gutter-y: 35px;
  }
  .gx-sm-35px,
  .g-sm-35px {
    --bs-gutter-x: 35px;
  }
  .gy-sm-30px,
  .g-sm-30px {
    --bs-gutter-y: 30px;
  }
  .gx-sm-30px,
  .g-sm-30px {
    --bs-gutter-x: 30px;
  }
  .gy-sm-20px,
  .g-sm-20px {
    --bs-gutter-y: 20px;
  }
  .gx-sm-20px,
  .g-sm-20px {
    --bs-gutter-x: 20px;
  }
  .gy-sm-15px,
  .g-sm-15px {
    --bs-gutter-y: 15px;
  }
  .gx-sm-15px,
  .g-sm-15px {
    --bs-gutter-x: 15px;
  }
  .gy-sm-10px,
  .g-sm-10px {
    --bs-gutter-y: 10px;
  }
  .gx-sm-10px,
  .g-sm-10px {
    --bs-gutter-x: 10px;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .btn-filters-toggle {
    width: 132px;
    height: 30px;
  }
  .w-sm-auto {
    width: auto !important;
  }
  section.page-campaign-view div.main-content div.page-content .campaign-info a.btn-primary.py-3 {
    position: unset;
    transform: unset;
    max-width: unset;
  }
  section.page.page-creator-profile div.main-content header.page-header .profile-wrapper .profile-content .social-links {
    gap: 15px;
  }
  section.page div.main-content header.page-header .profile-wrapper {
    gap: 40px;
  }
  section.page div.main-content header.page-header .profile-wrapper .profile-content .profile-info .profile-name {
    font-size: 32px;
  }
  section.page div.main-content header.page-header .profile-wrapper .profile-content .profile-info .profile-location,
  section.page div.main-content header.page-header .profile-wrapper .profile-content .profile-info .profile-link {
    font-size: 14px;
    margin-bottom: 16px;
  }
  section.page div.main-content header.page-header .profile-wrapper .profile-content .social-links {
    margin-top: 14px;
    margin-bottom: 30px;
  }
  section.page div.main-content header.page-header .profile-wrapper .profile-content .actions > div {
    width: auto;
  }
  section.page div.main-content header.page-header .profile-wrapper .profile-content .actions .btn {
    flex: 1 1 auto;
  }
  section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .actions {
    position: static;
  }
  .page-campaign-new-edit:has(.cancel-button) .section-title.heading-title h2,
  .page-campaign-add-edit:has(.cancel-button) .section-title.heading-title h2 {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .gy-md-40px,
  .g-md-40px {
    --bs-gutter-y: 2.5rem;
  }
  .gx-md-40px,
  .g-md-40px {
    --bs-gutter-x: 2.5rem;
  }
  .gy-md-35px,
  .g-md-35px {
    --bs-gutter-y: 35px;
  }
  .gx-md-35px,
  .g-md-35px {
    --bs-gutter-x: 35px;
  }
  .gy-md-30px,
  .g-md-30px {
    --bs-gutter-y: 30px;
  }
  .gx-md-30px,
  .g-md-30px {
    --bs-gutter-x: 30px;
  }
  .gy-md-20px,
  .g-md-20px {
    --bs-gutter-y: 20px;
  }
  .gx-md-20px,
  .g-md-20px {
    --bs-gutter-x: 20px;
  }
  .gy-md-15px,
  .g-md-15px {
    --bs-gutter-y: 15px;
  }
  .gx-md-15px,
  .g-md-15px {
    --bs-gutter-x: 15px;
  }
  .gy-md-10px,
  .g-md-10px {
    --bs-gutter-y: 10px;
  }
  .gx-md-10px,
  .g-md-10px {
    --bs-gutter-x: 10px;
  }
  .w-md-auto {
    width: auto !important;
  }
  .gap-md-20px {
    gap: 20px !important;
  }
  .mb-md-40px {
    margin-bottom: 40px !important;
  }
  .mb-md-30px {
    margin-bottom: 30px !important;
  }
  .mb-md-20px {
    margin-bottom: 20px !important;
  }
  .mb-md-10px {
    margin-bottom: 10px !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  body.index header.main.home, body.signup header.main.home, body.showcase header.main.home, body.investors header.main.home {
    background: url("../images/glow.png") no-repeat center 300px;
  }
  body.index header.main.home section.intro h1, body.signup header.main.home section.intro h1, body.showcase header.main.home section.intro h1, body.investors header.main.home section.intro h1 {
    max-width: 580px;
  }
  body.index section.columns div.column, body.signup section.columns div.column, body.showcase section.columns div.column, body.investors section.columns div.column {
    max-width: inherit;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p, body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p, body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p, body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    max-width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span, body.signup section.comparison div.table-wrapper table.table tr td.description span, body.showcase section.comparison div.table-wrapper table.table tr td.description span, body.investors section.comparison div.table-wrapper table.table tr td.description span {
    min-width: 250px;
    display: block;
  }
  body.index section.comparison div.table-wrapper table.table tr td i:before, body.signup section.comparison div.table-wrapper table.table tr td i:before, body.showcase section.comparison div.table-wrapper table.table tr td i:before, body.investors section.comparison div.table-wrapper table.table tr td i:before {
    color: #747577;
    font-size: 26px;
  }
  body.index section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before, body.signup section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before, body.showcase section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before, body.investors section.comparison div.table-wrapper table.table tr td i.bi-check-circle-fill:before {
    background: -webkit-linear-gradient(#6389F7, #B0DBCA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  body.index section.comparison div.table-wrapper table.table tr td:nth-child(2), body.signup section.comparison div.table-wrapper table.table tr td:nth-child(2), body.showcase section.comparison div.table-wrapper table.table tr td:nth-child(2), body.investors section.comparison div.table-wrapper table.table tr td:nth-child(2) {
    background: rgba(150, 150, 150, 0.2);
  }
  body.index section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2), body.signup section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2), body.showcase section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2), body.investors section.comparison div.table-wrapper table.table tr:last-of-type td:nth-child(2) {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  body.index section.comparison div.table-wrapper table.table > :not(caption) > * > *, body.signup section.comparison div.table-wrapper table.table > :not(caption) > * > *, body.showcase section.comparison div.table-wrapper table.table > :not(caption) > * > *, body.investors section.comparison div.table-wrapper table.table > :not(caption) > * > * {
    border-bottom-color: #565656;
  }
  body.index section.call-to-action h2, body.signup section.call-to-action h2, body.showcase section.call-to-action h2, body.investors section.call-to-action h2 {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
  body.index section.call-to-action p, body.signup section.call-to-action p, body.showcase section.call-to-action p, body.investors section.call-to-action p {
    max-width: 350px;
  }
  body .product-btns-wrapper .product-btns {
    display: flex !important;
    -moz-column-gap: 15px !important;
         column-gap: 15px !important;
  }
  body .product-btns-wrapper .product-btns .add-to-collection::before,
  body .product-btns-wrapper .product-btns .delete-selected::before {
    width: 20px;
    height: 20px;
  }
  body section.page-campaign-view div.main-content div.page-content .campaign-info .decription h4,
  body section.page-campaign-view div.main-content div.page-content .campaign-info .decription p,
  body section.page-campaign-view div.main-content div.page-content .campaign-info .decription ul {
    font-size: 14px;
  }
  section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-image {
    max-width: 520px;
  }
  section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content {
    max-width: 430px;
  }
  section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .brand {
    font-size: 16px;
  }
  section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .product-title {
    font-size: 24px;
    margin-bottom: 12px;
  }
  section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .product-price {
    font-size: 20px;
  }
  section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .profit {
    margin-bottom: 20px;
  }
  section.page div.main-content .page-content #productDetail.product-detail-wrapper .product-content .profit h4 {
    font-size: 20px;
  }
  section#product div.product-images {
    max-width: 520px;
  }
  section#product div.product-content {
    max-width: 430px;
  }
}
@media (min-width: 992px) {
  body.discover-category .product-grid-wrapper,
  body.search .product-grid-wrapper {
    margin-top: unset !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .gy-lg-40px,
  .g-lg-40px {
    --bs-gutter-y: 2.5rem;
  }
  .gx-lg-40px,
  .g-lg-40px {
    --bs-gutter-x: 2.5rem;
  }
  .gy-lg-35px,
  .g-lg-35px {
    --bs-gutter-y: 35px;
  }
  .gx-lg-35px,
  .g-lg-35px {
    --bs-gutter-x: 35px;
  }
  .gy-lg-30px,
  .g-lg-30px {
    --bs-gutter-y: 30px;
  }
  .gx-lg-30px,
  .g-lg-30px {
    --bs-gutter-x: 30px;
  }
  .gy-lg-20px,
  .g-lg-20px {
    --bs-gutter-y: 20px;
  }
  .gx-lg-20px,
  .g-lg-20px {
    --bs-gutter-x: 20px;
  }
  .gy-lg-15px,
  .g-lg-15px {
    --bs-gutter-y: 15px;
  }
  .gx-lg-15px,
  .g-lg-15px {
    --bs-gutter-x: 15px;
  }
  .gy-lg-10px,
  .g-lg-10px {
    --bs-gutter-y: 10px;
  }
  .gx-lg-10px,
  .g-lg-10px {
    --bs-gutter-x: 10px;
  }
  .mb-40px {
    margin-bottom: 40px !important;
  }
  .mb-lg-30px {
    margin-bottom: 30px !important;
  }
  .mb-lg-20px {
    margin-bottom: 20px !important;
  }
  .mb-lg-10px {
    margin-bottom: 10px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  body .group-three-header {
    margin-bottom: 40px;
  }
  body .group-three-header a.logo img {
    display: block;
    width: 120px;
    height: 24px;
  }
  body .group-three-header .header-mobile {
    display: none;
  }
  body .group-three-header .header-top,
  body .group-three-header .header-bottom {
    display: block !important;
  }
  body .group-three-header .header-bottom {
    display: flex;
    position: relative;
  }
  body .group-three-header .header-bottom .back-btn {
    position: absolute;
    left: 60px;
    font-weight: 500;
    bottom: -5px;
  }
  body .group-three-header .header-top .container > div {
    display: flex;
    justify-content: end;
    padding: 20px 0;
  }
  body .flexslider-product-images .lSSlideOuter + hr {
    display: none !important;
  }
  body form#product-form div.form-group-add-to-store .btn {
    max-width: unset !important;
  }
  body .trending-beauty-section .product-grid .row .col-lg-9 {
    width: 75% !important;
  }
  body div.main-content .section-creator-showcase .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px;
  }
  body div.main-content .section-creator-showcase .grid-item header + img,
  body div.main-content .section-creator-showcase .grid-item header + a img {
    width: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
    height: 340px !important;
    display: block;
    border-radius: 8px;
  }
  body div.main-content .section-creator-showcase .grid-item:nth-child(even) header + img,
  body div.main-content .section-creator-showcase .grid-item:nth-child(even) header + a img {
    height: 467px !important;
  }
  body div.main-content .section-creator-showcase .grid-item:nth-child(6n+4),
  body div.main-content .section-creator-showcase .grid-item:nth-child(6n+6) {
    margin-top: -127px !important;
  }
  body .filter-buttons-wrapper {
    margin: 20px 0 24px 0 !important;
  }
  body.products .modal-content, body.my-collections .modal-content, body.brand-my-collections .modal-content, body.collection .modal-content, body.my-settings .modal-content, body.help-center .modal-content, body.my-inbox .modal-content {
    background: #f4f6f9;
    max-width: 1029px;
    max-height: 680px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px !important;
  }
  body.products .modal-content:has(.collection-select-listing-table), body.my-collections .modal-content:has(.collection-select-listing-table), body.brand-my-collections .modal-content:has(.collection-select-listing-table), body.collection .modal-content:has(.collection-select-listing-table), body.my-settings .modal-content:has(.collection-select-listing-table), body.help-center .modal-content:has(.collection-select-listing-table), body.my-inbox .modal-content:has(.collection-select-listing-table) {
    height: -moz-min-content !important;
    height: min-content !important;
    display: unset !important;
    padding-bottom: 49px !important;
  }
  body.products .modal-content:has(.collection-select-listing-table) .collection-select-listing-table, body.my-collections .modal-content:has(.collection-select-listing-table) .collection-select-listing-table, body.brand-my-collections .modal-content:has(.collection-select-listing-table) .collection-select-listing-table, body.collection .modal-content:has(.collection-select-listing-table) .collection-select-listing-table, body.my-settings .modal-content:has(.collection-select-listing-table) .collection-select-listing-table, body.help-center .modal-content:has(.collection-select-listing-table) .collection-select-listing-table, body.my-inbox .modal-content:has(.collection-select-listing-table) .collection-select-listing-table {
    height: 48vh;
    overflow-y: auto;
  }
  body.products .modal-content:has(.collection-select-listing-table) button#add-product-to-collection, body.my-collections .modal-content:has(.collection-select-listing-table) button#add-product-to-collection, body.brand-my-collections .modal-content:has(.collection-select-listing-table) button#add-product-to-collection, body.collection .modal-content:has(.collection-select-listing-table) button#add-product-to-collection, body.my-settings .modal-content:has(.collection-select-listing-table) button#add-product-to-collection, body.help-center .modal-content:has(.collection-select-listing-table) button#add-product-to-collection, body.my-inbox .modal-content:has(.collection-select-listing-table) button#add-product-to-collection {
    margin-top: unset !important;
    width: -moz-max-content !important;
    width: max-content !important;
    padding: 16px 126px;
  }
  body.products .modal-content:has(.collection-select-listing-table) .collection-and-product-count, body.my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count, body.brand-my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count, body.collection .modal-content:has(.collection-select-listing-table) .collection-and-product-count, body.my-settings .modal-content:has(.collection-select-listing-table) .collection-and-product-count, body.help-center .modal-content:has(.collection-select-listing-table) .collection-and-product-count, body.my-inbox .modal-content:has(.collection-select-listing-table) .collection-and-product-count {
    margin-bottom: unset !important;
  }
  body.products .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name, body.my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name, body.brand-my-collections .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name, body.collection .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name, body.my-settings .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name, body.help-center .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name, body.my-inbox .modal-content:has(.collection-select-listing-table) .collection-and-product-count p.collection-name {
    font-size: 14px;
    margin-bottom: 10px;
  }
  body.products .modal-content:has(.collection-select-listing-table) td.images-and-info, body.my-collections .modal-content:has(.collection-select-listing-table) td.images-and-info, body.brand-my-collections .modal-content:has(.collection-select-listing-table) td.images-and-info, body.collection .modal-content:has(.collection-select-listing-table) td.images-and-info, body.my-settings .modal-content:has(.collection-select-listing-table) td.images-and-info, body.help-center .modal-content:has(.collection-select-listing-table) td.images-and-info, body.my-inbox .modal-content:has(.collection-select-listing-table) td.images-and-info {
    display: flex;
  }
  body.products .modal-content:has(.collection-select-listing-table) td.images-and-info .collection-and-product-count, body.my-collections .modal-content:has(.collection-select-listing-table) td.images-and-info .collection-and-product-count, body.brand-my-collections .modal-content:has(.collection-select-listing-table) td.images-and-info .collection-and-product-count, body.collection .modal-content:has(.collection-select-listing-table) td.images-and-info .collection-and-product-count, body.my-settings .modal-content:has(.collection-select-listing-table) td.images-and-info .collection-and-product-count, body.help-center .modal-content:has(.collection-select-listing-table) td.images-and-info .collection-and-product-count, body.my-inbox .modal-content:has(.collection-select-listing-table) td.images-and-info .collection-and-product-count {
    min-width: 151px;
  }
  body.products .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper, body.my-collections .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper, body.brand-my-collections .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper, body.collection .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper, body.my-settings .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper, body.help-center .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper, body.my-inbox .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper {
    vertical-align: center !important;
    text-align: center;
  }
  body.products .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input, body.my-collections .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input, body.brand-my-collections .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input, body.collection .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input, body.my-settings .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input, body.help-center .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input, body.my-inbox .modal-content:has(.collection-select-listing-table) td.collection-checkbox-wrapper input {
    position: unset !important;
  }
  body.products .modal-content:has(.collection-select-listing-table) .modal-data, body.my-collections .modal-content:has(.collection-select-listing-table) .modal-data, body.brand-my-collections .modal-content:has(.collection-select-listing-table) .modal-data, body.collection .modal-content:has(.collection-select-listing-table) .modal-data, body.my-settings .modal-content:has(.collection-select-listing-table) .modal-data, body.help-center .modal-content:has(.collection-select-listing-table) .modal-data, body.my-inbox .modal-content:has(.collection-select-listing-table) .modal-data {
    width: 100%;
  }
  body.products .modal-content .modal-data, body.my-collections .modal-content .modal-data, body.brand-my-collections .modal-content .modal-data, body.collection .modal-content .modal-data, body.my-settings .modal-content .modal-data, body.help-center .modal-content .modal-data, body.my-inbox .modal-content .modal-data {
    gap: 24px !important;
  }
  body.products .modal-content button.btn-close, body.my-collections .modal-content button.btn-close, body.brand-my-collections .modal-content button.btn-close, body.collection .modal-content button.btn-close, body.my-settings .modal-content button.btn-close, body.help-center .modal-content button.btn-close, body.my-inbox .modal-content button.btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  body.products .modal-content p, body.my-collections .modal-content p, body.brand-my-collections .modal-content p, body.collection .modal-content p, body.my-settings .modal-content p, body.help-center .modal-content p, body.my-inbox .modal-content p {
    margin: 0 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    max-width: 430px;
  }
  body.products .modal-content h5, body.my-collections .modal-content h5, body.brand-my-collections .modal-content h5, body.collection .modal-content h5, body.my-settings .modal-content h5, body.help-center .modal-content h5, body.my-inbox .modal-content h5 {
    font-size: 24px;
    line-height: 90%;
    color: #292a2e;
    font-weight: 600;
  }
  body.products .modal-content input, body.my-collections .modal-content input, body.brand-my-collections .modal-content input, body.collection .modal-content input, body.my-settings .modal-content input, body.help-center .modal-content input, body.my-inbox .modal-content input {
    border-radius: 8px;
    background: #fff;
    border: none;
    height: 45px;
    width: 100%;
  }
  body.products .modal-content button#add-product-to-collection, body.my-collections .modal-content button#add-product-to-collection, body.brand-my-collections .modal-content button#add-product-to-collection, body.collection .modal-content button#add-product-to-collection, body.my-settings .modal-content button#add-product-to-collection, body.help-center .modal-content button#add-product-to-collection, body.my-inbox .modal-content button#add-product-to-collection {
    margin-top: -12px;
  }
  body .header-content {
    flex-direction: row !important;
  }
  body hr.heading-separator {
    margin: 20px 0 !important;
  }
  body.index h2, body.beta h2, body.beta2 h2, body.signup h2, body.showcase h2, body.investors h2 {
    font-size: 48px;
    line-height: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  body.index h3, body.beta h3, body.beta2 h3, body.signup h3, body.showcase h3, body.investors h3 {
    font-size: 28px;
  }
  body.index p, body.beta p, body.beta2 p, body.signup p, body.showcase p, body.investors p {
    font-size: 18px;
    margin-bottom: 60px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  body.index header.main.home section.intro h1, body.beta header.main.home section.intro h1, body.beta2 header.main.home section.intro h1, body.signup header.main.home section.intro h1, body.showcase header.main.home section.intro h1, body.investors header.main.home section.intro h1 {
    font-size: 60px;
    line-height: 52px;
    max-width: 800px;
  }
  body.index header.main.home section.intro h1 span video, body.beta header.main.home section.intro h1 span video, body.beta2 header.main.home section.intro h1 span video, body.signup header.main.home section.intro h1 span video, body.showcase header.main.home section.intro h1 span video, body.investors header.main.home section.intro h1 span video {
    width: 50px;
    margin-bottom: -10px;
  }
  body.index header.main.home section.intro h1 span img, body.beta header.main.home section.intro h1 span img, body.beta2 header.main.home section.intro h1 span img, body.signup header.main.home section.intro h1 span img, body.showcase header.main.home section.intro h1 span img, body.investors header.main.home section.intro h1 span img {
    max-width: 125px;
  }
  body.index header.main.home section.intro h1 span:nth-of-type(2):after, body.beta header.main.home section.intro h1 span:nth-of-type(2):after, body.beta2 header.main.home section.intro h1 span:nth-of-type(2):after, body.signup header.main.home section.intro h1 span:nth-of-type(2):after, body.showcase header.main.home section.intro h1 span:nth-of-type(2):after, body.investors header.main.home section.intro h1 span:nth-of-type(2):after {
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
    right: 0;
    bottom: -5px;
  }
  body.index header.main.home section.intro-2 p, body.beta header.main.home section.intro-2 p, body.beta2 header.main.home section.intro-2 p, body.signup header.main.home section.intro-2 p, body.showcase header.main.home section.intro-2 p, body.investors header.main.home section.intro-2 p {
    max-width: 460px;
  }
  body.index section.columns div.column.column-2 p, body.beta section.columns div.column.column-2 p, body.beta2 section.columns div.column.column-2 p, body.signup section.columns div.column.column-2 p, body.showcase section.columns div.column.column-2 p, body.investors section.columns div.column.column-2 p {
    margin-bottom: 45px;
  }
  body.index section.carousel-wrapper h2, body.beta section.carousel-wrapper h2, body.beta2 section.carousel-wrapper h2, body.signup section.carousel-wrapper h2, body.showcase section.carousel-wrapper h2, body.investors section.carousel-wrapper h2 {
    max-width: 540px;
  }
  body.index section.carousel-wrapper p, body.beta section.carousel-wrapper p, body.beta2 section.carousel-wrapper p, body.signup section.carousel-wrapper p, body.showcase section.carousel-wrapper p, body.investors section.carousel-wrapper p {
    max-width: 525px;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner, body.beta section.carousel-wrapper div#carousel div.carousel-inner, body.beta2 section.carousel-wrapper div#carousel div.carousel-inner, body.signup section.carousel-wrapper div#carousel div.carousel-inner, body.showcase section.carousel-wrapper div#carousel div.carousel-inner, body.investors section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: center center;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item, body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item, body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item, body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item, body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item, body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item {
    padding-top: 55px;
  }
  body.index section.comparison h2, body.beta section.comparison h2, body.beta2 section.comparison h2, body.signup section.comparison h2, body.showcase section.comparison h2, body.investors section.comparison h2 {
    max-width: 420px;
  }
  body.index section.comparison p, body.beta section.comparison p, body.beta2 section.comparison p, body.signup section.comparison p, body.showcase section.comparison p, body.investors section.comparison p {
    max-width: 540px;
  }
  body.index section.comparison div.table-wrapper table.table tr th, body.beta section.comparison div.table-wrapper table.table tr th, body.beta2 section.comparison div.table-wrapper table.table tr th, body.signup section.comparison div.table-wrapper table.table tr th, body.showcase section.comparison div.table-wrapper table.table tr th, body.investors section.comparison div.table-wrapper table.table tr th {
    font-size: 18px;
  }
  body.index section.comparison div.table-wrapper table.table tr th.brand, body.beta section.comparison div.table-wrapper table.table tr th.brand, body.beta2 section.comparison div.table-wrapper table.table tr th.brand, body.signup section.comparison div.table-wrapper table.table tr th.brand, body.showcase section.comparison div.table-wrapper table.table tr th.brand, body.investors section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 19px;
  }
  body.index section.comparison div.table-wrapper table.table tr td, body.beta section.comparison div.table-wrapper table.table tr td, body.beta2 section.comparison div.table-wrapper table.table tr td, body.signup section.comparison div.table-wrapper table.table tr td, body.showcase section.comparison div.table-wrapper table.table tr td, body.investors section.comparison div.table-wrapper table.table tr td {
    font-size: 16px;
    line-height: 16px;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description, body.beta section.comparison div.table-wrapper table.table tr td.description, body.beta2 section.comparison div.table-wrapper table.table tr td.description, body.signup section.comparison div.table-wrapper table.table tr td.description, body.showcase section.comparison div.table-wrapper table.table tr td.description, body.investors section.comparison div.table-wrapper table.table tr td.description {
    font-size: 20px;
    line-height: 24px;
    padding-right: 20px;
    width: 300px;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span, body.beta section.comparison div.table-wrapper table.table tr td.description span, body.beta2 section.comparison div.table-wrapper table.table tr td.description span, body.signup section.comparison div.table-wrapper table.table tr td.description span, body.showcase section.comparison div.table-wrapper table.table tr td.description span, body.investors section.comparison div.table-wrapper table.table tr td.description span {
    max-width: 240px;
  }
  body.index section.call-to-action, body.beta section.call-to-action, body.beta2 section.call-to-action, body.signup section.call-to-action, body.showcase section.call-to-action, body.investors section.call-to-action {
    margin: 0;
    padding: 200px 0;
    position: relative;
  }
  body.index section.call-to-action h2, body.beta section.call-to-action h2, body.beta2 section.call-to-action h2, body.signup section.call-to-action h2, body.showcase section.call-to-action h2, body.investors section.call-to-action h2 {
    max-width: 500px;
  }
  body.index section.call-to-action p, body.beta section.call-to-action p, body.beta2 section.call-to-action p, body.signup section.call-to-action p, body.showcase section.call-to-action p, body.investors section.call-to-action p {
    max-width: 510px;
  }
  footer.main a.logo {
    font-size: 24px;
  }
  footer.main p {
    font-size: 12px;
    margin-bottom: 0;
  }
  section#page-campaign-view .divider {
    margin: 40px 0 !important;
  }
  #pageCustomerOrders .requested-products {
    margin-top: 21px !important;
  }
  div.main-content .page-header div.widgets div.widget-slider ul.slides li .next-payment-info p {
    font-size: 20px;
    line-height: 90%;
  }
  div.main-content .page-header div.widgets div.widget-slider ul.slides li .next-payment-info p:first-child {
    font-size: 40px !important;
    margin-bottom: 20px;
  }
  div.main-content div.page-content .list-header {
    margin-bottom: 21px;
  }
  div.main-content div.page-content .list-header .collection-count {
    font-size: 14px;
    margin-bottom: 8px;
  }
  div.main-content div.page-content .product-btns-wrapper {
    margin-bottom: 30px !important;
    padding-top: 15px;
  }
  div.main-content div.page-content .product-btns-wrapper .total-selected-count {
    font-size: 14px;
  }
  div.main-content div.page-content .requested-products .alert p:first-child {
    font-size: 20px;
    line-height: 90%;
  }
  div.main-content div.page-content .requested-products .alert p:nth-child(2) {
    font-size: 14px;
    font-weight: 500;
  }
  div.main-content div.page-content .requested-products .alert a {
    font-size: 14px;
  }
  div.main-content div.page-content .requested-products .product-item .product-image {
    width: unset !important;
  }
  div.main-content div.page-content .requested-products .product-item .brand {
    font-size: 14px;
    font-weight: 600;
    line-height: 90%;
  }
  div.main-content div.page-content .requested-products .product-item .collection-name {
    max-width: unset !important;
  }
  div.main-content div.page-content .requested-products .product-item .brand + div {
    font-size: 12px;
    font-weight: 600;
  }
  div.main-content div.page-content .requested-products .product-item button.delete-btn {
    border: none;
    background: none;
    color: #969696;
    font-weight: 600 !important;
    font-size: 13px;
    position: relative;
    display: flex;
    align-items: center;
  }
  div.main-content div.page-content .requested-products .product-item button.delete-btn::before {
    content: " ";
    display: inline-block;
    width: 12px;
    /* Adjust width as needed */
    height: 14px;
    /* Adjust height as needed */
    background: url("/images/delete.png") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
  }
  div.main-content div.page-content .requested-products .product-item button.edit-btn {
    border: none;
    background: none;
    color: #3063f6;
    font-weight: 600 !important;
    font-size: 13px;
    position: relative;
    display: flex;
    align-items: center;
  }
  div.main-content div.page-content .requested-products .product-item button.edit-btn::before {
    content: " ";
    display: inline-block;
    width: 14px;
    /* Adjust width as needed */
    height: 14px;
    /* Adjust height as needed */
    background: url("/images/edit.png") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
  }
  div.main-content div.page-content .requested-products .product-item .operational-links {
    display: flex;
    align-items: center !important;
    justify-content: end !important;
  }
  div.main-content div.page-content .requested-products .product-item .operational-links > div {
    display: flex;
    gap: 40px;
  }
  div.main-content div.page-content .requested-products .product-item .order-info-and-images,
  div.main-content div.page-content .requested-products .product-item .brand-info-and-images {
    display: grid;
    grid-template-columns: 30% 70%;
  }
  div.main-content div.page-content .requested-products .product-item .status {
    font-weight: 600;
    font-size: 12px;
    display: flex !important;
    align-items: center !important;
  }
  div.main-content div.page-content .requested-products .campaign-info .status p {
    font-size: 16px;
  }
  div.main-content div.page-content .requested-products .campaign-info .status p b {
    color: #000;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper:has(.submit_content > .indicator.active) .request_product::after {
    background: blue;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper:has(.complete > .indicator.active) :is(.request_product::after,
  .submit_content::after) {
    background: blue;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px 21px 16.8px 22px;
    margin-bottom: 20px;
    background: #e9eef4;
    border-radius: 8px;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper:has(.submit_content > .indicator.active) .request_product::after {
    background: #3063f6 !important;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper:has(.complete > .indicator.active) .request_product::after {
    background: #3063f6 !important;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper:has(.complete > .indicator.active) .submit_content::after {
    background: #3063f6 !important;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 3.3rem;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper > div:has(.indicator.active) label {
    color: #868686 !important;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper > div label {
    color: #969696;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper > div:last-child::after {
    content: unset !important;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper > div::after {
    content: " ";
    height: 1px;
    width: 99%;
    display: block;
    background: #d4d4d4;
    position: absolute;
    top: 23%;
    left: 52%;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper > div .indicator {
    position: relative;
    background: #d4d4d4;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    box-sizing: content-box;
    margin-bottom: 6px;
    top: 8px;
    z-index: 2;
  }
  div.main-content div.page-content .requested-products .campaign-info .status .progress-wrapper > div .indicator.active {
    background: #3063f6 !important;
    border: 8px solid #bbccf7;
    top: unset !important;
  }
  div.main-content div.page-content .requested-products .campaign-info .unenroll-btn a {
    color: #3063f6;
    font-weight: 600;
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  div.main-content div.page-content div.campaign-grid div.campaign footer .campaign-description {
    font-size: 14px;
  }
  div.main-content div.page-content .requested-products .product-item {
    display: flex;
    align-items: center;
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  div.main-content div.page-content .requested-products .product-item > .product-image {
    flex: 0 0 180px;
  }
  div.main-content div.page-content .requested-products .product-item > .product-image img {
    max-width: 100px;
  }
  div.main-content div.page-content .requested-products .product-item > .product-info {
    display: flex;
    width: 100%;
  }
  div.main-content div.page-content .requested-products .product-item > .product-info > div {
    flex: 1;
  }
  div.main-content div.page-content .requested-products .product-item > .product-info .status {
    flex: 0 0 130px;
  }
  div.main-content div.page-content .requested-products .product-item > .product-info .status a {
    font-size: 12px;
    text-align: center;
  }
  section.page-customer-orders div.main-content div.page-content div.section-title.heading-title h5 {
    margin-bottom: 0px;
  }
  section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .order-info {
    flex: 0 0 150px;
    margin-right: 30px;
    margin-bottom: 0;
  }
  section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .order-info .order-id {
    font-size: 14px;
    margin-bottom: 10px;
  }
  section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .product-images {
    width: auto;
  }
  section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .product-images img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-right: 10px;
  }
  section.page-customer-orders div.main-content div.page-content .customer-orders .order-items .status {
    margin-left: auto;
  }
  section.page-order-details div.main-content div.page-content a.back-btn {
    font-size: 12px;
  }
  section.page-order-details div.main-content div.page-content .requested-products.order-products .product-item .product-info .status {
    flex-direction: column;
    align-items: start !important;
  }
  section.page-order-details div.main-content div.page-content .requested-products.order-products .product-item .product-info .status a,
  section.page-order-details div.main-content div.page-content .requested-products.order-products .product-item .product-info .status span {
    font-size: 14px;
  }
  section.page-order-details div.main-content div.page-content .requested-products.order-products .product-item .product-info .quantity {
    font-size: 12px;
  }
  section.page-order-details div.main-content div.page-content .requested-products.order-products .product-item .product-info .price {
    padding: 0;
    font-size: 14px;
  }
  section.page-order-details div.main-content div.page-content .additional-details {
    font-size: 14px;
  }
  section.page-order-details div.main-content div.page-content .additional-details .column-title {
    font-size: 14px;
  }
  section.page-order-details div.main-content div.page-content .payment-summary .payment-item {
    padding: 0 8px;
  }
  section.page-order-details div.main-content div.page-content .payment-summary .payment-item.payment-total {
    font-size: 16px;
  }
  section.page-order-details div.main-content div.page-content .payment-summary .payment-item.saving {
    font-size: 16px;
    padding: 10px 8px;
  }
  section.page-products div.main-content div.page-content .product-listing-table table thead {
    display: table-header-group !important;
  }
  section.page-products div.main-content div.page-content .product-listing-table table thead th {
    font-weight: 600;
    font-size: 12px;
    line-height: 90%;
    color: #969696;
    border-bottom: 1px solid #e1e1e1;
  }
  section.page-products div.main-content div.page-content .product-listing-table table thead::after {
    content: "";
    display: block;
    height: 10px;
  }
  section.page-products div.main-content div.page-content .product-listing-table table tbody td {
    display: table-cell !important;
    padding: 10px;
    border: none;
  }
  section.page-products div.main-content div.page-content .product-listing-table table tbody td .table-product-item {
    align-items: center;
  }
  section.page-products div.main-content div.page-content .product-listing-table table tbody td:first-child {
    vertical-align: middle;
  }
  #page-affiliate-disclosures .page-title h1 {
    font-size: 32px;
    margin-bottom: 21px;
  }
  #page-affiliate-disclosures .products .last-updated-date {
    font-size: 16px;
    line-height: 90%;
  }
  #page-affiliate-disclosures .products hr.divider {
    margin: 20px 0 31px 0;
  }
  #page-affiliate-disclosures .products hr.divider ~ p {
    margin-bottom: 16px;
  }
  #page-affiliate-disclosures .products hr.divider ~ p, #page-affiliate-disclosures .products hr.divider ~ ul li, #page-affiliate-disclosures .products hr.divider ~ ol li {
    font-size: 14px;
  }
  #page-affiliate-disclosures .products hr.divider + p:has(strong) {
    font-size: 20px;
    margin-bottom: 16px;
  }
  #page-affiliate-disclosures .products hr.divider + p:has(strong) ~ p {
    margin-bottom: 16px;
  }
  #page-affiliate-disclosures .products hr.divider + p:has(strong) ~ p, #page-affiliate-disclosures .products hr.divider + p:has(strong) ~ ul li, #page-affiliate-disclosures .products hr.divider + p:has(strong) ~ ol li {
    font-size: 14px;
  }
  #page-affiliate-disclosures .products p:has(u) u,
  #page-affiliate-disclosures .products li:has(u) u {
    text-decoration: none !important;
    color: #292a2e;
    font-size: 14px;
    font-weight: 600;
  }
  #page-affiliate-disclosures .products p:has(u) strong,
  #page-affiliate-disclosures .products li:has(u) strong {
    color: #292a2e;
    font-size: 14px;
    font-weight: 600;
  }
  #page-affiliate-disclosures .products p.parent-guardian-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
  }
  #page-affiliate-disclosures .products .writing-to-us {
    font-size: 14px;
  }
  #page-affiliate-disclosures .products .correction-of-info {
    display: flex;
    gap: 2px;
    margin-bottom: 16px !important;
  }
  #page-affiliate-disclosures .products .correction-of-info strong {
    color: #292a2e;
    font-size: 14px;
    font-weight: 600;
    margin: 0 !important;
  }
  #page-affiliate-disclosures .products .potential-shopper-text {
    display: grid;
    grid-gap: 20px;
    margin-bottom: 30px;
  }
  #page-affiliate-disclosures .products .potential-shopper-text p {
    display: flex;
    gap: 2px;
  }
  #page-affiliate-disclosures .products .potential-shopper-text + table {
    margin-bottom: 30px;
  }
  #page-affiliate-disclosures .products .potential-shopper-text + table .table-heading td {
    font-size: 16px;
  }
  #page-affiliate-disclosures .products .potential-shopper-text + table tr {
    border-color: #292a2e !important;
  }
  #page-affiliate-disclosures .products .potential-shopper-text + table tr td {
    color: #565656;
    font-size: 14px;
  }
  #page-affiliate-disclosures .products .potential-shopper-text + table tr td:nth-child(2) p {
    max-width: 76%;
    text-wrap: balance;
  }
  #page-affiliate-disclosures .products .potential-shopper-text p {
    margin: 0 !important;
  }
  #page-affiliate-disclosures .products .potential-shopper-text p strong {
    font-size: 20px;
  }
  #page-affiliate-disclosures .products ul + p:has(strong) {
    margin-bottom: 14px !important;
  }
  #page-affiliate-disclosures .products ul + p:has(strong) strong {
    font-size: 14px;
  }
  .copyright-policy ol {
    padding-left: 1rem;
  }
  .copyright-policy p:has(u) u,
  .copyright-policy li:has(u) u {
    font-size: 16px !important;
  }
  .copyright-policy p:has(u) strong,
  .copyright-policy li:has(u) strong {
    font-size: 16px !important;
  }
  section#page-affiliate-disclosures {
    padding-bottom: 100px;
  }
  .terms-of-use .products .orders strong {
    font-size: 20px !important;
  }
  .terms-of-use .products .trademarks-section-heading strong {
    font-size: 20px !important;
  }
  .terms-of-use .products ul + p:has(strong) {
    margin-bottom: 14px !important;
  }
  .terms-of-use .products ul + p:has(strong) strong {
    font-size: 16px !important;
  }
  .terms-of-use .products li strong {
    font-size: 16px;
  }
  .terms-of-use .products li ul {
    margin-bottom: 14px;
  }
  .terms-of-use .products :is(li, p) strong:first-child {
    font-size: 16px;
  }
  .terms-of-use .products .links-from-site :is(li, p) strong:first-child {
    font-size: 14px !important;
  }
  .return-policy hr.divider ~ p > strong {
    font-size: 16px;
  }
  .copyright-policy hr.divider + ol > li,
  .copyright-policy hr.divider + ol ol {
    margin-bottom: 16px;
  }
  .help-center #videoModal2 .modal-data {
    width: -moz-max-content;
    width: max-content;
    margin: auto !important;
    height: 50vh;
  }
  .help-center #videoModal2 .modal-title {
    margin-bottom: 25px;
  }
  .help-center #videoModal .modal-content,
  .help-center #videoModal2 .modal-content {
    display: unset !important;
    max-height: -moz-min-content;
    max-height: min-content;
  }
  .help-center #videoModal .modal-content .modal-title,
  .help-center #videoModal2 .modal-content .modal-title {
    font-size: 24px;
    margin-bottom: 40px;
  }
  .help-center #videoModal .modal-content form label,
  .help-center #videoModal2 .modal-content form label {
    margin-bottom: 10px;
  }
  .help-center ul.menu {
    margin-bottom: 50px;
    justify-content: center;
  }
  .help-center ul.menu li {
    padding: 19px 0 17px 0;
  }
  .help-center ul.menu li a {
    font-size: 16px;
  }
  .help-center .service-data {
    margin-bottom: 100px;
  }
  .help-center .service-data .service h3 {
    font-size: 20px;
  }
  .help-center .service-data .service .accordion-button {
    font-size: 14px !important;
    padding: 0 !important;
    padding-top: 15.75px !important;
    padding-bottom: 15.75px !important;
  }
  .help-center .service-data .service .accordion-body {
    padding: 0 !important;
    padding-bottom: 15.75px !important;
    max-width: 90%;
  }
  .help-center .help-section-banner-container {
    padding-top: 38px !important;
    padding-bottom: 26px !important;
    margin-bottom: 105px;
  }
  .help-center .help-section-banner-container h1 {
    font-size: 32px;
    margin-bottom: 40px;
    font-weight: 600;
  }
  .help-center .help-section-banner-container p {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
  }
  section#page-affiliate-disclosures {
    padding-bottom: 100px;
  }
  .terms-of-use .orders strong {
    font-size: 20px !important;
  }
  .terms-of-use .trademarks-section-heading strong {
    font-size: 20px !important;
  }
  .terms-of-use li strong {
    font-size: 16px;
  }
  .terms-of-use :is(li, p) strong:first-child {
    font-size: 16px;
  }
  .return-policy hr.divider ~ p > strong {
    font-size: 16px;
  }
  .copyright-policy hr.divider + ol > li,
  .copyright-policy hr.divider + ol ol {
    margin-bottom: 16px;
  }
  section#pageMySettings:has(.favorite-products) .col-12 {
    padding: 0 24px !important;
  }
  section#pageMySettings .form-item {
    margin-bottom: 20px;
  }
  section#pageMySettings .form-item.form-image-upload {
    margin-bottom: 40px;
  }
  section#pageMySettings h4 {
    margin-bottom: 40px;
  }
  section#pageMySettings p.description {
    font-size: 14px;
  }
  section#pageMySettings .delete {
    margin: 20px 0 40px 0;
  }
  section#pageMySettings .delete a {
    color: #cf6767;
  }
  section#pageMySettings .image-upload-desktop {
    display: block !important;
  }
  section#pageMySettings .profile-image-upload > div:first-child > img:last-child {
    display: none;
  }
  section#pageMySettings .image-upload-mobile {
    display: none !important;
  }
  section#pageMySettings .social-media-handles .social-media-input:first-child {
    margin-top: 30px;
  }
  section#pageMySettings button[type=submit] {
    width: unset !important;
    padding: 16px 190px !important;
  }
  section#pageMySettings .favorite-brands .product p,
  section#pageMySettings .favorite-products .product p {
    font-size: 24px;
  }
  section#pageMySettings .view-more-btn button {
    border-radius: 8px;
  }
  .favorite-products .product {
    padding-bottom: 40px !important;
  }
  .favorite-products p.brand-name {
    font-weight: 500 !important;
    margin-top: 10px !important;
  }
  .favorite-products .product-name {
    font-weight: 500;
  }
  .favorite-products .product-name + p {
    font-size: 12px !important;
    font-weight: 700;
    line-height: 114%;
  }
  .favorite-products .image-wrapper img {
    height: 263px !important;
  }
  .password-reset-modal .modal-title {
    width: 100% !important;
  }
  .password-reset-modal .modal-content {
    padding: 52px 44px 45px 50px !important;
  }
  .password-reset-modal .modal-content form label {
    font-size: 14px;
    margin-bottom: 10px !important;
  }
  .password-reset-modal .modal-content form input {
    height: 45px;
  }
  .password-reset-modal .modal-content form button[type=submit] {
    margin-top: unset !important;
  }
  .password-changed-modal .modal-data p {
    font-size: 24px !important;
    white-space: nowrap !important;
  }
  .page-my-inbox .header-content {
    display: flex !important;
  }
  .page-my-inbox .inbox-category-toggle {
    margin-bottom: 30px;
  }
  .page-my-inbox .inbox-category-toggle button {
    line-height: 90%;
    padding: 9.5px 12.5px;
  }
  .page-my-inbox .message-box {
    padding: 2rem 3rem;
  }
  .page-my-inbox .message-box > div p.sender-name {
    font-size: 16px;
    line-height: 90%;
    margin-bottom: 10px;
  }
  .page-my-inbox .message-box > div .sender-message {
    line-height: 90%;
  }
  .page-my-inbox .message-box > div::before {
    content: " ";
    height: 12px;
    width: 12px;
    background: #3063f6;
    border-radius: 50%;
    position: absolute;
    left: 1.5rem;
    top: 40%;
  }
  .page-my-inbox .message-box .date,
  .page-my-inbox .message-box .date span {
    line-height: 114%;
  }
  .my-inbox-modal .modal-content {
    padding-left: 77px !important;
    padding-right: 77px !important;
    padding-top: 30px !important;
  }
  .my-inbox-modal .create-message-form > div.d-flex {
    gap: 7px;
  }
  .my-inbox-modal .create-message-form > div.d-flex + hr.heading-separator {
    margin: 20px 0 !important;
  }
  .my-inbox-modal.my-message-create-modal form {
    min-height: 60vh;
    display: grid;
    align-items: self-end;
  }
  .my-inbox-modal.my-message-create-modal form .form-message-box {
    min-height: 135px;
  }
  .my-inbox-modal.my-message-create-modal form > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .inbox {
    gap: 30px !important;
  }
  .inbox .message-box {
    max-width: 49% !important;
  }
  .inbox .message-box > div {
    padding: 16px;
    border-radius: 16px;
  }
  body.discover-category aside#filters {
    max-height: unset !important;
  }
  body.discover-category .explore-categories-grid-wrapper {
    gap: 1.5rem;
  }
  body.discover-category .explore-categories-grid-wrapper .category {
    row-gap: 20px;
  }
  body.discover-category .explore-categories-grid-wrapper .category img {
    height: 100px !important;
    width: 100px !important;
  }
  body.discover-category .explore-categories-grid-wrapper .category p {
    line-height: 90%;
  }
  .creator-list header + a > img {
    max-height: 340px;
  }
  .requested-product .status {
    flex-direction: column;
    gap: 0 !important;
  }
  .requested-product .status .tag {
    padding: 7.8px 10px !important;
  }
  :is(.page-campaign-new-view, #page-campaign-view) hr.heading-separator {
    display: block;
  }
  :is(.page-campaign-new-view, #page-campaign-view) .short-description h4,
  :is(.page-campaign-new-view, #page-campaign-view) .description h4 {
    font-size: 14px !important;
  }
  :is(.page-campaign-new-view, #page-campaign-view) .short-description ul,
  :is(.page-campaign-new-view, #page-campaign-view) .description ul {
    font-size: 14px;
    margin-bottom: 20px;
  }
  :is(.page-campaign-new-view, #page-campaign-view) div.section-title h2 {
    margin-bottom: 20px !important;
  }
  :is(.page-campaign-new-view, #page-campaign-view) .info {
    margin: 40px 0 !important;
    padding: 20px !important;
  }
  :is(.page-campaign-new-view, #page-campaign-view) .info + .separator {
    display: none;
  }
  :is(.page-campaign-new-view, #page-campaign-view) .info p {
    color: #3f4043;
    font-size: 14px;
    line-height: 90%;
  }
  :is(.page-campaign-new-view, #page-campaign-view) .info p b {
    display: inline;
  }
  :is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section + hr + .row .section-title h2 {
    margin-bottom: 40px !important;
  }
  :is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section .campaign-info p {
    color: #565656;
  }
  :is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section .campaign-info .short-description {
    font-size: 14px;
  }
  :is(.page-campaign-new-view, #page-campaign-view) .campaign-top-section .campaign-info .description h4 {
    font-size: 14px;
  }
  :is(.page-campaign-new-view, #page-campaign-view) hr + .section-title h2 {
    margin-bottom: 40px !important;
  }
  .page-campaign-new-edit .campaign-detail-add .campaign-image,
  .page-campaign-new-edit .campaign-detail-edit .campaign-image,
  .page-campaign-add-edit .campaign-detail-add .campaign-image,
  .page-campaign-add-edit .campaign-detail-edit .campaign-image {
    max-width: 408px;
  }
  .page-campaign-new-edit .campaign-detail-add .campaign-info,
  .page-campaign-new-edit .campaign-detail-edit .campaign-info,
  .page-campaign-add-edit .campaign-detail-add .campaign-info,
  .page-campaign-add-edit .campaign-detail-edit .campaign-info {
    max-width: 545px;
  }
  .page-campaign-new-edit .campaign-detail-add .action-buttons,
  .page-campaign-new-edit .campaign-detail-edit .action-buttons,
  .page-campaign-add-edit .campaign-detail-add .action-buttons,
  .page-campaign-add-edit .campaign-detail-edit .action-buttons {
    margin-top: 40px;
  }
  .page-campaign-new-edit .collection-select-listing-table table td.images-and-info,
  .page-campaign-add-edit .collection-select-listing-table table td.images-and-info {
    display: flex;
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 12px;
  }
  .page-campaign-new-edit .edit-toggle-bts ul.nav.nav-tabs,
  .page-campaign-add-edit .edit-toggle-bts ul.nav.nav-tabs {
    gap: 40px;
  }
  .page-campaign-new-edit .edit-toggle-bts ul.nav.nav-tabs .nav-link,
  .page-campaign-add-edit .edit-toggle-bts ul.nav.nav-tabs .nav-link {
    font-size: 16px;
  }
  .page-campaign-details hr.heading-separator {
    margin-top: 18px !important;
    margin-bottom: 40px !important;
  }
  .page-campaign-details .chart-container {
    padding: 40px;
    min-height: 298px;
  }
  .page-campaign-details .progress-container {
    margin-bottom: 32px;
  }
  .page-campaign-details .progress-container .progress-label {
    flex: 0 0 35px;
  }
  .page-campaign-details ul.nav-tabs {
    margin-bottom: 40px;
  }
  .page-campaign-details ul.nav-tabs li.nav-item .nav-link {
    font-size: 20px;
  }
  .page-campaign-details .product-btns {
    margin-bottom: 40px;
  }
  .page-campaign-details .component.total-revenue .filters .filter-button {
    font-size: 16px;
    padding: 6px 3px;
  }
  .page-campaign-details .component.best-selling-products .product-card h5 {
    font-size: 16px;
  }
  .page-campaign-details .component.best-selling-products .product-card h6 {
    font-size: 14px;
  }
  .page-campaign-details .component.manage-creators .component-heading {
    margin-bottom: 25px !important;
  }
  .page-campaign-details .component.manage-creators .creator-card .actions {
    flex-direction: unset;
  }
  section.page-collections-new .section-title {
    gap: 20px;
  }
  section.page-brand-requested-products .requested-products-wrapper {
    margin-bottom: 40px;
  }
  section.page-brand-requested-products .requested-products-wrapper .product-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  section.page-brand-requested-products .requested-products-wrapper .product-item .product-image img {
    height: 100px;
    width: 100px;
    border-radius: 0px;
  }
  section.page-brand-requested-products .requested-products-wrapper .product-item .product-info {
    line-height: 90%;
  }
  section.page-brand-requested-products .requested-products-wrapper .product-item .product-info .brand {
    font-size: 16px;
    margin-bottom: 12px;
  }
  section.page-brand-requested-products .requested-products-wrapper .product-item .product-info .name {
    font-size: 20px;
    margin-bottom: 12px;
  }
  section.page-brand-requested-products .requested-products-wrapper .product-item .product-info .requested {
    font-size: 12px;
    line-height: 100%;
  }
  section.page-brand-requested-products .requested-products-wrapper .product-item .product-info .creator .creator-name {
    font-size: 16px;
    line-height: 90%;
  }
  section.page div.main-content .widget-slider:has(.overview-card) ul.slides li {
    margin-right: 20px !important;
    height: 250px !important;
    width: 250px !important;
  }
  section.page div.main-content .widget-slider:has(.overview-card) ul.slides li .overview-card {
    height: 250px;
    width: 250px;
    padding: 25px;
  }
  section.page div.main-content .widget-slider:has(.overview-card) ul.slides li .overview-card .title {
    font-size: 16px;
  }
  section.page div.main-content .widget-slider:has(.overview-card) ul.slides li .overview-card .value {
    font-size: 40px;
  }
  section.page div.main-content section.component .component-heading h3 {
    font-size: 24px;
  }
  section.page div.main-content .product-listing-tables table.table {
    margin-bottom: 0px;
  }
  section.page div.main-content .product-listing-tables table.table thead {
    display: table-header-group !important;
  }
  section.page div.main-content .product-listing-tables table.table tbody tr td {
    vertical-align: middle;
    border: none !important;
  }
  section.page div.main-content .product-listing-tables table.table tbody tr td:not(:first-child, :nth-child(2)) {
    display: table-cell !important;
  }
  section.page div.main-content .page-content:has(.page-back-btn) {
    padding-top: 0px;
  }
  section.page div.main-content .page-content:has(.page-back-btn) .page-back-btn {
    margin-bottom: 48px;
    border: none;
    background: none;
  }
  section.page div.main-content .status-container {
    padding: 40px;
  }
  section.page div.main-content .status-container h4 {
    font-size: 20px;
  }
  section.page div.main-content .status-container p {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 16px;
  }
  body.my-store header.page-header {
    padding-bottom: 50px !important;
  }
  body.index .container-fluid {
    max-width: inherit;
  }
  body.index .btn-call-to-action {
    font-size: 16px;
  }
  body.index h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.index h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.index p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 100px;
  }
  body.index header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.index header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.index header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.index header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.index header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.index header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.index header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.index header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.index header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.index section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.index section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.index section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.index section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.index section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.index section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.index section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.index section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.index section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.index section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.index section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.index section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.index section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.index section.comparison p {
    max-width: 725px;
  }
  body.index section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.index section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.index section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.index section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.index section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.index section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.index div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.index div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.index div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.index div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.index div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.index div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body.beta .container-fluid {
    max-width: inherit;
  }
  body.beta .btn-call-to-action {
    font-size: 16px;
  }
  body.beta h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.beta h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.beta p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 100px;
  }
  body.beta header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.beta header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.beta header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.beta header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.beta header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.beta header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.beta header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.beta header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.beta header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.beta section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.beta section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.beta section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.beta section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.beta section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.beta section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.beta section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.beta section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.beta section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.beta section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.beta section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.beta section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.beta section.comparison p {
    max-width: 725px;
  }
  body.beta section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.beta section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.beta section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.beta section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.beta section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.beta section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.beta div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.beta div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.beta div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.beta div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.beta div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.beta div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body.beta2 .container-fluid {
    max-width: inherit;
  }
  body.beta2 .btn-call-to-action {
    font-size: 16px;
  }
  body.beta2 h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.beta2 h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.beta2 p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 100px;
  }
  body.beta2 header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.beta2 header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.beta2 header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.beta2 header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.beta2 header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.beta2 header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.beta2 header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.beta2 header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.beta2 header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.beta2 section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.beta2 section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.beta2 section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.beta2 section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.beta2 section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.beta2 section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.beta2 section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.beta2 section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.beta2 section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.beta2 section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.beta2 section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.beta2 section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.beta2 section.comparison p {
    max-width: 725px;
  }
  body.beta2 section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.beta2 section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.beta2 section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.beta2 section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.beta2 div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.beta2 div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.beta2 div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.beta2 div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.beta2 div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.beta2 div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body.signup .container-fluid {
    max-width: inherit;
  }
  body.signup .btn-call-to-action {
    font-size: 16px;
  }
  body.signup .notification-bar p {
    margin-bottom: unset !important;
  }
  body.signup h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.signup h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.signup header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.signup header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.signup header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.signup header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.signup header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.signup header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.signup header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.signup header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.signup header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.signup section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.signup section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.signup section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.signup section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.signup section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.signup section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.signup section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.signup section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.signup section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.signup section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.signup section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.signup section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.signup section.comparison p {
    max-width: 725px;
  }
  body.signup section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.signup section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.signup section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.signup section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.signup section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.signup section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.signup div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.signup div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.signup div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.signup div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.signup div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.signup div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body.showcase .container-fluid {
    max-width: inherit;
  }
  body.showcase .btn-call-to-action {
    font-size: 16px;
  }
  body.showcase h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.showcase h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.showcase p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 100px;
  }
  body.showcase header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.showcase header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.showcase header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.showcase header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.showcase header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.showcase header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.showcase header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.showcase header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.showcase header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.showcase section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.showcase section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.showcase section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.showcase section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.showcase section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.showcase section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.showcase section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.showcase section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.showcase section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.showcase section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.showcase section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.showcase section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.showcase section.comparison p {
    max-width: 725px;
  }
  body.showcase section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.showcase section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.showcase section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.showcase section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.showcase section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.showcase section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.showcase div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.showcase div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.showcase div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.showcase div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.showcase div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.showcase div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body.investors .container-fluid {
    max-width: inherit;
  }
  body.investors .btn-call-to-action {
    font-size: 16px;
  }
  body.investors h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.investors h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.investors p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 100px;
  }
  body.investors header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.investors header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.investors header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.investors header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.investors header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.investors header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.investors header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.investors header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.investors header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.investors section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.investors section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.investors section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.investors section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.investors section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.investors section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.investors section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.investors section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.investors section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.investors section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.investors section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.investors section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.investors section.comparison p {
    max-width: 725px;
  }
  body.investors section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.investors section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.investors section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.investors section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.investors section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.investors section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.investors div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.investors div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.investors div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.investors div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.investors div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.investors div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body footer.main a.logo {
    margin-left: 48px;
  }
  body footer.main p {
    margin-bottom: 0;
    margin-right: 48px;
  }
  section.page div.container-fluid {
    max-width: 1060px;
    margin: 0 !important;
  }
  section.page-with-sidebar div#sidebar-wrapper {
    opacity: 1;
    visibility: visible;
  }
  section.page-with-sidebar div#sidebar-wrapper:before {
    display: none;
  }
  section.page-with-sidebar div#sidebar-wrapper aside#sidebar {
    display: block;
    left: 0;
    border-radius: 0;
    position: relative;
    padding: 35px 45px;
    width: 250px;
    max-width: 250px;
    min-width: 250px;
  }
  section div.main-content header.page-header {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
  }
  section div.main-content header.page-header.type-light section.user-bar .profile-dropdown-wrapper a::after {
    color: #292a2e;
  }
  section div.main-content header.page-header section.user-bar {
    justify-content: flex-end;
    margin-bottom: 60px;
    position: relative;
  }
  section div.main-content header.page-header section.user-bar div.hamburger {
    display: none;
  }
  section div.main-content header.page-header section.user-bar a.logo {
    display: none;
  }
  section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper {
    order: 4;
  }
  section div.main-content header.page-header section.user-bar section.search {
    order: 3;
    max-width: 700px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  section div.main-content header.page-header h3.subtitle {
    margin-bottom: 50px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider {
    width: calc(100% + 60px);
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li {
    width: 250px !important;
    height: 250px !important;
    margin-right: 20px !important;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div {
    padding: 25px;
    height: 250px;
    width: 250px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div header span {
    font-size: 16px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div header i {
    font-size: 36px;
    display: block;
    margin-top: -15px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div div {
    font-size: 40px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li:nth-child(4) > div div {
    font-size: 24px !important;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ol.flex-control-nav {
    bottom: -50px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ol.flex-control-nav li a {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ol.flex-control-nav li a.flex-active {
    background: #FFFFFF;
  }
  section div.main-content header.page-header ul.nav-discover {
    margin-bottom: -50px;
  }
  section div.main-content header.page-header ul.nav-discover a {
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
  }
  section div.main-content div.page-content {
    padding: 40px 70px 40px 60px;
    padding-bottom: 100px;
    min-height: 500px;
  }
  section div.main-content div.page-content div.section-title h2 {
    font-size: 20px;
    margin-bottom: 40px;
  }
  section div.main-content div.page-content div.section-title-large h2 {
    font-size: 32px;
    margin-bottom: 60px;
  }
  section div.main-content div.page-content div.product-grid div.product-wrapper div.product .btn {
    position: absolute;
    bottom: 20px;
    left: 10px;
    width: calc(100% - 20px);
    display: none;
  }
  section div.main-content div.page-content .nav-tabs-light.horizontal-scroll {
    margin-bottom: 40px !important;
  }
  section div.main-content div.page-content .nav-tabs-light.horizontal-scroll li.nav-item a.nav-link {
    font-size: 20px;
    margin-right: 40px;
  }
  section div.main-content div.page-content div.brand-grid-wrapper div.brand-wrapper a.brand {
    font-size: 24px;
  }
  section div.main-content div.page-content h3.brand-group-title {
    margin-top: 50px;
    margin-bottom: 20px;
  }
  section div.main-content div.page-content .brand-grid-wrapper h3.brand-group-title:first-child {
    margin-top: 40px;
  }
  section div.main-content div.page-content div.alphabet-nav {
    position: relative;
    right: inherit;
    top: inherit;
    padding: 20px 12px;
    z-index: 9999;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: inherit;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    height: 53px;
  }
  section div.main-content div.page-content div.alphabet-nav a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #1d1e22;
  }
  section div.main-content div.page-content div.alphabet-nav.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper {
    justify-content: space-between;
    position: relative;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category {
    margin-right: 70px;
    max-width: 120px;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category img {
    margin-bottom: 20px;
    width: 120px;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category span {
    font-size: 16px;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category:last-of-type {
    margin-right: 0;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper.explore-categories-discover a.explore-category {
    margin-right: 25px;
  }
  section div.main-content div.page-content #scrollButton {
    position: absolute;
    right: 0;
    top: 50%;
    border: none;
    background: #FFFFFF;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(50%, -100%);
  }
  section div.main-content div.page-content div.campaign-grid div.campaign header a {
    font-size: 24px;
  }
  section div.main-content div.page-content hr.divider {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  section div.main-content div.page-content div.masonry-grid a.btn.view-store {
    font-size: 12px !important;
  }
  section div.main-content div.page-content div.section-title.heading-title h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  section div.main-content div.page-content div.section-title.heading-title h5 {
    font-size: 16px;
  }
  section div.main-content div.page-content div.section-title.heading-title hr.divider {
    margin-bottom: 50px !important;
  }
  section div.main-content div.page-content header.brand-header h4 {
    font-size: 20px;
    font-weight: 600;
  }
  section div.main-content div.page-content .campaign-status-container {
    padding: 40px;
  }
  section div.main-content div.page-content .campaign-status-container .section-title p {
    font-size: 14px;
    line-height: 20px;
  }
  section div.main-content header.page-header.type-light {
    background: #f4f6f9 !important;
    padding: 20px 70px 20px 60px !important;
  }
  section:not(.page-dashboard) div.main-content header.page-header {
    background: linear-gradient(180deg, rgba(99, 137, 247, 0.8) -70%, rgba(176, 219, 202, 0.3019607843) 135%), #3063F6;
    background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.8) -70%, rgba(176, 219, 202, 0.3019607843) 135%), #3063f6;
  }
  section#product div.product-content header.page-title h1 {
    font-size: 24px;
  }
  section#product div.product-content header.page-title h1 small {
    font-size: 16px;
  }
  section#product div.product-content header.page-title span.price {
    font-size: 20px;
  }
  section#product div.product-content span.profit {
    font-size: 20px;
  }
  section#product div.product-content span.profit a {
    color: #565656;
  }
  section#product div.product-content form#product-form div.form-group-add-to-store {
    width: 100%;
    position: relative;
    bottom: inherit;
    right: inherit;
    z-index: inherit;
    display: block;
  }
  section#product div.product-content form#product-form div.form-group-add-to-store .btn {
    width: 100%;
    margin: 0 0 10px 0;
  }
  section#product div.product-images div.flexslider-product-images div.lSSlideOuter div.lSSlideWrapper div.lSAction a.lSPrev {
    background: url("../images/icon-left.svg") no-repeat center center;
  }
  section#product div.product-images div.flexslider-product-images div.lSSlideOuter div.lSSlideWrapper div.lSAction a.lSNext {
    background: url("../images/icon-right.svg") no-repeat center center;
  }
  section#product div.product-images div.flexslider-product-images div.lSSlideOuter ul.lSPager li.active {
    position: relative;
  }
  section#product div.product-images div.flexslider-product-images div.lSSlideOuter ul.lSPager li.active:after {
    content: "";
    height: 2px;
    width: 100%;
    background: #000;
    position: absolute;
    bottom: 0px;
    left: 0;
  }
  section#product div.widget {
    margin-bottom: 20px;
  }
  section#product div.widget.widget-reviews {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
  }
  section#product div.widget.widget-reviews a {
    color: #1d1e22;
  }
  section#product div.widget.widget-reviews a strong {
    font-weight: 600;
  }
  section.page-dashboard div.main-content div.page-content {
    padding: 50px 60px;
  }
  section.page-dashboard div.main-content div.page-content div.section-title.creator-spotlight h2 {
    font-size: 32px;
  }
  section.page-campaigns div.main-content div.page-content hr.divider {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  section.page-campaign-view div.main-content div.page-content .campaign-image {
    max-width: 544px;
  }
  section.page-campaign-view div.main-content div.page-content .campaign-info a.btn-primary.py-3 {
    font-size: 14px;
    margin-bottom: 0px;
  }
  section.page-campaign-view div.main-content div.page-content .campaign-info h3.subtitle {
    margin-bottom: 0px;
  }
  footer.page-footer {
    padding: 40px 60px 30px;
  }
  footer.page-footer h4 {
    margin-bottom: 0;
  }
  footer.page-footer .footer-top {
    flex-wrap: nowrap;
    margin-bottom: 80px;
  }
  footer.page-footer .footer-top .footer-top-menu {
    width: auto;
    order: 2;
    gap: 80px;
  }
  footer.page-footer .footer-top .footer-logo {
    order: 1;
  }
  footer.page-footer .footer-top .footer-social-icons {
    order: 3;
  }
  footer.page-footer .logo img {
    width: 120px;
    height: 25px;
  }
  section.page-discover div.main-content div.page-content a.btn.btn-outline-primary {
    margin-top: 40px;
  }
  div.main-content .trending-beauty-section .creator-quote {
    text-align: start;
  }
  div.main-content .trending-beauty-section .creator-quote p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
    max-width: 192px;
  }
  div.main-content div.page-content .requested-products .product-item .brand,
  div.main-content div.page-content .requested-products .product-item h5 {
    font-size: 16px;
  }
  section#pag-brand.page-discover div.main-content div.page-content div.row.my-4 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media (max-width: 1200px) {
  section.page-discover div.main-content header.page-header {
    padding-bottom: 50px;
  }
  section div.main-content div.page-content div.campaign-status-container .card-body p {
    font-size: 13px;
  }
  section.page-dashboard div.main-content header.page-header h1 {
    font-size: 32px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 16px;
  }
  body.index .container-fluid {
    max-width: inherit;
  }
  body.index .btn-call-to-action {
    font-size: 16px;
  }
  body.index h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.index h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.index p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 100px;
  }
  body.index header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.index header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.index header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.index header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.index header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.index header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.index header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.index header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.index header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.index section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.index section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.index section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.index section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.index section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.index section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.index section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.index section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.index section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.index section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.index section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.index section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.index section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.index section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.index section.comparison p {
    max-width: 725px;
  }
  body.index section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.index section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.index section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.index section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.index section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.index section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.index section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.index div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.index div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.index div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.index div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.index div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.index div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body.beta .container-fluid {
    max-width: inherit;
  }
  body.beta .btn-call-to-action {
    font-size: 16px;
  }
  body.beta h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.beta h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.beta p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 100px;
  }
  body.beta header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.beta header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.beta header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.beta header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.beta header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.beta header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.beta header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.beta header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.beta header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.beta section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.beta section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.beta section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.beta section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.beta section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.beta section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.beta section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.beta section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.beta section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.beta section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.beta section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.beta section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.beta section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.beta section.comparison p {
    max-width: 725px;
  }
  body.beta section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.beta section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.beta section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.beta section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.beta section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.beta section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.beta section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.beta div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.beta div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.beta div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.beta div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.beta div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.beta div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body.beta2 .container-fluid {
    max-width: inherit;
  }
  body.beta2 .btn-call-to-action {
    font-size: 16px;
  }
  body.beta2 h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.beta2 h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.beta2 p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 100px;
  }
  body.beta2 header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.beta2 header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.beta2 header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.beta2 header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.beta2 header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.beta2 header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.beta2 header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.beta2 header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.beta2 header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.beta2 section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.beta2 section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.beta2 section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.beta2 section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.beta2 section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.beta2 section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.beta2 section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.beta2 section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.beta2 section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.beta2 section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.beta2 section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.beta2 section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.beta2 section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.beta2 section.comparison p {
    max-width: 725px;
  }
  body.beta2 section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.beta2 section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.beta2 section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.beta2 section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.beta2 section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.beta2 div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.beta2 div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.beta2 div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.beta2 div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.beta2 div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.beta2 div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body.signup .container-fluid {
    max-width: inherit;
  }
  body.signup .btn-call-to-action {
    font-size: 16px;
  }
  body.signup h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.signup h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.signup header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.signup header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.signup header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.signup header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.signup header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.signup header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.signup header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.signup header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.signup header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.signup section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.signup section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.signup section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.signup section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.signup section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.signup section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.signup section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.signup section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.signup section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.signup section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.signup section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.signup section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.signup section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.signup section.comparison p {
    max-width: 725px;
  }
  body.signup section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.signup section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.signup section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.signup section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.signup section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.signup section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.signup section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.signup div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.signup div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.signup div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.signup div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.signup div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.signup div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body.showcase .container-fluid {
    max-width: inherit;
  }
  body.showcase .btn-call-to-action {
    font-size: 16px;
  }
  body.showcase h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.showcase h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.showcase p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 100px;
  }
  body.showcase header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.showcase header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.showcase header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.showcase header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.showcase header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.showcase header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.showcase header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.showcase header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.showcase header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.showcase section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.showcase section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.showcase section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.showcase section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.showcase section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.showcase section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.showcase section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.showcase section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.showcase section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.showcase section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.showcase section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.showcase section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.showcase section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.showcase section.comparison p {
    max-width: 725px;
  }
  body.showcase section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.showcase section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.showcase section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.showcase section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.showcase section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.showcase section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.showcase section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.showcase div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.showcase div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.showcase div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.showcase div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.showcase div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.showcase div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body.investors .container-fluid {
    max-width: inherit;
  }
  body.investors .btn-call-to-action {
    font-size: 16px;
  }
  body.investors h2 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
  }
  body.investors h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body.investors p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 100px;
  }
  body.investors header.main.home nav.navbar div.container-fluid a.navbar-brand {
    margin-left: 48px;
  }
  body.investors header.main.home nav.navbar div.nav-right {
    padding-right: 48px;
  }
  body.investors header.main.home nav.navbar div.nav-right a.btn.btn-warning {
    font-size: 16px;
  }
  body.investors header.main.home section.intro {
    margin-bottom: 140px;
  }
  body.investors header.main.home section.intro h1 {
    font-size: 80px;
    line-height: 76px;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
  }
  body.investors header.main.home section.intro h1 span video {
    width: 75px;
    margin-bottom: -15px;
  }
  body.investors header.main.home section.intro h1 span img {
    max-width: 175px;
  }
  body.investors header.main.home section.intro-2 video {
    margin-bottom: 200px;
  }
  body.investors header.main.home section.intro-2 p {
    max-width: 610px;
  }
  body.investors section.columns div.column p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 70px;
  }
  body.investors section.columns div.column.column-1 p {
    max-width: 250px;
    margin-left: 0;
    margin-right: 0;
  }
  body.investors section.columns div.column.column-2 p {
    max-width: 340px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 65px;
  }
  body.investors section.columns div.column.column-2 img {
    margin-bottom: -30px;
  }
  body.investors section.columns div.column.column-3 p {
    max-width: 275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 150px;
  }
  body.investors section.carousel-wrapper {
    margin-bottom: 200px;
  }
  body.investors section.carousel-wrapper h2 {
    width: 715px;
    max-width: inherit;
  }
  body.investors section.carousel-wrapper .carousel-item-prev:not(.carousel-item-end) {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.investors section.carousel-wrapper .active.carousel-item-start {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
  }
  body.investors section.carousel-wrapper .carousel-item-next:not(.carousel-item-start) {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.investors section.carousel-wrapper .active.carousel-item-end {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-indicators {
    left: 40px;
    right: inherit;
    top: 0%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner {
    background-position: 750px center;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0 0 0 70px;
    height: 100%;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner .content {
    margin: 0;
    padding: 0 50px 0 0;
    text-align: left;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner header {
    align-items: flex-start;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner p {
    font-size: 20px;
    line-height: 26px;
    width: 410px;
    margin-right: 100px;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item div.carousel-item-inner img {
    max-width: 500px;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(2) div.carousel-item-inner p {
    width: 426px;
  }
  body.investors section.carousel-wrapper div#carousel div.carousel-inner div.carousel-item:nth-child(3) div.carousel-item-inner p {
    width: 414px;
  }
  body.investors section.comparison h2 {
    width: 630px;
    max-width: inherit;
  }
  body.investors section.comparison p {
    max-width: 725px;
  }
  body.investors section.comparison div.table-wrapper {
    padding: 75px;
  }
  body.investors section.comparison div.table-wrapper table.table tr th {
    font-size: 20px;
  }
  body.investors section.comparison div.table-wrapper table.table tr th.brand {
    font-size: 21px;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description {
    width: 450px;
    padding-right: 75px;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description span.description-1 {
    max-width: 370px;
    display: block;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description span.description-2 {
    max-width: 270px;
    display: block;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description span.description-3 {
    max-width: 250px;
    display: block;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description span.description-4 {
    max-width: 320px;
    display: block;
  }
  body.investors section.comparison div.table-wrapper table.table tr td.description span.description-5 {
    max-width: 275px;
    display: block;
  }
  body.investors section.call-to-action {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  body.investors section.call-to-action h2 {
    line-height: 58px;
    max-width: 555px;
  }
  body.investors section.call-to-action p {
    font-size: 20px;
    line-height: 24px;
    max-width: 615px;
    margin-bottom: 35px;
  }
  body.investors div.modal.dark div.modal-dialog {
    width: 100%;
    max-width: inherit;
  }
  body.investors div.modal.dark div.modal-dialog div.modal-content {
    max-width: 875px;
    margin: auto;
  }
  body.investors div.modal.dark div.modal-dialog div.modal-content div.modal-body {
    padding: 100px 165px 150px;
  }
  body.investors div.modal.dark div.modal-dialog div.modal-content div.modal-body form {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
  body.investors div.modal#applyNowModal h2 {
    font-size: 48px;
    line-height: 48px;
  }
  body.investors div.modal#applyNowModal p {
    font-size: 20px;
    line-height: 24px;
    max-width: inherit;
  }
  body footer.main a.logo {
    margin-left: 48px;
  }
  body footer.main p {
    margin-bottom: 0;
    margin-right: 48px;
  }
  section.page div.container-fluid {
    max-width: 1060px;
    margin: 0 !important;
  }
  section.page-with-sidebar div#sidebar-wrapper {
    opacity: 1;
    visibility: visible;
  }
  section.page-with-sidebar div#sidebar-wrapper:before {
    display: none;
  }
  section.page-with-sidebar div#sidebar-wrapper aside#sidebar {
    display: block;
    left: 0;
    border-radius: 0;
    position: relative;
    padding: 35px 45px;
    width: 250px;
    max-width: 250px;
    min-width: 250px;
  }
  section div.main-content header.page-header {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
  }
  section div.main-content header.page-header.type-light section.user-bar .profile-dropdown-wrapper a::after {
    color: #292a2e;
  }
  section div.main-content header.page-header section.user-bar {
    justify-content: flex-end;
    margin-bottom: 60px;
    position: relative;
  }
  section div.main-content header.page-header section.user-bar div.hamburger {
    display: none;
  }
  section div.main-content header.page-header section.user-bar a.logo {
    display: none;
  }
  section div.main-content header.page-header section.user-bar div.profile-dropdown-wrapper {
    order: 4;
  }
  section div.main-content header.page-header section.user-bar section.search {
    order: 3;
    max-width: 700px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  section div.main-content header.page-header h3.subtitle {
    margin-bottom: 50px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider {
    width: calc(100% + 60px);
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li {
    width: 250px !important;
    height: 250px !important;
    margin-right: 20px !important;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div {
    padding: 25px;
    height: 250px;
    width: 250px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div header span {
    font-size: 16px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div header i {
    font-size: 36px;
    display: block;
    margin-top: -15px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li > div div {
    font-size: 40px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ul.slides li:nth-child(4) > div div {
    font-size: 24px !important;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ol.flex-control-nav {
    bottom: -50px;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ol.flex-control-nav li a {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
  }
  section div.main-content header.page-header div.widgets div.widget-slider ol.flex-control-nav li a.flex-active {
    background: #FFFFFF;
  }
  section div.main-content header.page-header ul.nav-discover {
    margin-bottom: -50px;
  }
  section div.main-content header.page-header ul.nav-discover a {
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
  }
  section div.main-content div.page-content {
    padding: 40px 70px 40px 60px;
    padding-bottom: 100px;
    min-height: 500px;
  }
  section div.main-content div.page-content div.section-title h2 {
    font-size: 20px;
    margin-bottom: 40px;
  }
  section div.main-content div.page-content div.section-title-large h2 {
    font-size: 32px;
    margin-bottom: 60px;
  }
  section div.main-content div.page-content div.product-grid div.product-wrapper div.product .btn {
    position: absolute;
    bottom: 20px;
    left: 10px;
    width: calc(100% - 20px);
    display: none;
  }
  section div.main-content div.page-content .nav-tabs-light.horizontal-scroll {
    margin-bottom: 40px !important;
  }
  section div.main-content div.page-content .nav-tabs-light.horizontal-scroll li.nav-item a.nav-link {
    font-size: 20px;
    margin-right: 40px;
  }
  section div.main-content div.page-content div.brand-grid-wrapper div.brand-wrapper a.brand {
    font-size: 24px;
  }
  section div.main-content div.page-content h3.brand-group-title {
    margin-top: 50px;
    margin-bottom: 20px;
  }
  section div.main-content div.page-content .brand-grid-wrapper h3.brand-group-title:first-child {
    margin-top: 40px;
  }
  section div.main-content div.page-content div.alphabet-nav {
    position: relative;
    right: inherit;
    top: inherit;
    padding: 20px 12px;
    z-index: 9999;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: inherit;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    height: 53px;
  }
  section div.main-content div.page-content div.alphabet-nav a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #1d1e22;
  }
  section div.main-content div.page-content div.alphabet-nav.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper {
    justify-content: space-between;
    position: relative;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category {
    margin-right: 70px;
    max-width: 120px;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category img {
    margin-bottom: 20px;
    width: 120px;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category span {
    font-size: 16px;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper a.explore-category:last-of-type {
    margin-right: 0;
  }
  section div.main-content div.page-content div.explore-categories-grid-wrapper.explore-categories-discover a.explore-category {
    margin-right: 25px;
  }
  section div.main-content div.page-content #scrollButton {
    position: absolute;
    right: 0;
    top: 50%;
    border: none;
    background: #FFFFFF;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(50%, -100%);
  }
  section div.main-content div.page-content div.campaign-grid div.campaign header a {
    font-size: 24px;
  }
  section div.main-content div.page-content div.campaign-grid div.campaign footer {
    height: 149px !important;
  }
  section div.main-content div.page-content hr.divider {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  section div.main-content div.page-content div.masonry-grid a.btn.view-store {
    font-size: 12px !important;
  }
  section div.main-content div.page-content div.section-title.heading-title h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  section div.main-content div.page-content div.section-title.heading-title h5 {
    font-size: 16px;
  }
  section div.main-content div.page-content div.section-title.heading-title hr.divider {
    margin-bottom: 50px !important;
  }
  section div.main-content div.page-content header.brand-header h4 {
    font-size: 20px;
    font-weight: 600;
  }
  section div.main-content div.page-content .campaign-status-container {
    padding: 40px;
  }
  section div.main-content div.page-content .campaign-status-container .section-title p {
    font-size: 14px;
    line-height: 20px;
  }
  section div.main-content header.page-header.type-light {
    background: #f4f6f9 !important;
    padding: 20px 70px 20px 60px !important;
  }
  section div.main-content header.page-header.type-white {
    padding: 20px 70px 20px 60px;
    background: #f4f6f9;
  }
  section:not(.page-dashboard) div.main-content header.page-header {
    background: linear-gradient(180deg, rgba(99, 137, 247, 0.8) -70%, rgba(176, 219, 202, 0.3019607843) 135%), #3063F6;
    background: -moz-linear-gradient(top, rgba(99, 137, 247, 0.8) -70%, rgba(176, 219, 202, 0.3019607843) 135%), #3063f6;
  }
  section#product div.product-content header.page-title h1 {
    font-size: 24px;
  }
  section#product div.product-content header.page-title h1 small {
    font-size: 16px;
  }
  section#product div.product-content header.page-title span.price {
    font-size: 20px;
  }
  section#product div.product-content span.profit {
    font-size: 20px;
  }
  section#product div.product-content span.profit a {
    color: #565656;
  }
  section#product div.product-content form#product-form div.form-group-add-to-store {
    width: 100%;
    position: relative;
    bottom: inherit;
    right: inherit;
    z-index: inherit;
    display: block;
  }
  section#product div.product-content form#product-form div.form-group-add-to-store .btn {
    width: 100%;
    margin: 0 0 10px 0;
  }
  section#product div.product-images div.flexslider-product-images div.lSSlideOuter div.lSSlideWrapper div.lSAction a.lSPrev {
    background: url("../images/icon-left.svg") no-repeat center center;
  }
  section#product div.product-images div.flexslider-product-images div.lSSlideOuter div.lSSlideWrapper div.lSAction a.lSNext {
    background: url("../images/icon-right.svg") no-repeat center center;
  }
  section#product div.product-images div.flexslider-product-images div.lSSlideOuter ul.lSPager li.active {
    position: relative;
  }
  section#product div.product-images div.flexslider-product-images div.lSSlideOuter ul.lSPager li.active:after {
    content: "";
    height: 2px;
    width: 100%;
    background: #000;
    position: absolute;
    bottom: 0px;
    left: 0;
  }
  section#product div.widget {
    margin-bottom: 20px;
  }
  section#product div.widget.widget-reviews {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
  }
  section#product div.widget.widget-reviews a {
    color: #1d1e22;
  }
  section#product div.widget.widget-reviews a strong {
    font-weight: 600;
  }
  section.page-dashboard div.main-content div.page-content {
    padding: 50px 60px;
  }
  section.page-dashboard div.main-content div.page-content div.section-title.creator-spotlight h2 {
    font-size: 32px;
  }
  section.page-campaigns div.main-content div.page-content hr.divider {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  section.page-campaign-view div.main-content div.page-content .campaign-image {
    max-width: 544px;
  }
  section.page-campaign-view div.main-content div.page-content .campaign-info a.btn-primary.py-3 {
    font-size: 14px;
    margin-bottom: 0px;
  }
  section.page-campaign-view div.main-content div.page-content .campaign-info h3.subtitle {
    margin-bottom: 0px;
  }
  footer.page-footer {
    padding: 40px 60px 30px;
  }
  footer.page-footer h4 {
    margin-bottom: 0;
  }
  footer.page-footer .footer-top {
    flex-wrap: nowrap;
    margin-bottom: 80px;
  }
  footer.page-footer .footer-top .footer-top-menu {
    width: auto;
    order: 2;
    gap: 80px;
  }
  footer.page-footer .footer-top .footer-logo {
    order: 1;
  }
  footer.page-footer .footer-top .footer-social-icons {
    order: 3;
  }
  footer.page-footer .logo img {
    width: 120px;
    height: 25px;
  }
  section.page-discover div.main-content div.page-content a.btn.btn-outline-primary {
    margin-top: 40px;
  }
  div.main-content .trending-beauty-section .creator-quote {
    text-align: start;
  }
  div.main-content .trending-beauty-section .creator-quote p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
    max-width: 192px;
  }
  section#pag-brand.page-discover div.main-content div.page-content div.row.my-4 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .modal.inbox-modal .modal-content {
    padding: 0 77px !important;
    background-color: #F4F6F9;
    border-radius: 16px;
  }
  .modal.inbox-modal .modal-content .modal-header {
    padding: 30px 0 20px 0 !important;
    border-bottom: 1px solid #E1E1E1;
  }
  .modal.inbox-modal .modal-content .modal-body {
    padding: 30px 0px !important;
  }
  .modal.inbox-modal .modal-content .modal-footer {
    padding: 30px 0 40px 0 !important;
    border-top: 1px solid #E1E1E1;
  }
  .modal.inbox-modal .messages-container .message-wrapper .message {
    padding: 18px;
    font-size: 14px;
  }
  .modal.inbox-modal .messages-container .message-wrapper .message span.timestamp {
    font-size: 12px;
  }
  .modal.inbox-modal .messages-container .attachments-wrapper {
    padding-left: 52px;
    padding-top: 16px;
  }
  .modal.inbox-modal .messages-container .attachments-wrapper .attachment .attachment-name {
    font-size: 14px;
  }
  .modal.inbox-modal .messages-container .attachments-wrapper .attachment .attachment-size {
    font-size: 12px;
  }
  .modal.inbox-modal .messages-container .message-item:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  section.page-discover div.main-content header.page-header {
    padding-bottom: 50px;
  }
  section div.main-content div.page-content div.campaign-status-container .card-body p {
    font-size: 13px;
  }
  section.page-dashboard div.main-content header.page-header h1 {
    font-size: 32px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1300px) {
  body.index .container, body.beta .container, body.beta2 .container, body.signup .container, body.showcase .container, body.investors .container {
    max-width: 1320px !important;
  }
  body.index div.column, body.beta div.column, body.beta2 div.column, body.signup div.column, body.showcase div.column, body.investors div.column {
    padding: 40px;
  }
  body.index div.column p, body.beta div.column p, body.beta2 div.column p, body.signup div.column p, body.showcase div.column p, body.investors div.column p {
    font-size: 20px;
  }
  body.index div.column.column-2 p, body.beta div.column.column-2 p, body.beta2 div.column.column-2 p, body.signup div.column.column-2 p, body.showcase div.column.column-2 p, body.investors div.column.column-2 p {
    width: 350px;
  }
  body.index div.column.column-2 img, body.beta div.column.column-2 img, body.beta2 div.column.column-2 img, body.signup div.column.column-2 img, body.showcase div.column.column-2 img, body.investors div.column.column-2 img {
    margin-bottom: -40px;
  }
  body.index div.column.column-3 p, body.beta div.column.column-3 p, body.beta2 div.column.column-3 p, body.signup div.column.column-3 p, body.showcase div.column.column-3 p, body.investors div.column.column-3 p {
    width: 300px;
  }
  body.index section.carousel-wrapper p, body.beta section.carousel-wrapper p, body.beta2 section.carousel-wrapper p, body.signup section.carousel-wrapper p, body.showcase section.carousel-wrapper p, body.investors section.carousel-wrapper p {
    max-width: 700px;
  }
  body.index section.comparison div.table-wrapper, body.beta section.comparison div.table-wrapper, body.beta2 section.comparison div.table-wrapper, body.signup section.comparison div.table-wrapper, body.showcase section.comparison div.table-wrapper, body.investors section.comparison div.table-wrapper {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  body.index section.video-carousel video, body.beta section.video-carousel video, body.beta2 section.video-carousel video, body.signup section.video-carousel video, body.showcase section.video-carousel video, body.investors section.video-carousel video {
    max-width: 150px;
  }
}
@media (min-width: 1440px) {
  footer.page-footer .footer-bottom {
    position: relative;
  }
  footer.page-footer .footer-bottom .footer-bottom-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  footer.page-footer .footer-bottom .footer-bottom-menu a {
    text-wrap-mode: nowrap;
  }
}
@media (min-width: 1500px) {
  body.index .container, body.beta .container, body.beta2 .container, body.showcase .container, body.investors .container {
    max-width: 1440px;
  }
}
@media (min-width: 1600px) {
  body.index .container, body.beta .container, body.beta2 .container, body.signup .container, body.showcase .container, body.investors .container {
    max-width: 1540px;
  }
}
@media (min-width: 1700px) {
  body.index .container, body.beta .container, body.beta2 .container, body.signup .container, body.showcase .container, body.investors .container {
    max-width: 1640px;
  }
}
@media (min-width: 1800px) {
  body.index .container, body.beta .container, body.beta2 .container, body.signup .container, body.showcase .container, body.investors .container {
    max-width: 1740px;
  }
}