/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!./assets/styles/app.css ***!
  \**************************************************************************************************************/

/**
 * Global
 **/

 html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  font-family: Manjari;
}

body {
  margin: 0;
  padding: 0;
  color: #463F48;
  background-color: #ffffff;
  font-family: Poppins;
  letter-spacing: 1px;
}

i {
  vertical-align: middle;
}

#loading {
  background: none repeat scroll 0 0 #ffffff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  margin: auto;
  width: 100%;
  z-index: 9999;
}

#loading #loading-inner {
  background-image: url("../images/Anim_logo_1.gif");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  height: 100px;
  width: 100px;
  margin-top: -30px;
  margin-left: -30px;
  left: 50%;
  top: 50%;
  position: absolute;
}

#mobile-nav {
  transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

#mobile-nav.open {
  max-height: 25%;
  opacity: 1;
}

.section-form {
  border-radius: 0.5rem;
}

/** End Global **/

/**
  * Checkout Page
  **/
#registrationForm,
#title-registration {
  transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

#title-registration.open {
  display: block;
  opacity: 1;
  max-height: fit-content;
}

#registrationForm.open {
  max-height: 100%;
  opacity: 1;
}

#registrationForm {
  background-image: url('../images/upper-fade.svg');
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.5rem 0.5rem 0 0;
}

/* #registrationForm > section {
  --tw-bg-opacity: 0.7;
  background-color: rgb(154 111 197 / var(--tw-bg-opacity));
  box-shadow: 0px 0px 15px 1px #9A6FC5;
} */

#registrationForm > section > section > div > div > input {
/* #registrationForm > section,
#registrationForm { */
  /* display: flex;
  flex-wrap: wrap;
  justify-content: space-between; */
  border-radius: 0.5rem;
}

#registrationForm > div {
  max-width: fit-content;
  margin: auto;
}

#registration_form_plainPassword_first,
#registration_form_plainPassword_second {
  color: black;
}
/** End Checkout **/

/**
 * Background + Image Index Page
 **/

#section-1>div:nth-of-type(3)>div {
  background-color: rgb(255 255 255 / 70%);
  padding: 0px 16px 16px 16px;
  border-radius: 10px;
  margin: 10px;
  margin-top: 10%;
}

.bg-wave {
  background-image: url('../images/hero-wave_deg.svg');
  top: -15%;
}

.bg-3 {
  right: 0;
  height: 660px;
  position: absolute;
  z-index: -9;
  top: 2250px;
}

.bg-left {
  left: 0;
  height: 750px;
  position: absolute;
  z-index: -9;
  top: -250px;
}

.bg-4 {
  background-image: url('../images/meteore2.svg'), linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6));
  background-blend-mode: overlay;
  background-position: top 50px center;
}

.bg-5 {
  background-image: url('../images/fond_bg.svg'), linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6));
  background-blend-mode: overlay;
  background-position: top 50px center;
}

