/*
Theme Name: Prompt Marketplace Pro
Theme URI: https://www.ovationthemes.com/products/ai-prompt-marketplace-wordpress-theme
Author: Ovationthemes
Author URI: https://www.primewordpress.com/
Description: 
Version: 0.0.1
Requires at least: 5.8.0
Tested up to: 6.0.3
Requires PHP: 7.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: prompt-marketplace-pro
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, sticky-post, featured-images, footer-widgets, full-width-template, threaded-comments, theme-options, wide-blocks, block-styles, blog, food-and-drink, e-commerce

Prompt Marketplace Pro WordPress Theme has been created by primewordpress(primewordpress.com), 202.
Prompt Marketplace Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

@font-face {
  font-family: "SpaceGrotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("SpaceGrotesk Light"),
    local("SpaceGrotesk-Light"),
    url(./assets/webfonts/SpaceGrotesk-Light.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

@font-face {
  font-family: "SpaceGrotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("SpaceGrotesk Regular"),
    local("SpaceGrotesk-Regular"),
    url(./assets/webfonts/SpaceGrotesk-Regular.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "SpaceGrotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local("SpaceGrotesk Medium"),
    local("SpaceGrotesk-Medium"),
    url(./assets/webfonts/SpaceGrotesk-Medium.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "SpaceGrotesk ";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    local("SpaceGrotesk SemiBold"),
    local("SpaceGrotesk-SemiBold"),
    url(./assets/webfonts/SpaceGrotesk-SemiBold.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "SpaceGrotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("SpaceGrotesk Bold"),
    local("SpaceGrotesk-Bold"),
    url(./assets/webfonts/SpaceGrotesk-Bold.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Inter Light"),
    local("Inter-Light"),
    url(./assets/webfonts/Inter-Light.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Inter Regular"),
    local("Inter-Regular"),
    url(./assets/webfonts/Inter-Regular.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local("Inter Medium"),
    local("Inter-Medium"),
    url(./assets/webfonts/Inter-Medium.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    local("Inter SemiBold"),
    local("Inter-SemiBold"),
    url(./assets/webfonts/Inter-SemiBold.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("Inter Bold"),
    local("Inter-Bold"),
    url(./assets/webfonts/Inter-Bold.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src:
    local("Inter ExtraBold"),
    local("Inter-ExtraBold"),
    url(./assets/webfonts/Inter-ExtraBold.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src:
    local("Inter Black"),
    local("Inter-Black"),
    url(./assets/webfonts/Inter-Black.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

:root {
  --color-primary: #963ff0;
  --color-secondary: #505ff9;
  --font-primary: "Inter";
  --font-secondary: "SpaceGrotesk";
}
/* Basic Style */

html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: #010617;
  position: relative;
  font-size: 16px;
  color: white;
  font-family: var(--font-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: white;
  font-family: var(--font-secondary);
  font-weight: 600;
  margin-bottom: 10px;
}
p {
  margin: 0 0 15px;
  padding: 0;
  font-family: var(--font-primary);
  font-size: 15px;
  font-weight: 400;
}

/* loader */

.preloader {
  background: linear-gradient(135deg, #0e0e1a 0%, #1a0a2e 100%);
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  transition: opacity 0.5s ease;
}
.bypostauthor {
  font-weight: 600;
}
/* Outer ring */
.preloader-ring {
  position: relative;
  width: 100px;
  height: 100px;
}

.preloader-ring::before,
.preloader-ring::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}

.preloader-ring::before {
  border: 3px solid rgba(233, 48, 201, 0.15);
}

.preloader-ring::after {
  border: 3px solid transparent;
  border-top-color: #e930c9;
  border-right-color: #7823b1;
  animation: preloader-spin 1s linear infinite;
}

/* Inner ring */
.preloader-ring-inner {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-bottom-color: #7823b1;
  border-left-color: #e930c9;
  animation: preloader-spin-reverse 0.8s linear infinite;
  box-sizing: border-box;
}

/* Center pulse dot */
.preloader-ring-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(124.86deg, #e930c9 -8.3%, #7823b1 100%);
  animation: preloader-pulse-center 1.5s ease-in-out infinite;
  box-shadow: 0 0 12px rgba(233, 48, 201, 0.6);
}

