/** @format */

@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Italianno&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap');

html, body {
  background: #000;
  color: #fff;
}

.bg-darks {
  background: #111111;
}

.navbar-brand,
.footer-logo {
  font-size: 25px;
  position: relative;
  color: #f15f78;
  font-family: 'Pacifico', cursive;
  font-weight: 400;
  font-style: normal;
  cursor: default;
  user-select: none;
}

.navbar-brand:hover,
.footer-logo:hover {
  color: #f15f78;
}

.logo {
  font-size: 30px;
  position: relative;
  color: #f15f78;
  font-family: 'Pacifico', cursive;
  font-weight: 400;
  font-style: normal;
  cursor: default;
  user-select: none;
}

.text-sm {
  font-size: 13px;
}

.bg-yellow {
  background-color: #fd0;
}

.bg-mark {
  /* background-color: #fd0; */
  border-bottom: 3px solid #fd0;
}

.card {
  border: none;
  position: relative;
}

.location {
  position: absolute;
  background: rgba(25, 25, 25, 0.65);
  border: 1px solid transparent;
  color: #fff;
  padding: 5px 20px;
  top: 15px;
  right: 14px;
  border-radius: 50px;
  font-size: 13px;
  letter-spacing: 0.3px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ei--location {
  display: inline-block;
  width: 22px;
  height: 22px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23000' d='m25 42.5l-.8-.9C23.7 41.1 12 27.3 12 19c0-7.2 5.8-13 13-13s13 5.8 13 13c0 8.3-11.7 22.1-12.2 22.7zM25 8c-6.1 0-11 4.9-11 11c0 6.4 8.4 17.2 11 20.4c2.6-3.2 11-14 11-20.4c0-6.1-4.9-11-11-11'/%3E%3Cpath fill='%23000' d='M25 24c-2.8 0-5-2.2-5-5s2.2-5 5-5s5 2.2 5 5s-2.2 5-5 5m0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3s3-1.3 3-3s-1.3-3-3-3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.fluent--mail-24-regular {
  display: inline-block;
  width: 22px;
  height: 22px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.25 4h13.5a3.25 3.25 0 0 1 3.245 3.066L22 7.25v9.5a3.25 3.25 0 0 1-3.066 3.245L18.75 20H5.25a3.25 3.25 0 0 1-3.245-3.066L2 16.75v-9.5a3.25 3.25 0 0 1 3.066-3.245zh13.5zM20.5 9.373l-8.15 4.29a.75.75 0 0 1-.603.043l-.096-.042L3.5 9.374v7.376a1.75 1.75 0 0 0 1.606 1.744l.144.006h13.5a1.75 1.75 0 0 0 1.744-1.607l.006-.143zM18.75 5.5H5.25a1.75 1.75 0 0 0-1.744 1.606L3.5 7.25v.429l8.5 4.474l8.5-4.475V7.25a1.75 1.75 0 0 0-1.607-1.744z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.prime--instagram {
  display: inline-block;
  width: 22px;
  height: 22px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 7.9a4.1 4.1 0 1 0 4.1 4.1A4.09 4.09 0 0 0 12 7.9m0 6.77A2.67 2.67 0 1 1 14.67 12A2.67 2.67 0 0 1 12 14.67m5.23-6.94a1 1 0 1 1-1-1a1 1 0 0 1 1 1m2.71 1a4.71 4.71 0 0 0-1.29-3.35a4.71 4.71 0 0 0-3.35-1.32C14 4 10 4 8.7 4.06a4.73 4.73 0 0 0-3.35 1.29A4.71 4.71 0 0 0 4.06 8.7C4 10 4 14 4.06 15.3a4.71 4.71 0 0 0 1.29 3.35a4.73 4.73 0 0 0 3.35 1.29c1.32.08 5.28.08 6.6 0a4.71 4.71 0 0 0 3.35-1.29a4.71 4.71 0 0 0 1.29-3.35c.06-1.3.06-5.3 0-6.6Zm-1.7 8a2.7 2.7 0 0 1-1.52 1.52a18 18 0 0 1-4.72.32a17.91 17.91 0 0 1-4.71-.32a2.7 2.7 0 0 1-1.52-1.52c-.42-1.06-.33-3.56-.33-4.72s-.09-3.67.33-4.72a2.65 2.65 0 0 1 1.52-1.53A17.91 17.91 0 0 1 12 5.44a18 18 0 0 1 4.72.32a2.7 2.7 0 0 1 1.52 1.52c.42 1.06.32 3.56.32 4.72s.1 3.67-.32 4.72Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.uim--lock {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.068);
  border-radius: 10px;
}

.uim--lock::after {
  display: inline-block;
  width: 60px;
  height: 60px;
  vertical-align: -0.125em;
  box-shadow: var(--bs-box-shadow-lg) !important;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M16 11H8a1 1 0 0 1-1-1V7a5 5 0 0 1 10 0v3a1 1 0 0 1-1 1M9 9h6V7a3 3 0 0 0-6 0Z' opacity='0.5'/%3E%3Crect width='16' height='13' x='4' y='9' fill='white' rx='3'/%3E%3C/svg%3E");
}

.ph--video-fill::after {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -0.125em;
  padding-top: 5px;
  padding-right: 3px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='white' d='M232 208a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8m0-152v112a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16m-68 56a8 8 0 0 0-3.71-6.75l-44-28A8 8 0 0 0 104 84v56a8 8 0 0 0 12.29 6.75l44-28A8 8 0 0 0 164 112'/%3E%3C/svg%3E");
}

.card {
  position: relative;
  cursor: pointer;
}

.meta-data {
  position: absolute;
  color: #fff;
  bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 40px;
  width: 100%;
  background: #555;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(0, 0, 0, 0)),
    color-stop(100%, rgba(0, 0, 0, 0.7))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.7) 100%
  );
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.views-purchases {
  display: flex;
  gap: 20px;
  font-weight: 400;
  margin-bottom: 5px;
}

.mdi--eye::after {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 9a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5a5 5 0 0 1 5-5a5 5 0 0 1 5 5a5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5'/%3E%3C/svg%3E");
}

.fa6-solid--cart-arrow-down::after {
  display: inline-block;
  width: 20px;
  height: 19px;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='white' d='M24 0C10.7 0 0 10.7 0 24s10.7 24 24 24h45.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5l-5.4-28.5h288.5c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32H360v102.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23V32H120.1C111 12.8 91.6 0 69.5 0zm152 512a48 48 0 1 0 0-96a48 48 0 1 0 0 96m336-48a48 48 0 1 0-96 0a48 48 0 1 0 96 0'/%3E%3C/svg%3E");
}

.title-wrap {
  font-size: 17px;
  font-weight: 500;
  width: 80%;
  margin-bottom: 2px;
}

.modal-wrap a {
  color: #bbbbbb;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
  z-index: 10;
}

.card-dark {
  background-color: #111111;
  color: #fff;
}

.form-floating > label {
  color: #111;
}

.auth-image {
  width: auto;
  height: 400px;
}

.image-right-throw {
  position: absolute;
  right: 0;
  bottom: 0;
}

.image-left-throw {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 500px !important;
}

.otp-field {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.otp-field input {
  width: 60px;
  font-size: 32px;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  margin: 2px;
  border: 2px solid #55525c;
  background: #fff;
  font-weight: bold;
  color: #111;
  outline: none;
  transition: all 0.1s;
}
input:focus {
  border: 2px solid #f15f78 !important;
  box-shadow: 0 0 2px 2px #cc3c54 !important;
}
.disabled {
  opacity: 0.5;
}
.space {
  margin-right: 1rem !important;
}

.pricing-card {
  background: #111;
  border-radius: 10px;
  padding: 20px;
  color: #fff;
  position: relative;
}

.best-price {
  border-radius: 0px 10px 10px 10px;
}
.pricing-card:hover {
  background: #222;
}
.pricing-card:hover .pricing-card-title {
  color: #f15f78;
}
.pricing-card:hover .pricing-card-price {
  color: #f15f78;
}
.pricing-card:hover .pricing-card-description {
  color: #f15f78;
}
.btn-check:checked + .btn,
.btn-check:hover + .btn {
  border: 2px solid #f15f78 !important;
  color: #fff;
}

.btn-check + .btn {
  border: 2px solid #55525c !important;
}

.best-price:before {
  content: 'Recommended';
  position: absolute;
  top: -25px;
  left: 0;
  background: #f15f78;
  color: #fff;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 500;
  border-radius: 5px 5px 0px 0px;
}

.pricing {
  font-weight: bold;
}

.pricing .currency {
  position: absolute;
  font-size: 20px;
  font-weight: 500;
  left: -14px;
  top: 19px;
}

.pricing .price {
  font-size: 40px;
  font-weight: 700;
}

.pricing .price:after {
  content: attr(data-price);
  position: absolute;
  top: 13%;
  left: 50px;
  font-size: 16px;
}

.pricing .period {
  position: absolute;
  font-size: 13px;
  font-weight: 400;
  top: 53px;
  right: 0px !important;
  background: transparent !important;
}

.form-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.payment-form input,
.payment-form .form-select,
#gift-card input {
  border-radius: 0px;
  border: none !important;
  box-shadow: none !important;
}

#card-image {
  display: block;
  margin: 0px;
  position: absolute;
  top: 9px;
  right: 6px;
  height: 40px;
  width: 26%;
  max-width: 210px;
}

.input-info {
  display: flex;
  justify-content: end;
  align-items: center;
  margin: 0px;
  position: absolute;
  top: 9px;
  right: 6px;
  height: 40px;
  width: 26%;
  max-width: 210px;
  cursor: pointer;
}

.all-cards {
  background: url(https://app-assets.project1content.com/gateway/assets/creditcards-all.1a9b536b.png)
    right center / contain no-repeat transparent;
}

.none-card {
  background: url(https://app-assets.project1content.com/gateway/assets/creditcards-none.6bc4700e.png)
    right center / contain no-repeat transparent;
}

.visa-card {
  background: url(https://app-assets.project1content.com/gateway/assets/creditcards-visa.17a4604e.png)
    right center / contain no-repeat transparent;
}

.master-card {
  background: url(https://app-assets.project1content.com/gateway/assets/creditcards-mastercard.13d8316d.png)
    right center / contain no-repeat transparent;
}

.discover-card {
  background: url(https://app-assets.project1content.com/gateway/assets/creditcards-discover.bc304830.png)
    right center / contain no-repeat transparent;
}

.unionpay-card {
  background: url(https://app-assets.project1content.com/gateway/assets/creditcards-unionpay.8068c89e.png)
    right center / contain no-repeat transparent;
}

.error {
  display: none;
}

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

.ccv-help {
  position: absolute;
  top: 51px;
  right: 0.84375rem;
  z-index: 10;
  background: rgb(255, 255, 255);
  border: 1px solid;
  border-radius: 10px 0px 10px 10px;
  box-shadow: rgb(0, 0, 0) 1px 1px 10px;
  padding: 10px 1px 10px 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}

.ccv-help.show {
  opacity: 1;
  visibility: visible;
}

.pricing-method {
  width: 50px;
  height: 50px;
  border-width: 2px;
  border-style: solid;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  border-radius: 50%;
  margin: 0px 0px 3px;
}

.loader {
  display: none;
}

.examples {
  margin-bottom: 1.5rem;
  background: #232323;
  border: 1px solid #837c7c;
  border-radius: 0.25rem;
  overflow-x: auto;
}

.examples-table {
  width: auto;
  margin: auto;
  border: 1rem solid #232323;
  padding: 5px 10px;
}

.example-space {
  white-space: pre;
}

.example-item:not(.example-arrow) {
  font: 400 13px / 20px 'Roboto Mono', monospace;
}

.confirmation-table td,
.example-amount,
.example-offer {
  text-align: right;
}

.example-arrow {
  padding: 0 1rem;
}

.example-offer {
  white-space: nowrap;
}

.confirmation-table td,
.example-amount,
.example-offer {
  text-align: right;
}

.change-brand {
  right: 14px;
  top: 1px;
}

.ads-sticky {
  position: fixed;
  bottom: 10px;
  left: 10px;
  border-radius: 100%;
  height: 140px;
  width: 140px;
  opacity: 0;
  visibility: 0px;
}

.ads-sticky.show {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease-in-out;
  transform: translateY(-10px);
  box-shadow: 0px 0px 10px #ef4949;
}

.ads-sticky img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 100%;
  object-position: 0px -65px;
}

.ads-text {
  position: absolute;
  font-family: 'Bowlby One SC', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  color: #fff;
  text-align: center;
  top: -92px;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0px 0px 5px #ef4949;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-variant: small-caps;
  font-variant-caps: all-small-caps;
  font-variant-ligatures: contextual;
  font-variant-alternates: stylistic;
  line-height: 13px;
}

.special-text {
  position: relative;
  max-height: 127px;
  overflow: hidden;
  transition: max-height 1s ease;
}

.special-text.expanded {
  max-height: 1000px;
}

.special-text:not(.expanded)::after {
  content: '';
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0, 1));
}

.video-container {
  height: 312px;
  width: 50%;
}

.content-visuals {
  width: 100%;
  height: 204px;
  border-radius: 13px;
  border: 1px solid #111;
}

@media screen and (max-width: 768px) {
  .content-visuals {
    height: 260px;
  }
  
}

@media screen and (max-width: 558px) {
  .content-visuals {
    height: 232px;
  }
  
}

.video {
  border-radius: 13px;
  width: 100%;
  height: 100%;
  object-position: center;
}

.content-actions {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .video-container {
    width: 100%;
  }
}

.period {
  position: absolute;
  font-size: 13px;
  font-weight: 400;
  bottom: 16px;
  right: 16px;
  color: #fff;
  background: #111111d9;
  padding: 3px 9px;
  border-radius: 4px;
}

.content-title a{
  font-size: 15px;
  font-weight: 400;
  color: #c6c6c6;
    word-break: break-word;
    word-wrap: break-word;
    line-height: 17px;

}


.content-title a:hover{
  text-decoration: underline;
}

.content-load{
  top: 5px;
  left: 5px;
  position: absolute;
  visibility: 0;
  opacity: 0;
}

.content-visuals:hover .content-load{
  visibility: visible;
  opacity: 1;
}

.new-content{
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  bottom: 16px;
  right: 71px;
  color: #fff;
  background: #cc3c54;
  padding: 3px 9px;
  border-radius: 4px;
  text-transform: uppercase;
}