.color-theme-deg {
  background-image: linear-gradient(180deg, #CDB7E3, white);
  height: 520px;
  top: 98%;
}

.color-theme-deg3 {
  top: -15%;
  mask: linear-gradient(360deg, #f3e8ff, white);
  backdrop-filter: blur(15px);
}

.color-theme-deg4 {
  top: 12%;
  mask: linear-gradient(360deg, #f3e8ff, white);
  backdrop-filter: blur(5px);
}

.color-theme-deg5 {
  /*top: 35%;*/
  top: -15%;
  mask: linear-gradient(360deg, #f3e8ff, white);
  backdrop-filter: blur(3px);
}

.img-web {
  display: flex;
  position: relative;
}

hr {
  border: none;
  width: 50%;
  margin-top: 0;
  border-bottom: 1px solid #9A6FC5;
  box-shadow: 0px 0px 15px 1px #9A6FC5;
  margin: -50px auto 10px;
  margin-top: 0;
  display: block;
}

/** End Index **/

/**
 * Collapse FAQ
 **/
.faq-accordion-wrapper {
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 820px;
  border-radius: 8px;
  padding-top: 0;
}

.faq-tab {
  position: relative;
  width: 100%;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  margin-bottom: 15px;
  background-color: white;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.faq-tab label {
  position: relative;
  display: block;
  padding: 15px 45px 15px 45px;
  line-height: normal;
  cursor: pointer;
  letter-spacing: 0.2em;
  font-size: 12px;
  font-weight: bolder;
}

.faq-tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  background-color: green;
}

.faq-tab input:checked+label {
  background-color: #f0e2ff;
}

.faq-tab-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s;
  margin-left: 20px;
  margin-right: 20px;
}

/* :checked */
.faq-tab input:checked~.faq-tab-content {
  max-height: 450px;
}

/* Icon */
.faq-tab label::after {
  position: absolute;
  right: 0;
  top: -5px;
  font-size: 2em;
  color: #959595;
  display: block;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.faq-tab input[type=checkbox]+label::after {
  padding: 12px;
  content: "+";
}

.faq-tab input[type=radio]+label::after {
  content: "\25BC";
}

.faq-tab input[type=checkbox]:checked+label::after {
  transform: rotate(315deg);
}

.faq-tab input[type=radio]:checked+label::after {
  transform: rotateX(180deg);
}

/** End Collapse **/

.back-shadow {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.btn-effect:hover {
  transition: 0.2s;
  background-color: #ffffff;
  border-color: #9A6FC5;
  color: #9A6FC5;
}

.btn-effect:active {
  transition: 0.1s;
  opacity: 50%;
}

.link-effect:active {
  transition: 0.1s;
  opacity: 50%;
}

.unselectable {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#mobile-nav-enter-active,
.mobile-nav-leave-active {
  transition: 1s ease all;
}

#mobile-nav-enter-from,
.mobile-nav-leave-to {
  transform: translateX(-300px);
}

#mobile-nav-enter-to {
  transform: translateX(0);
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9A6FC5;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #9A6FC5;
}

input:focus+.slider {
  box-shadow: 0 0 1px #9A6FC5;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/**
  * Payment Page
  **/
#monthly-radio,
#annual-radio {
  display: none;
}

/**
  * Recovery code page
  **/

#recovery2_fa_form_recovery_codes > div > label {
  display: none;
}

form[name='recovery2_fa_form'] {
  text-align: center;
}

form[name='recovery2_fa_form'] div  {
  margin-bottom: 0;
}

form[name='recovery2_fa_form'] div input {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}

/**
  * Media Queries
  **/

@media screen and (max-width: 1280px) {
  .color-theme-deg {
    top: 128%;
    height: 540px;
  }

  section:nth-of-type(3),
  section:nth-of-type(4) {
    padding-bottom: 55px;
    padding-top: 0;
  }

  .w-6\/12 {
    width: 96%;
  }
}

@media screen and (max-width: 1024px) {
  .color-theme-deg {
    top: 160%;
    height: 550px;
  }

  section:nth-of-type(3),
  section:nth-of-type(4),
  section:nth-of-type(4)>div,
  section:nth-of-type(4)>div>div>h2 {
    padding-top: 0;
  }

  section:nth-of-type(4) {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .color-theme-deg {
    top: 70%;
  }
}

@media screen and (max-width: 912px) {
  .color-theme-deg {
    top: 75%;
  }
}

@media screen and (max-width: 853px) {
  .color-theme-deg {
    top: 85%;
  }
}

@media screen and (max-width: 820px) {
  .color-theme-deg {
    top: 115%;
    height: 645px;
  }

  .faq-accordion-wrapper {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  #loading #loading-inner {
    left: 45%;
  }

  .w-10\/12,
  .w-9\/12,
  .w-6\/12 {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }

  #registrationForm > section {
    padding: 0;
  }

  #registrationForm > section > section:nth-of-type(2) {
    padding-top: 0;
    padding-bottom: 2.5rem;
  }

  #registrationForm > section > section:nth-of-type(1) {
    padding-top: 2.5rem;
    padding-bottom: 0;
  }  

  .w-64 {
    width: 100%;
  }

  .pt-20 {
    padding-top: 1rem;
  }

  .card>div {
    margin-right: 0.75rem;
  }

  .bg-wave {
    top: -22%;
  }

  .bg-left {
    top: 550px;
  }

  #section-1>div:nth-child(2) {
    height: 520px;
  }

  section:nth-of-type(4)>div {
    padding-top: 25px;
  }

  section:nth-of-type(4) {
    padding-bottom: 0;
  }

  .max-md\:grid-rows-2 {
    grid-template-rows: none;
  }

  .home-pc {
    display: none;
  }

  .bg-4 {
    background-position: right 0px center;
    padding-bottom: 0;
  }

  .bg-4>div>img {
    padding-bottom: 60px;
  }

  hr:nth-of-type(3) {
    margin-bottom: 5rem;
  }

  section:nth-of-type(5)>h2 {
    color: #463F48;
    margin-top: 30px;
  }

  .color-theme-deg {
    top: 200%;
  }

  .faq-tab {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }

  .faq-tab input[type=checkbox]+label::after {
    padding: 6%;
  }

  footer>div>div>div>div,
  footer>div>div>div:nth-of-type(3)>a {
    justify-content: flex-start !important;
    text-align: left;
  }

  footer>div>div>div:nth-of-type(3)>a {
    padding-left: 0.5rem;
  }
}

@media only screen and (max-device-height: 576px) and (max-device-width: 920px) {
  .bg-wave {
    top: -22%;
  }

  .color-theme-deg {
    top: 225%;
    height: 800px;
  }

  section:nth-of-type(5) {
    padding-top: 40px;
  }

  .w-6\/12 {
    width: 98%;
  }
}

@media screen and (max-width: 430px) {
  section:nth-of-type(3)>div>img {
    margin-top: 55px;
  }

  section:nth-of-type(1)>div>div {
    padding-top: 0;
    padding-bottom: 0.5rem;
  }

  .color-theme-deg {
    top: 145%;
  }

  #registrationForm > section {
    padding: 10px;
  }

  #registrationForm > section > section > div > div > input {
    width: 100%;
  }
}

@media screen and (max-width: 390px) {
  .color-theme-deg {
    top: 160%;
  }
}

@media screen and (max-width: 375px) {
  .color-theme-deg {
    top: 200%;
  }
}

@media screen and (max-width: 360px) {
  section:nth-of-type(1)>div>img {
    margin-top: 50px;
  }

  .color-theme-deg {
    top: 185%;
  }
}











































/* Variables */

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLmNzcyIsIm1hcHBpbmdzIjoiOzs7QUFBQTtJQUNJLDJCQUEyQjtBQUMvQiIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2Fzc2V0cy9zdHlsZXMvYXBwLmNzcyJdLCJzb3VyY2VzQ29udGVudCI6WyJib2R5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyYXk7XG59XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=*/