/* Bouncing dots */
.preloader-dots {
  display: flex;
  align-items: center;
  gap: 8px;
}

.preloader-dots .dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(124.86deg, #e930c9 -8.3%, #7823b1 100%);
  animation: preloader-dot-bounce 1.4s ease-in-out infinite;
}

.preloader-dots .dot-1 {
  animation-delay: 0s;
}
.preloader-dots .dot-2 {
  animation-delay: 0.2s;
}
.preloader-dots .dot-3 {
  animation-delay: 0.4s;
}

/* Loading text */
.preloader-text {
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 4px;
  text-transform: uppercase;
  opacity: 0.6;
  animation: preloader-fade-pulse 1.8s ease-in-out infinite;
  margin: 0;
}

@keyframes preloader-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes preloader-spin-reverse {
  to {
    transform: rotate(-360deg);
  }
}

@keyframes preloader-pulse-center {
  0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 12px rgba(233, 48, 201, 0.6);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.35);
    box-shadow: 0 0 22px rgba(233, 48, 201, 0.9);
  }
}

@keyframes preloader-dot-bounce {
  0%,
  80%,
  100% {
    transform: scale(0.55);
    opacity: 0.35;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes preloader-fade-pulse {
  0%,
  100% {
    opacity: 0.35;
  }
  50% {
    opacity: 0.9;
  }
}

#footer .product_list_widget img {
  display: none;
}
#footer .woocommerce del {
  display: none;
}
#footer .woocommerce ins {
  display: none;
}
#footer .woocommerce-Price-amount.amount {
  display: none;
}

#footer .woocommerce .star-rating {
  display: none;
}

/* common css */
.section-subtitle {
  font-family: var(--font-gotham-light);
  font-weight: 400;
  color: var(--grey);
  /* border: 1px solid transparent; */
  border-radius: 26px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #e930c9 0%, #7823b1 100%) border-box;
  padding: 10px 30px;
  width: max-content;
  margin: 0 auto;
  font-size: 16px;
  line-height: 16px;
  position: relative;
}

