@charset "UTF-8";
@import "tailwind-output.css";
:root {
  --step--2: clamp(0.5002rem, 0.75rem + -0.2776vi, 0.6944rem);
  --step--1: clamp(0.7072rem, 0.8694rem + -0.1802vi, 0.8333rem);
  --step-0: clamp(1rem, 1rem + 0vi, 1rem);
  --step-1: clamp(1.2rem, 1.1389rem + 0.3057vi, 1.414rem);
  --step-2: clamp(1.44rem, 1.2802rem + 0.7991vi, 1.9994rem);
  --step-3: clamp(1.728rem, 1.414rem + 1.5702vi, 2.8271rem);
  --step-4: clamp(2.0736rem, 1.5239rem + 2.7485vi, 3.9976rem);
  --step-5: clamp(2.4883rem, 1.5842rem + 4.5204vi, 5.6526rem);
}

hr {
  height: 2px;
  margin: 0;
  position: relative;
}

body a {
  text-underline-offset: 3px;
}

strong {
  font-weight: 600;
}

body {
  line-height: 1.4;
}

h1,
.h1 {
  font-size: 2.48832rem;
  margin-bottom: 0.401877572rem;
  line-height: 1.12;
  color: #151515;
  letter-spacing: 0.5px;
}
@media (min-width: 40em) and (max-width: 80em) {
  h1,
  .h1 {
    font-size: calc(2.48832rem + 3.1642642918 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h1,
  .h1 {
    font-size: 5.6525842918rem;
  }
}
@media (min-width: 40em) and (max-width: 80em) {
  h1,
  .h1 {
    margin-bottom: calc(0.401877572rem + -0.2249673397 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h1,
  .h1 {
    margin-bottom: 0.1769102323rem;
  }
}

h2,
.h2 {
  font-size: 1.9993495763rem;
  margin-bottom: 0.5001626588rem;
  line-height: 1.2;
  color: #151515;
}
@media (min-width: 40em) and (max-width: 80em) {
  h2,
  .h2 {
    font-size: calc(1.9993495763rem + 1.7306411836 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h2,
  .h2 {
    font-size: 3.7299907599rem;
  }
}
@media (min-width: 40em) and (max-width: 80em) {
  h2,
  .h2 {
    margin-bottom: calc(0.5001626588rem + -0.2320654799 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h2,
  .h2 {
    margin-bottom: 0.2680971789rem;
  }
}

h3,
.h3 {
  font-size: 1.728rem;
  margin-bottom: 0.5787037037rem;
  line-height: 1.5;
  color: #151515;
}
@media (min-width: 40em) and (max-width: 80em) {
  h3,
  .h3 {
    font-size: calc(1.728rem + 1.099145944 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h3,
  .h3 {
    font-size: 2.827145944rem;
  }
}
@media (min-width: 40em) and (max-width: 80em) {
  h3,
  .h3 {
    margin-bottom: calc(0.5787037037rem + -0.2249900929 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h3,
  .h3 {
    margin-bottom: 0.3537136108rem;
  }
}

h4,
.h4 {
  font-size: 1.44rem;
  margin-bottom: 0.6944444444rem;
  line-height: 1.5;
  color: #151515;
}
@media (min-width: 40em) and (max-width: 80em) {
  h4,
  .h4 {
    font-size: calc(1.44rem + 0.559396 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h4,
  .h4 {
    font-size: 1.999396rem;
  }
}
@media (min-width: 40em) and (max-width: 80em) {
  h4,
  .h4 {
    margin-bottom: calc(0.6944444444rem + -0.1942933988 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h4,
  .h4 {
    margin-bottom: 0.5001510456rem;
  }
}

h5,
.h5 {
  font-size: 1.2rem;
  margin-bottom: 0.8333333333rem;
  line-height: 1.4;
  color: #151515;
  letter-spacing: 0.5px;
}
@media (min-width: 40em) and (max-width: 80em) {
  h5,
  .h5 {
    font-size: calc(1.2rem + 0.214 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h5,
  .h5 {
    font-size: 1.414rem;
  }
}
@media (min-width: 40em) and (max-width: 80em) {
  h5,
  .h5 {
    margin-bottom: calc(0.8333333333rem + -0.1261197548 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h5,
  .h5 {
    margin-bottom: 0.7072135785rem;
  }
}

h6,
.h6 {
  font-size: 1.095445115rem;
  line-height: 1.5;
}
@media (min-width: 40em) and (max-width: 80em) {
  h6,
  .h6 {
    font-size: calc(1.095445115rem + 0.0936722047 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h6,
  .h6 {
    font-size: 1.1891173197rem;
  }
}

.hero-section-button,
.single_add_to_cart_button {
  font-size: 1.2rem;
}
@media (min-width: 40em) and (max-width: 80em) {
  .hero-section-button,
  .single_add_to_cart_button {
    font-size: calc(1.2rem + 0.214 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  .hero-section-button,
  .single_add_to_cart_button {
    font-size: 1.414rem;
  }
}

.blog-filters-ajax-001__tab {
  font-size: 1.2rem;
  color: #151515;
}
@media (min-width: 40em) and (max-width: 80em) {
  .blog-filters-ajax-001__tab {
    font-size: calc(1.2rem + 0.214 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  .blog-filters-ajax-001__tab {
    font-size: 1.414rem;
  }
}

.post-card__heading {
  color: #151515;
}

h5.button,
.wp-block-button,
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
  font-size: 1.2rem;
  margin: 1rem 0 1rem 0;
  transition: 200ms all;
}
@media (min-width: 40em) and (max-width: 80em) {
  h5.button,
  .wp-block-button,
  .wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
    font-size: calc(1.2rem + 0.214 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  h5.button,
  .wp-block-button,
  .wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
    font-size: 1.414rem;
  }
}
h5.button a,
.wp-block-button a,
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit a {
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  text-decoration: none;
  transition: 200ms all;
  padding: 0.75rem 2rem;
  border-radius: 50px;
  background: #151515;
  cursor: pointer;
}
h5.button a:hover,
.wp-block-button a:hover,
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit a:hover {
  transition: 200ms all;
}
h5.button.is-style-outline a,
.wp-block-button.is-style-outline a,
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit.is-style-outline a {
  padding: 0.75rem 2rem;
}
h5.button.is-style-outline a:hover,
.wp-block-button.is-style-outline a:hover,
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit.is-style-outline a:hover {
  color: white !important;
  background-color: #151515;
  transition: 200ms all;
  border: 1px solid #151515;
}

h5.button.ghost a {
  background-color: white !important;
  color: #151515 !important;
  border: 1px solid #151515;
}
h5.button.ghost a:hover {
  color: white !important;
  background-color: #151515 !important;
  transition: 200ms all;
}

.wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
  color: white;
  line-height: 25px;
  transition: 200ms all;
  padding: 0.6rem 2rem;
  border-radius: 50px;
  border: 1px solid #151515;
  background: #151515;
  cursor: pointer;
  font-size: 1.2rem;
}
@media (min-width: 40em) and (max-width: 80em) {
  .wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
    font-size: calc(1.2rem + 0.214 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  .wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
    font-size: 1.414rem;
  }
}

.product-details li {
  font-size: 1.2rem;
}
@media (min-width: 40em) and (max-width: 80em) {
  .product-details li {
    font-size: calc(1.2rem + 0.214 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  .product-details li {
    font-size: 1.414rem;
  }
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  font-size: 1.2rem;
  line-height: 1.4;
}
@media (min-width: 40em) and (max-width: 80em) {
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    font-size: calc(1.2rem + 0.214 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    font-size: 1.414rem;
  }
}

.woocommerce div.product p.price,
.woocommerce div.single-product p.price,
.woocommerce div.product span.price {
  font-size: 1.44rem;
}
@media (min-width: 40em) and (max-width: 80em) {
  .woocommerce div.product p.price,
  .woocommerce div.single-product p.price,
  .woocommerce div.product span.price {
    font-size: calc(1.44rem + 0.559396 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  .woocommerce div.product p.price,
  .woocommerce div.single-product p.price,
  .woocommerce div.product span.price {
    font-size: 1.999396rem;
  }
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  font-weight: 400;
}

/***************
LAYOUT
**************/
body {
  --wp--style--global--wide-size: 1440px;
}

#how-it-works,
#what-you-get,
#pricing,
#question,
#process {
  scroll-margin-top: 100px;
  scroll-padding-top: 100px;
  overflow: initial !important;
}

.section_heading {
  margin: 0 0 4rem 0;
}

/***************
HEADER
**************/
.header {
  position: fixed;
  z-index: 100;
  top: 0;
  width: 100%;
}
.header.active {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.header .header__menu {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}
.header .menu-main-container ul li a {
  padding: 0.5rem 0 0 0;
}

@media screen and (max-width: 768px) {
  .header {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.site .header .menu-main-container .buy-button {
  background: #151515;
  color: white;
  transition: 200ms all;
  line-height: 27px;
}
.site .header .menu-main-container .buy-button a, .site .header .menu-main-container .buy-button.current-menu-item a {
  padding: 0.6rem 2rem !important;
  text-decoration: none;
  transition: 200ms all;
  margin: 0;
  border-radius: 50px;
  border: 1px solid white;
}
.site .header .menu-main-container .buy-button:hover a {
  color: #151515 !important;
  background-color: white;
  transition: 200ms all;
}
.site .header .menu-main-container .buy-button:hover a::after {
  display: none;
}

.header__menu > li:last-child.buy-button a {
  padding-right: 2rem !important;
}

@media screen and (max-width: 850px) {
  .header .cart-icon-menu {
    margin-right: 3rem;
  }
  .header .cart-icon-menu .cart-icon svg {
    width: 30px;
    height: 30px;
  }
}
@media screen and (min-width: 851px) {
  .header__mobile-button {
    display: none;
  }
  .header__brand {
    margin-top: -0.5rem;
  }
  .menu-main-container.header__main-menu- {
    display: block;
  }
}
.mobile-menu.full-width .mobile-menu__menu .mobile-menu__item {
  text-align: left;
  margin: 0;
  padding: 0;
  max-width: unset;
}

.mobile-menu.bg-white,
.mobile-menu__logo-wrap.bg-white {
  background-color: #0a0a0a;
}

/***************
BACKGROUNDS
**************/
.wp-block-group.blue-gradient {
  background-color: #151515 !important;
}
.wp-block-group.blue-gradient h1,
.wp-block-group.blue-gradient h2,
.wp-block-group.blue-gradient h3,
.wp-block-group.blue-gradient h4,
.wp-block-group.blue-gradient h5,
.wp-block-group.blue-gradient p,
.wp-block-group.blue-gradient li {
  color: white;
}
.wp-block-group.blue-gradient .wp-block-button.is-style-outline {
  color: white;
  border-color: white;
}
.wp-block-group.blue-gradient .wp-block-button.is-style-outline a:hover {
  background-color: white;
  color: #151515 !important;
  border-color: white;
}
.wp-block-group.blue-gradient .wp-block-button.is-style-fill a {
  color: #151515;
  border-color: white;
  background-color: white;
}
.wp-block-group.blue-gradient .wp-block-button.is-style-fill a:hover {
  background-color: #151515;
  color: white !important;
  border-color: white;
}

.wp-block-group.blue-gradient .wp-block-columns h1,
.wp-block-group.blue-gradient .wp-block-columns h2,
.wp-block-group.blue-gradient .wp-block-columns h3,
.wp-block-group.blue-gradient .wp-block-columns h4,
.wp-block-group.blue-gradient .wp-block-columns h5,
.wp-block-group.blue-gradient .wp-block-columns p,
.wp-block-group.blue-gradient .wp-block-columns li {
  color: #151515;
}

/***************
HOMEPAGE
**************/
.home {
  background-color: #151515;
}
.home .content-area {
  padding-top: 0;
  padding-bottom: 0;
}
.home .entry-content > .wp-block-group {
  position: relative;
  background: white;
}
.home footer {
  position: relative;
}
.home .blury-gradient {
  background: linear-gradient(0deg, #151515 0%, rgba(255, 255, 255, 0) 100%) !important;
  height: 100px;
  z-index: 0;
}
.home .hide-phone {
  display: none;
}
.home .show-phone {
  display: block;
}
.home .mobile-hero-text {
  max-inline-size: 39ch;
  margin: 0 auto;
  padding-block: 2rem;
  clear: both;
}

.hero-section {
  padding: 3rem 0 3rem 0;
  background-color: #151515;
}
.hero-section .hero-text {
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}
.hero-section h1 {
  margin: 0 0 2rem 0;
  max-inline-size: 18ch;
}
.hero-section .hero-section-text {
  margin: 0 0 3rem 0;
  max-inline-size: 44ch;
}
.hero-section .wp-block-button {
  margin: 0;
  float: left;
}

.under-hero {
  position: relative;
  background: #151515;
  z-index: 1;
  width: 100%;
}
.under-hero img {
  max-width: 400px;
  float: right;
}

@media screen and (min-width: 60rem) {
  .home .wp-block-group.hero-section {
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
  }
  .hero-section {
    padding: 9rem 0 4rem 0;
  }
  .hero-section .wp-block-button {
    margin-right: 1rem;
    float: left;
  }
  .under-hero {
    position: relative;
    margin-top: 380px;
    margin-bottom: -100px;
    background: transparent;
    max-width: 432px;
    margin-left: 54%;
    z-index: 1;
  }
  .under-hero img {
    max-width: unset;
    float: none;
  }
  .home .hide-phone {
    display: block;
  }
  .home .show-phone {
    display: none;
  }
}
@media screen and (min-width: 80rem) {
  .hero-section {
    padding: 10rem 0 4rem 0;
  }
  .hero-section .wp-block-columns {
    gap: 0;
  }
  .hero-section h1 {
    margin: 0 0 3rem 0;
  }
}
.slider-group {
  padding: 6rem 0 0 0;
  background-color: #151515;
}

.carousel {
  max-width: 100%;
  border: 1px solid #151515;
  border-radius: 5px;
}
.carousel .slide {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.carousel .slide .mobile {
  display: none;
  border-radius: 5px;
}
.carousel .slide .desktop {
  width: 100%;
  margin: 0 auto;
}

.home .carousel {
  max-width: 100%;
}
.home .carousel ul {
  margin-bottom: 4rem;
}
.home .carousel .slide .desktop {
  border-radius: 5px;
}

@media screen and (min-width: 1150px) {
  .home .carousel {
    max-width: 100%;
    padding: 1rem 0 3rem 0;
  }
}
@media screen and (min-width: 781px) {
  .carousel > div {
    max-width: 64rem;
  }
  .carousel .arrow-next-wrapper {
    right: 0;
  }
  .carousel .arrow-prev-wrapper {
    left: 0;
  }
  .carousel .arrow-prev-wrapper,
  .carousel .arrow-next-wrapper {
    z-index: 30;
    background-color: transparent;
    border-radius: 50%;
  }
  .carousel .slide {
    max-width: 100%;
    top: 0;
    left: 0;
    transform: none;
  }
  .carousel .slide .mobile {
    width: 20%;
    display: block;
  }
  .home .carousel .slide .desktop {
    width: 75%;
  }
}
.view-looks-button {
  margin-top: 3rem;
}

@media screen and (max-width: 600px) {
  .slider-group {
    padding: 4rem 1rem 3rem 1rem !important;
  }
  .carousel .arrow-prev-wrapper,
  .carousel .arrow-next-wrapper {
    position: relative;
    background-color: transparent;
    width: 50%;
    float: left;
    margin: 1.5rem 0 1rem 0;
  }
  .carousel .slide {
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .carousel .slide .mobile {
    width: 100%;
    margin: 0 auto;
  }
}
.home-section {
  padding: 4rem 0 5rem 0;
}

.how-it-works .wp-block-columns {
  gap: 3.5rem;
}

.what-will-you-get {
  padding: 4rem 0 5rem 0;
}
.what-will-you-get h2 {
  margin: 0 0 3rem 0;
}
@media (max-width: 781px) {
  .what-will-you-get .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: calc(50% - 1rem) !important;
  }
}
.what-will-you-get .wp-block-image img {
  padding: 1.5rem 0;
  width: 50%;
}
.what-will-you-get .wp-block-image.first img {
  width: 67%;
}

.post-card__heading {
  color: #151515;
}

.pricing h2 {
  margin: 0 0 2rem 0;
}
.pricing .pricing-text {
  max-width: 550px;
  color: #fff;
}
.pricing .pricing-text strong {
  font-weight: inherit;
}
.pricing .pricing-columns {
  margin: 6.4vw 0;
}
.pricing .pricing-columns .wp-block-column {
  background-color: white;
  border-radius: 5px;
  border: 1px solid white;
  transition: 200ms all;
}
.pricing .pricing-columns .wp-block-column h4,
.pricing .pricing-columns .wp-block-column h5 {
  color: #151515;
}
.pricing .pricing-columns .wp-block-column > a {
  padding: 2rem 2rem;
  display: block;
  float: left;
  text-decoration: none;
}
.pricing .pricing-columns .wp-block-column h4.price {
  float: left;
  margin: 1.6vw 0 1.6vw 0;
}
.pricing .pricing-columns .wp-block-column h5.price-button {
  float: right;
  margin: 1rem;
  cursor: pointer;
  transition: 200ms all;
  width: -moz-fit-content;
  width: fit-content;
  color: white;
  transition: 200ms all;
  padding: 0.6rem 2rem;
  border-radius: 50px;
  border: 1px solid #151515;
  background: #151515;
}
.pricing .pricing-columns .wp-block-column h5.price-button a {
  color: white;
  text-decoration: none !important;
}
.pricing .pricing-columns .wp-block-column p {
  margin: 3.2vw 0;
}
.pricing .pricing-columns .wp-block-column:hover {
  background-color: #151515;
  border: 1px solid white;
  transition: 200ms all;
}
.pricing .pricing-columns .wp-block-column:hover h4,
.pricing .pricing-columns .wp-block-column:hover h5 {
  color: white;
}
.pricing .pricing-columns .wp-block-column:hover h5.price-button {
  background-color: white;
}
.pricing .pricing-columns .wp-block-column:hover h5.price-button a {
  color: #151515 !important;
}

.happy-customers img:hover {
  border-color: #151515 !important;
}
.happy-customers .wp-block-column p {
  margin-block-start: 0rem;
}

@media screen and (min-width: 992px) {
  .pricing .pricing-columns {
    margin: 4rem 0;
  }
  .pricing .pricing-columns .wp-block-column > a {
    padding: 3rem 3rem;
    display: block;
    float: left;
  }
  .pricing .pricing-columns .wp-block-column h5 {
    max-width: 80%;
    margin: 1rem 0 1.5rem 0;
  }
  .pricing .pricing-columns .wp-block-column h4.price {
    width: 40%;
    float: left;
    margin: 2.5rem 0 1rem 0;
  }
  .pricing .pricing-columns .wp-block-column h5.price-button {
    margin: 3.1rem 0 1rem 0;
  }
  .pricing .pricing-columns .wp-block-column p {
    margin: 2rem 0;
  }
}
@media screen and (max-width: 410px) {
  .pricing .pricing-columns .wp-block-column h5.price-button {
    width: 100%;
    text-align: center;
    float: left;
    margin: 1rem 0;
  }
}
/***************
faq accordion
**************/
.accordions-inner .faq-heading {
  margin-left: 0 !important;
  margin-bottom: 1.5rem;
}

.accordions-inner {
  margin: 0;
  position: relative;
}
.accordions-inner .accordion-heading {
  color: #151515 !important;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: left;
  margin-left: 0;
  cursor: pointer;
  border: 1px solid #151515;
  padding: 1rem 2rem;
  border-radius: 100px;
}
.accordions-inner .accordion-heading::after {
  content: "  ➝";
  display: inline-block;
  margin-left: 1rem;
  color: inherit;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in;
}
.accordions-inner .accordion-heading:hover {
  background-color: #151515;
  color: white !important;
}
.accordions-inner .answer {
  color: #151515 !important;
  max-height: 0;
  transition: all 0.3s ease-out;
  overflow: hidden;
  margin: 0 0 0 2rem !important;
}
.accordions-inner.active .answer {
  margin: 0 0 2rem 2rem !important;
  max-height: 500px;
  transition: max-height 0.3s ease-in;
}
.accordions-inner.active .accordion-heading::after {
  transform: rotate(90deg);
}

@media screen and (max-width: 476px) {
  .accordions-inner .accordion-heading::after {
    display: none;
  }
}
/***************
Looks page
**************/
.posts-ajax.grid {
  max-width: 1240px;
  margin: 0 auto;
}

.posts-ajax__tab.checked {
  color: #151515 !important;
}

h5.looks-button {
  margin: 0;
}

.posts-ajax__row {
  justify-content: center;
  padding-bottom: 1rem;
}
.posts-ajax__row .posts-ajax__tab:hover {
  color: #151515;
}

.post-card .post-card__image {
  border: 1px solid #151515;
  border-radius: 5px;
}
.post-card .post-card__heading {
  color: #151515;
}
.post-card:hover .post-card__heading {
  color: #151515;
}
.post-card:hover .post-card__image {
  border: 1px solid #151515;
  border-radius: 5px;
}

/***************
Product  page
**************/
.product-description {
  max-inline-size: 50ch;
}

.m-0 .wp-element-button {
  margin-bottom: 0 !important;
}

.process-columns {
  margin: 4.8vw 0;
}
.process-columns .wp-block-column {
  background-color: white;
  border-radius: 5px;
  padding: 4.8vw 4.8vw;
}

@media screen and (min-width: 992px) {
  .process-columns {
    margin: 4rem 0;
  }
  .process-columns .wp-block-column {
    padding: 2rem 2rem;
  }
}
.accordions-inner.last-question h5.accordion-heading {
  margin-left: auto;
}
.accordions-inner.last-question h5.accordion-heading:hover {
  border-color: white;
}
.accordions-inner.last-question.active .answer {
  padding: 3.2vw 3.2vw;
  margin: 0 0 2rem 0 !important;
  border-radius: 5px;
}

.wpcf7-form-control-wrap textarea {
  resize: none;
}

iframe.tidycal-embed div.w-100 {
  display: none !important;
}

.wp-block-contact-form-7-contact-form-selector input,
.wp-block-contact-form-7-contact-form-selector textarea {
  max-width: 700px;
}

.wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.grecaptcha-badge {
  visibility: hidden;
}

.wpcf7-form span.google {
  font-size: 9px;
  padding: 5px;
  color: #b4b4b4;
}
.wpcf7-form span.google a {
  color: #b4b4b4;
}

@media screen and (max-width: 781px) {
  .about-me-columns {
    flex-direction: column-reverse;
  }
}
.about-me-list li {
  font-size: 1.2rem;
}
@media (min-width: 40em) and (max-width: 80em) {
  .about-me-list li {
    font-size: calc(1.2rem + 0.214 * (100vw - 40em) / 40);
  }
}
@media (min-width: 80em) {
  .about-me-list li {
    font-size: 1.414rem;
  }
}

.pswp__top-bar,
.pswp__caption {
  background-color: transparent;
}

footer {
  background-color: #151515;
}
footer a {
  text-decoration: none !important;
}

/* //slider */
.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.left-0 {
  left: 0px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mr-4 {
  margin-right: 3rem;
}

.flex {
  display: flex;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-screen {
  height: 100vh;
}

.overflow-hidden {
  overflow: hidden;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.carousel {
  position: relative;
}

.opacity-0 {
  opacity: 0;
}

.carousel ul {
  padding: 0;
  list-style: none;
}

.slide {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  /* transition-delay: 200ms; */
}
.slide a.slide-text-link {
  z-index: -1;
  opacity: 0;
  transition: 1s opacity;
  margin: 0.5rem 0;
  display: block;
}
.slide a.slide-text-link:hover {
  color: white !important;
  text-decoration: underline !important;
}
.slide[data-active] {
  z-index: 10;
}
.slide[data-active] a.slide-text-link {
  z-index: 100;
  opacity: 1;
  transition: 1s opacity;
}
.slide a {
  color: white !important;
}

.slide img {
  width: 100%;
  height: auto;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  border-radius: 5px;
}

.z-index {
  opacity: 0;
}

.slide[data-active] img {
  transform: translateX(0%) translateZ(0);
  transition: 1.5s all cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 100;
  opacity: 1;
}

.slide.previous img {
  transform: translateX(-100%) translateZ(0);
  transition: 1.5s all cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 90;
  opacity: 1;
}

.slide.next img {
  transform: translateX(100%) translateZ(0);
  transition: 1.5s all cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 90;
  opacity: 1;
}

.arrow-prev-wrapper,
.arrow-next-wrapper {
  position: absolute;
  top: 30%;
}

.arrow-prev-wrapper {
  left: 1rem;
}

.arrow-next-wrapper {
  right: 1rem;
  rotate: 180deg;
}

.arrow {
  position: relative;
  width: 60px;
  height: 60px;
  cursor: pointer;
  transition: 0.5s;
  overflow: hidden;
  border: solid 2px transparent;
  border-radius: 50%;
  padding-left: 5px;
  background-color: #151515;
}

.arrow:hover {
  /* animation:borderAni 5s cubic-bezier(0, 0.6, 1, 0.4); */
  border: solid 2px white;
  border-radius: 50%;
}

.arrow:after {
  position: absolute;
  display: block;
  content: "";
  color: white;
  width: 21px;
  height: 30px;
  /* border: solid 1px; */
  top: -1px;
  border-bottom: solid 2px;
  transform: translatex(4px);
  left: 13px;
}

.arrow:before {
  position: absolute;
  display: block;
  content: "";
  color: white;
  width: 14px;
  height: 14px;
  /*   border:solid 1px;  */
  border-top: solid 2px;
  border-left: solid 2px;
  top: 50%;
  left: 14px;
  transform-origin: 0% 0%;
  transform: rotatez(-45deg);
}

.arrow:hover:before {
  animation: aniArrow01 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

.arrow:hover:after {
  animation: aniArrow02 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

@keyframes aniArrow01 {
  0% {
    transform: rotatez(-45deg) translateY(35px) translateX(30px);
    top: 24px;
    /* left: 12px; */
  }
  100% {
    transform: rotatez(-45deg) translateY(-35px) translateX(-40px);
    top: 24px;
    /* left: 15px; */
  }
}
@keyframes aniArrow02 {
  0% {
    transform: translateX(45px);
  }
  100% {
    transform: translateX(-45px);
  }
}
@keyframes borderAni {
  0% {
    border: solid 2px white;
  }
  100% {
    border: solid 2px white;
    border-radius: 50%;
  }
}/*# sourceMappingURL=main.css.map */