.team-subtitle::after,
.section-subtitle::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 1px;
  background: transparent linear-gradient(180deg, #e930c9 0%, #7823b1 100%);
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.section-title {
  font: 700 35px / 40px "helvetica_neuebold";
  color: #100f12;
}

.section-para {
  font: 400 18px / 30px var(--font-primary);
  color: #494d4d;
}
.theme-btn {
  font-family: var(--font-primary);
  font-weight: 500;
  width: max-content;
  border-radius: 10px;
  display: inline-block;
  background: linear-gradient(124.86deg, #e930c9 -8.3%, #7823b1 100%);
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  border: 1px solid transparent;
  padding: 13px 30px;
  transition:
    background 0.35s ease,
    color 0.25s ease,
    box-shadow 0.35s ease,
    transform 0.25s ease;
}
.theme-btn:hover {
  border: 1px solid transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #e930c9 0%, #7823b1 100%) border-box;
  color: #7823b1;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(120, 35, 177, 0.2);
}

/*----------------- Theme Button  ----------------------*/

.theme-btn,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart,
input[type="submit"],
a.custom_read_more,
.custom_cart a,
table.compare-list .add-to-cart td a:not(.unstyled_button) {
  font: 700 14px var(--primary-font);
  display: inline-block;
  padding: 13px 17px;
  border-radius: 45px;
  border: none;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease 0s;
  color: white;
}

.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart,
a.custom_read_more {
  padding: 12px 20px;
}

.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart {
  background-color: var(--color-primary);
  border-radius: 0px;
  padding: 10px 14px !important;
  color: #fff;
}

.woocommerce
  ul.products
  a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added {
  display: none !important;
}

a.theme_button,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart,
input[type="submit"],
a.custom_read_more,
.custom_cart a,
table.compare-list .add-to-cart td a:not(.unstyled_button),
button#bmi_submit,
.contact-box .contac_form input[type="submit"],
input[type="submit"],
.contact_shortcode input[type="submit"],
.add_to_cart_button,
.added_to_cart_button,
.added_to_cart {
  font: 600 14px var(--primary-font);
  padding: 16px 29px;
  border-radius: 0;
  border: none;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease 0s;
  color: white;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.contact-box .contac_form input[type="submit"] {
  background-color: var(--color-primary);
  color: black;
}

.add_to_cart_button,
.added_to_cart {
  background-color: var(--color-secondary);
  color: white;
  display: inline-block;
}

.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

a.theme_button {
  color: white;
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 18px 23px;
  background-color: var(--color-secondary);
  border: none;
}

a.theme_button:hover {
  color: white;
}

a.gradient-button,
input[type="submit"] {
  background: linear-gradient(
    135deg,
    var(--color-secondary) 5.42%,
    var(--color-primary) 65.42%
  );
  padding: 12px 19px;
  color: white;
  border-radius: 8px;
  font-weight: 500;
}
a.gradient-button:hover,
input[type="submit"]:hover {
  background: white;
  color: black;
}
/* ---------------------- Latest News ------------------------ */
.news-box {
  border: 1px solid #963ff0;
  background: #100f27;
  padding: 15px;
  border-radius: 8px;
}
.news-content h5 a {
  color: white;
  font-weight: 700;
  font-family: var(--font-secondary);
  font-size: 20px;
}
.news-text p {
  font-weight: 300;
}
.news-content {
  margin-top: 20px;
}
.plan-btn a,
.news-link-box a {
  border: 1px solid var(--color-secondary);
  display: block;
  text-align: center;
  padding: 13px;
  border-radius: 8px;
  color: white;
  font-weight: 600;
}
.plan-btn a:hover,
.plan-item:hover .plan-btn a,
.news-link-box a:hover,
.news-box:hover .news-link-box a {
  background: linear-gradient(
    345.75deg,
    var(--color-secondary) 11.29%,
    var(--color-primary) 91.12%
  );
  color: white;
  border: 1px solid #ffffff;
}
body:not(.home):not(.front-page) header#masthead {
  position: unset;
}
/*-------------- Product Category -----------------*/
.category-link img.hover-img,
.woocommerce ul.products li.product .category-link img.hover-img {
  display: none;
}
.popular-categories-box:hover img.normal-img,
.woocommerce
  ul.products
  li.product
  .popular-categories-box:hover
  img.normal-img {
  display: none;
}
.popular-categories-box:hover img.hover-img,
.woocommerce
  ul.products
  li.product
  .popular-categories-box:hover
  img.hover-img {
  display: inline;
}
span.section-head-tagline {
  background: linear-gradient(
    180deg,
    var(--color-secondary) 0%,
    var(--color-primary) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-secondary);
  font-weight: 700;
  font-size: 20px;
  text-decoration: underline;
}
.popular-categories-box {
  border: 1px solid var(--color-primary);
  padding: 43px 30px;
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
  background: #100f27;
}
.popular-categories-image-outer {
  width: 140px;
  height: 140px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 11px;
}
.popular-categories-image {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    266.9deg,
    var(--color-primary) 2.57%,
    rgba(80, 95, 249, 0) 97.71%
  );
  border-radius: 50%;
}
a.categories-title {
  color: white;
  font-size: 22px;
  font-weight: 700;
  font-family: var(--font-secondary);
}
a.category-link-icon {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 20px;
  background: linear-gradient(
    266.9deg,
    var(--color-primary) 2.57%,
    var(--color-secondary) 97.71%
  );
  color: white;
  margin-top: 27px;
}
.popular-categories-box:hover {
  border: 1px solid #ffffff;
  background: linear-gradient(
    146.66deg,
    rgba(150, 63, 240, 0.6) 2.35%,
    rgba(80, 95, 249, 0.6) 96.81%
  );
  transition: all 0.3s ease-in-out;
}
.popular-categories-box:hover a.categories-title,
.popular-categories-box:hover a.popular-categories-description {
  color: white;
}
.popular-categories-box:hover a.category-link-icon {
  background: white;
  color: #100f27;
}
.product-categories-box .row {
  row-gap: 25px;
}
.popular-categories-box:hover .popular-categories-image {
  background: linear-gradient(
    266.9deg,
    #ffffff 2.57%,
    rgba(255, 255, 255, 0) 97.71%
  );
}
.popular-categories-image-outer::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: 2px; /* border thickness */
  background: linear-gradient(
    253.07deg,
    rgba(150, 63, 240, 0.7) 11.67%,
    rgba(80, 95, 249, 0) 73.6%
  );
  /* Mask out the center so only border shows */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/*------------------- Woococcerce Shop page ----------------------*/

li.top-prompt-card {
  width: 100% !important;
}
.woocommerce .products li.top-prompt-card {
  width: 100% !important;
  background: #100f27;
  padding: 16px !important;
  border-radius: 8px;
  margin-bottom: 30px !important;
}
.woocommerce .products li.top-prompt-card .icon-image {
  border: 1px solid #963ff01a;
  background: #ffffff1a;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin-right: 13px;
  padding: 11px;
}
.woocommerce ul.products li.product h4 a {
  color: white;
  font-weight: 700;
  font-size: 18px;
}
.woocommerce ul.products li.product .short-desc {
  font-weight: 300;
  font-size: 13px;
}
.woocommerce ul.products li.product .prompt-category {
  background: #010617;
  padding: 6px 17px;
  border-radius: 8px;
  text-align: center;
  display: table;
  margin: 0 auto;
  color: var(--color-primary);
  font-size: 14px;
  margin-left: 8px;
}
.woocommerce ul.products li.product .prompt-image {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-right: 20px;
}

.prompt-creator {
  position: relative;
}
span.numeric-rating {
  display: flex;
  align-items: flex-end;
  gap: 13px;
  font-weight: 300;
}
.woocommerce .products .star-rating {
  color: #ffec19;
}
.woocommerce .star-rating::before {
  color: #ffec19;
}
.woocommerce .prompt-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.woocommerce ul.products li.product .price {
  margin-bottom: 0;
}
.woocommerce ul.products li.product .prompt-cart a {
  margin-top: 0;
}
.prompt-card .row {
  align-items: center;
}
/* span.woocommerce-Price-amount.amount {
    color: white;
    font-size: 32px;
    font-weight: 700;
    font-family: var(--font-secondary);
} */
.product-price del,
.product-price ins,
.product-price .price,
.woocommerce ul.products li.product .price,
.prompt-price del,
.prompt-price ins,
.product-price {
  color: white;
  font-size: 32px;
  font-weight: 700;
  font-family: var(--font-secondary);
  text-decoration: none;
}
.product-price del,
.prompt-price del {
  text-decoration: line-through;
  margin-right: 7px;
  opacity: 0.6;
}
span.user-count {
  font-weight: 300;
}
.woocommerce .custom_product_meta .add_to_cart_button,
.woocommerce .custom_product_meta .added_to_cart {
  font-size: 0 !important;
  padding: 12px 15px !important;
  position: relative !important;
  background: linear-gradient(
    254.23deg,
    rgba(150, 63, 240, 0.7) 34.46%,
    rgba(80, 95, 249, 0.7) 97.99%
  );
  border: 1px solid #ffffff4d;
  /* font-size: 27px; */
  border-radius: 8px;
  width: 61px;
  height: 61px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.woocommerce .custom_product_meta .add_to_cart_button:before {
  content: "\f07a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  padding: 0;
  color: white;
  border-radius: 50% !important;
  display: block;
  vertical-align: bottom;
  font-size: 22px;
}
.woocommerce .custom_product_meta .added_to_cart:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  padding: 4px !important;
  color: white;
  border-radius: 50% !important;
  display: block;
  vertical-align: bottom;
  font-size: 14px;
}
.woocommerce .custom_product_meta .added_to_cart {
  margin-left: 8px;
}
.woocommerce .custom_product_meta a {
  background-color: var(--primary-color);
}
span.review-count.ms-2 {
  color: #8c7060;
}
/* .woocommerce  .custom_product_meta a:hover, .product-block:hover .custom_product_meta a {
  background-color: var(--secondary-color) !important;
} */
.woocommerce ul.products .product-block {
  background-color: #f5efe6;
}
.add_to_cart_button.ajax_add_to_cart.loading::after {
  font-family: WooCommerce;
  content: "\e01c";
  vertical-align: top;
  font-weight: 400;
  color: white;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: block;
  z-index: 9999;
  display: block;
  /* width: 10px; */
  /* height: 10px; */
  font-size: 16px;
  text-align: center;
  animation: spin 2s linear infinite;
}
.add_to_cart_button.ajax_add_to_cart.loading::before {
  visibility: hidden;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
h4.creator-name {
  font-size: 16px;
  font-weight: 500;
}
.woocommerce ul.products li.product .creator-photo {
  border: 1px solid #ffffff4d;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.woocommerce ul.products li.product h4.creator-name {
  font-size: 16px;
}
.woocommerce ul.products li.product .creator-badge {
  text-align: center;
  display: table;
  background: #963ff033;
  padding: 6px 11px;
  border-radius: 8px;
  border: 1px solid #505ff94d;
  font-size: 12px;
}
nav.woocommerce-breadcrumb {
  display: none;
}
p.woocommerce-result-count {
  display: none;
}
.banner-image {
  z-index: unset;
  margin-bottom: 4em;
}
.order-by-text h3.section-color-heading {
  font-family: var(--font-primay);
  font-weight: 400;
  font-size: 32px;
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}

/*--------------------- Single product page CSS --------------------*/

.product-input-details {
  background-color: #100f27;
  padding: 16px;
  border-radius: 8px;
}
.example-input h3,
.product-descrio h3,
.creator-details h3 {
  font-size: 20px;
  font-weight: 500;
}
.prompt-pack-layout,
.product-description-wrap {
  border: 1px solid #2a0650;
  border-radius: 10px;
  background-color: #010617;
  padding: 22px;
}
.prompt-inputs.row {
  color: white;
  font-weight: 300;
  font-size: 14px;
}
.product-description h3,
.product-description h4,
.product-description-wrap h4 {
  color: var(--color-primary);
  font-size: 16px;
  font-family: var(--font-primary);
}
.product-description p {
  font-weight: 300;
  margin-bottom: 23px;
}
.product-description li {
  margin-bottom: 8px;
}
.product-description ul {
  margin-left: 25px;
}
.included-box h5 {
  font-size: 16px;
  font-weight: 700 "";
}
.included-box p {
  font-weight: 300;
  margin-bottom: 0;
  font-size: 13px;
}
.included-boxes.row {
  row-gap: 20px;
  margin-top: 19px;
}
.included-box {
  background-color: #100f27;
  padding: 12px;
  border-radius: 8px;
  height: 100%;
}
.included-pack {
  margin-top: 29px;
}
.included-bottom p {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}
h2.product-title {
  font-weight: 700;
  font-size: 30px;
}
h3.product-subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.price-cart {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.woocommerce div.product form.cart div.quantity {
  float: left;
  margin: 0 4px 0 0;
  display: none;
}
.product-add-to-cart button.single_add_to_cart_button.button.alt {
  background: linear-gradient(
    345.75deg,
    var(--color-secondary) 11.29%,
    var(--color-primary) 91.12%
  );
  color: white;
  border: 1px solid #ffffff;
  border-radius: 10px;
  font-weight: 600;
  padding: 10px 12px;
  width: 100%;
  display: block;
}
.product-add-to-cart {
  width: 56%;
}
.product-add-to-cart button.single_add_to_cart_button.button.alt:hover {
  background: white;
  color: black;
  border-color: white;
}
.woocommerce div.product form.cart {
  margin-bottom: 0;
}
.product-features {
  border-top: 1px solid #ffffff66;
  margin-top: 44px;
  padding-top: 44px;
}
.product-headings {
  background-color: #100f27;
  padding: 20px;
  border-radius: 8px;
}
.custom-product-page .creator-details {
  margin-top: 14px;
  background-color: #100f27;
  padding: 20px;
  border-radius: 8px;
}
.product-creator-card h4.creator-name {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 700;
}
.product-creator-card p.creator-role {
  margin: 0;
  margin-left: 20px;
}
.product-creator-card p.creator-expertise {
  margin-top: 11px;
  font-size: 16px;
}
.creator-records span.record-number {
  font-weight: 700;
  font-size: 24px;
  display: block;
}
.creator-records span.record-title {
  font-size: 14px;
}
.record-block {
  position: relative;
  text-align: center;
}
.record-block:after {
  content: "";
  border-left: 1px solid #ffffff66;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.product-tags-wrap {
  border-top: 1px solid #ffffff66;
  margin-top: 15px;
  padding-top: 25px;
}
.product-tags a {
  background-color: #010617;
  padding: 6px 12px;
  border-radius: 10px;
  border: 1px solid #505ff94d;
  color: white;
  font-size: 14px;
  margin-right: 11px;
  margin-bottom: 6px;
  display: inline-block;
}
.product-tags a:hover {
  background-color: var(--color-primary);
  color: white;
  border-color: var(--color-primary);
}
/* #reviews-popup {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
} */
.fancybox-content {
  background-color: #010617 !important;
  padding: 0;
}
.reviews-popup-content {
  max-height: 70vh; /* limit height to viewport */
  overflow-y: auto; /* enable vertical scroll inside */
  padding: 20px;
  background: #fff;
}

.reviews-popup-content {
  background: #100f27;
  padding: 20px;
  max-width: 600px;
  width: 100%;
  border-radius: 6px;
  overflow-y: auto;
  max-height: 80vh;
  margin: 0 auto;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  #reviews
  #comments
  ol.commentlist
  li
  .meta {
  color: white;
  font-size: 0.75em;
}
.woocommerce .reviews-popup-content .star-rating {
  width: 8.4em;
}
.woocommerce #review_form #respond .form-submit input {
  left: auto;
  background: linear-gradient(
    254.23deg,
    rgba(150, 63, 240, 0.7) 34.46%,
    rgba(80, 95, 249, 0.7) 97.99%
  );
  border-radius: 8px;
  padding: 10px 21px;
}
button.close-reviews-popup {
  display: none;
}
.bottom-link a {
  color: var(--color-primary);
  text-decoration: underline;
  margin-right: 19px;
}
.bottom-link {
  margin-top: 15%;
  margin-bottom: 21px;
}
.preview-output-wrap {
  margin-top: 5%;
  padding: 60px 0;
}
.custom-boxes-section h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}
.custom-box {
  background-color: #100f27;
  border-radius: 8px;
}
.custom-box-inner {
  padding: 20px;
}
.custom-box span.box-number {
  height: 50px;
  width: 50px;
  border-radius: 8px;
  background-color: white;
  background: radial-gradient(
    50% 50% at 50% 50%,
    var(--color-primary) 66.87%,
    var(--color-secondary) 100%
  );
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  border: 1px solid #ffffff4d;
}
.owl-carousel .owl-item .custom-box img {
  width: auto !important;
  margin: 24px auto;
}
.custom-box p {
  font-size: 17px;
}
.customm-box-link {
  border-top: 1px solid #963ff080;
  padding: 19px;
  margin-top: 17px;
  text-align: center;
}
.customm-box-link a {
  color: var(--color-primary);
  position: relative;
}
.customm-box-link a:after {
  bottom: 0;
  color: "";
  content: "";
  background-color: var(--color-primary);
  width: 100%;
  height: 1px;
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
}
.single-preview-box p.tagline {
  font-size: 18px;
}
.single-preview-box ul.box-list {
  margin-left: 29px;
}
.info-box p.info-box-text {
  background-color: #010617;
  padding: 46px;
  margin-bottom: 30px;
  margin-top: 30px;
  border-radius: 8px;
}

.custom-product-page .icon-image {
  width: 100% !important;
  background-color: transparent;
  display: block;
  text-align: center;
  height: auto !important;
  border: none;
}
.record-block:last-child:after {
  border: none;
}
.wc-block-components-form .wc-block-components-text-input input[type="email"],
.wc-block-components-form .wc-block-components-text-input input[type="number"],
.wc-block-components-form
  .wc-block-components-text-input
  input[type="password"],
.wc-block-components-form .wc-block-components-text-input input[type="tel"],
.wc-block-components-form .wc-block-components-text-input input[type="text"],
.wc-block-components-form .wc-block-components-text-input input[type="url"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-text-input input[type="password"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="url"],
.wc-blocks-components-select .wc-blocks-components-select__select {
  background-color: transparent;
  border: 1px solid;
  color: white;
}
.wc-blocks-components-select .wc-blocks-components-select__container {
  background: transparent;
}

li.popular-categories {
  width: 24% !important;
  display: inline-block;
  padding: 9px !important;
  float: none !important;
  margin: 0 !important;
  margin-bottom: 9px !important;
}
.platform-item {
  padding: 10px 15px;
  border: 1px solid #963ff04d;
  border-radius: 8px;
  background: #100f27;
  display: inline-block;
}
.platform-item img.platform-thumb {
  width: 28px !important;
  height: auto;
  display: inline-block;
  margin-right: 6px;
}

#scrollToTopBtn {
  width: 60px;
  height: 60px;
  z-index: 999;
  border-radius: 60px;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    opacity 0.4s ease,
    visibility 0.2s ease;
  border: unset;
  padding: 0;
  background: var(--color-primary);
}

#copyright-top-button.show {
  opacity: 1;
  visibility: visible;
}

#scrollToTopBtn:hover {
  border-color: transparent;
  color: white;
}

.copyright-top-button {
  position: fixed;
  right: 40px;
  bottom: 40px;
  text-align: -webkit-right;
  z-index: 99;
  background: #ff6600;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  padding: 0;
  opacity: 0;
  visibility: hidden;
}

.copyright-top-button button i {
  color: #fff;
  z-index: 9;
  position: relative;
}

.copyright-top-button:hover button i {
  color: #022446;
  transform: translate(0px, -2px);
  transition: 0.4s ease-in;
}
div.shop,
.custom-product-page {
  padding: 3em 0;
  padding-top: 0;
}
.wc-block-components-text-input input[type="text"]:focus {
  background: unset;
  color: white;
}
.wc-block-components-order-summary
  .wc-block-components-order-summary-item__quantity
  span {
  color: black;
}

/*-------------- Career page contact form ----------------------*/

.career-contact-form .cf7-row {
  display: flex;
  flex-wrap: wrap;
}
.career-contact-form .cf7-col {
  flex: 1 1 50%;
  padding: 10px;
  box-sizing: border-box;
}
.career-contact-form .cf7-col-full {
  flex: 1 1 100%;
  padding: 10px;
}

.bg-fixed {
  background-attachment: fixed !important;
}
.bg-scroll {
  background-attachment: scroll !important;
}

.prompt-card .flex-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}

.prompt-card .flex-col {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.prompt-card .flex-col-large {
  flex: 3;
  position: relative;
}
.flex-col:after {
  content: "";
  border: 1px solid #ffffff33;
  width: 1px;
  height: 93%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.flex-col:last-child:after {
  visibility: hidden;
}
/*----------- Woocommerce my account page ----------------*/
li.woocommerce-MyAccount-navigation-link {
  list-style: none;
}
li.woocommerce-MyAccount-navigation-link a {
  padding: 11px 10px;
  display: block;
  background-color: #100f27;
  color: white;
  border-radius: 10px;
  margin-bottom: 10px;
  text-align: center;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active
  a,
li.woocommerce-MyAccount-navigation-link a:hover {
  background-color: var(--color-primary);
}
.woocommerce-MyAccount-content a,
.woocommerce-form-login a {
  color: var(--color-primary);
}
.woocommerce-account .addresses .title .edit {
  /* float: right; */
  float: none;
}
form.woocommerce-form.woocommerce-form-login.login {
  max-width: 41%;
  margin: 0 auto;
}
#customer_login form.woocommerce-form.woocommerce-form-login.login {
  max-width: 100%;
}
.woocommerce-account h2 {
  text-align: center;
  margin-bottom: 24px;
}
.woocommerce form.login,
.woocommerce form.register {
  margin: 0em 0;
}
.all-creators-page .row {
  row-gap: 20px;
}
.all-creators-page .creator-photo {
  text-align: center;
}
input[type="file"] {
  cursor: pointer; /* show pointer hand */
}

input[type="file"]::-webkit-file-upload-button {
  cursor: pointer; /* Chrome/Safari */
}

input[type="file"]::file-selector-button {
  cursor: pointer; /* Firefox/Edge */
}
