@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";
:root {
  --default-font: "Inter",
  sans-serif
}
:root {
  --text-font-size: 1rem;
  --text-sm-font-size: 0.75rem;
  --text-md-font-size: 1.125rem;
  --text-lg-font-size: 1.5rem;
  --text-error-font-size: 1rem;
  --title-font-size: 1.25rem;
  --title-md-font-size: 2rem;
  --title-lg-font-size: 2.5rem;
  --title-xl-font-size: 3.2rem;
  --subtitle-font-size: 1.1rem;
  --title-mobile-menu-font-size: 1rem;
  --shadow: 0px 0px 2px 0px rgba(204, 204, 204, 0.4);
  --color-primary: linear-gradient(#DA22FF, #9733EE);
  --color-primary-light: #191B1F;
  --color-white: #F5F5F5;
  --color-black: #101828;
  --color-mute-1: #606061;
  --color-mute-2: #7c7c7d;
  --color-mute-3: #929294;
  --color-secondary: #0B0C0E;
  --color-secondary-light: #f67d49;
  --color-grey:#797a7b;
  --color-tertiary: #DA22FF;
  --gradient: linear-gradient(98deg, var(--color-primary) 2.35%, var(--color-primary-light) 96.42%);
  --gradient-secondary: linear-gradient(98deg, var(--color-primary-light) 1.62%, var(--color-primary) 95.67%)
}
*,
*::after,
*::before {
  margin:0;
  padding:0;
  box-sizing:inherit
}
* {
  font-family:var(--default-font)
}
html {
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:inherit;
  overflow-x:hidden;
  scroll-behavior:smooth
}
body {
  box-sizing:border-box;
  overflow:hidden;
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:inherit;
  position:relative;
  background-color:var(--color-secondary);
  color:var(--color-white)
}
.bg-white {
  background-color:var(--color-white)
}
img {
  transition:transform .3s ease-out
}
img:hover {
  transform:scale(1.05)
}
.terms li {
  margin:10px
}
h1 {
  font-size:3.75rem;
  line-height:4.5rem;
  letter-spacing:-0.02em;
  font-weight:inherit
}
@media(max-width: 564px) {
  h1 {
    font-size:3rem;
    line-height:3.75rem;
    letter-spacing:-0.02em;
    font-weight:inherit
  }
}
h3 {
  font-style:normal;
  font-size:3rem;
  line-height:3.75rem;
  letter-spacing:-0.02em;
  font-weight:700;
  font-family:var(--default-font)
}
@media(max-width: 1024px) {
  h3 {
    font-size:2.25rem;
    line-height:2.75rem;
    letter-spacing:-0.02em;
    font-weight:700
  }
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color:var(--color-primary);
  background:var(--color-primary);
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0)
}
.button {
  display:block;
  appearance:none;
  background:var(--color-primary);
  color:var(--color-white);
  text-decoration:none;
  cursor:pointer;
  line-height:1.625rem;
  transition:all .3s ease-in-out;
  padding:10px 18px;
  justify-content:center;
  align-items:center;
  gap:8px;
  border-radius:8px;
  border:1px solid var(--gradient)
}
.button:hover {
  box-shadow:0px 4px 16px 0px rgba(51,51,51,.08),0px 4px 4px 0px rgba(51,51,51,.04);
  transform:translateY(-0.15rem)
}
.button-outline {
  display:block;
  appearance:none;
  border:1px solid var(--color-primary);
  color:var(--color-primary);
  text-decoration:none;
  cursor:pointer;
  line-height:1.625rem;
  transition:all .3s ease-in-out;
  padding:10px 18px;
  justify-content:center;
  align-items:center;
  border-radius:8px
}
.button-outline:hover {
  box-shadow:0px 4px 16px 0px rgba(51,51,51,.08),0px 4px 4px 0px rgba(51,51,51,.04);
  transform:translateY(-0.15rem);
  background:var(--color-primary);
  color:var(--color-white)
}
.button-transparent {
  display:block;
  appearance:none;
  color:var(--color-primary);
  text-decoration:none;
  cursor:pointer;
  line-height:1.625rem;
  transition:all .3s ease-in-out;
  padding:10px 18px;
  justify-content:center;
  align-items:center;
  border-radius:8px
}
.button-transparent:hover {
  box-shadow:0px 4px 16px 0px rgba(51,51,51,.08),0px 4px 4px 0px rgba(51,51,51,.04);
  transform:translateY(-0.15rem);
  background:var(--color-primary);
  color:var(--color-white)
}
.button-gradient-primary {
  display:block;
  appearance:none;
  border:none;
  padding:.875rem 1.5625rem;
  border-radius:.5rem;
  background:linear-gradient(98deg, var(--color-primary) 2.35%, var(--color-primary-light) 96.42%);
  transition:all .3s ease-in-out;
  color:var(--color-white);
  text-decoration:none;
  cursor:pointer;
  line-height:1.625rem
}
.button-gradient-primary:hover {
  background:linear-gradient(98deg, var(--color-primary-light) 2.35%, var(--color-primary) 96.42%);
  box-shadow:0px 4px 16px 0px rgba(51,51,51,.08),0px 4px 4px 0px rgba(51,51,51,.04);
  transform:translateY(-0.15rem)
}
.button-gradient-secondary {
  display:block;
  appearance:none;
  border:none;
  padding:.875rem 1.5625rem;
  border-radius:.5rem;
  background:linear-gradient(98deg, var(--color-primary-light) 2.35%, var(--color-primary) 96.42%);
  transition:all .3s ease-in-out;
  color:var(--color-white);
  text-decoration:none;
  cursor:pointer;
  line-height:1.625rem
}
.button-gradient-secondary:hover {
  background:linear-gradient(98deg, var(--color-primary) 2.35%, var(--color-primary-light) 96.42%);
  box-shadow:0px 4px 16px 0px rgba(51,51,51,.08),0px 4px 4px 0px rgba(51,51,51,.04);
  transform:translateY(-0.15rem)
}
.form-input {
  margin-bottom:1rem
}
.button-secondary {
  display:block;
  appearance:none;
  border:none;
  padding:.875rem 1.5625rem;
  border-radius:.5rem;
  background:var(--gradient-secondary);
  transition:all .3s ease-in-out;
  color:var(--color-white);
  text-decoration:none;
  cursor:pointer;
  line-height:1.625rem
}
.button-secondary:hover {
  background:var(--color-primary);
  box-shadow:0px 4px 16px 0px rgba(51,51,51,.08),0px 4px 4px 0px rgba(51,51,51,.04);
  transform:translateY(-0.15rem)
}
input,
textarea {
  appearance:none;
  border:none;
  width:100%;
  display:flex;
  padding:.625rem 1rem .625rem .75rem;
  flex-direction:column;
  align-items:flex-start;
  align-self:stretch;
  border-radius:.25rem;
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:inherit;
  border:1px solid rgba(164,174,198,.33);
  transition:box-shadow .3s ease-in-out;
  background:var(--white, #fff);
  color:rgba(14,14,14,.708);
  line-height:1.4rem
}
input:hover,
textarea:hover {
  box-shadow:0px 4px 16px 0px rgba(51,51,51,.08),0px 4px 4px 0px rgba(51,51,51,.04)
}
input::placeholder,
textarea::placeholder {
  color:rgba(var(--color-black), 0.5)
}
@keyframes slide-up {
  from {
    opacity:0;
    transform:translateY(30px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
.animate {
  animation:slide-up .5s ease both
}
.slide-up {
  opacity:0;
  transform:translateY(30px)
}
.slide-in {
  opacity:0;
  transform:translateX(-50px);
  transition:opacity .5s ease,transform .5s ease
}
.slide-in.active {
  opacity:1;
  transform:translateX(0)
}
.zoom-in-image {
  transform:scale(0.1);
  transition:transform 1s ease
}
.zoom-in-image.active {
  transform:scale(1)
}
.form-input:nth-child(1),
.form-input:nth-child(2),
.form-input:nth-child(3),
.form-input:nth-child(4),
.form-input:nth-child(5) {
  flex:0 0 49%
}
@media(max-width: 1024px) {
  .form-input:nth-child(1),
  .form-input:nth-child(2),
  .form-input:nth-child(3),
  .form-input:nth-child(4),
  .form-input:nth-child(5) {
    flex:0 0 100%;
    width:100%
  }
}
.form-input:nth-child(5) {
  flex:0 0 100%
}
.form-input-wrapper,
.form-textarea-wrapper {
  position:relative
}
.form-input[disabled=disabled] {
  background-color:#f1f1f1
}
label.error {
  color:#d55353;
  position:absolute;
  bottom:-32px;
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:inherit;
  right:0
}
.hidden {
  display:none
}
@media only screen and (min-width: 1024px) {
  .hidden-on-lg {
    display:none
  }
  .flex-on-lg {
    display:flex
  }
}
.text-lg {
  color:var(--color-secondary);
  text-align:center;
  font-style:normal;
  font-size:3rem;
  line-height:3.75rem;
  letter-spacing:-0.02em;
  font-weight:600
}
.text-md {
  font-style:normal;
  font-size:2.25rem;
  line-height:2.75rem;
  letter-spacing:-0.02em;
  font-weight:700
}
.text-center {
  text-align:center
}
.w-full {
  width:100%
}
.subheader {
  align-items:center;
  background:var(--color-secondary);
  padding:24px 16px;
  text-align:center;
  color:var(--color-white)
}
.subheader .subheader-content {
  max-width:1270px;
  margin:0 auto;
  padding:2.5rem 1rem
}
.flex {
  display:flex
}
.flex-col {
  flex-direction:column
}
.gap-2 {
  gap:2rem
}
.inline-flex {
  display:inline-flex
}
.ml-2 {
  margin-left:2px
}
.hero {
  display:flex;
  padding:6rem 0rem;
  justify-content:center;
  align-items:center;
  gap:.625rem;
  align-self:stretch;
  background-size:cover;
  background-color:var(--color-secondary);
  color:var(--color-white)
}
@media(max-width: 564px) {
  .hero {
    display:block
  }
}
@media(max-width: 1024px) {
  .hero {
    height:auto;
    margin-top:-10px
  }
}
@media(max-width: 1024px) {
  .hero {
    margin-top:60px
  }
}
.hero h1 {
  max-width:100%
}
@media(max-width: 1024px) {
  .hero h1 {
    text-align:center
  }
}
.hero h1 span {
  color:var(--color-primary)
}
.hero.medium {
  height:33.4375rem
}
@media(max-width: 1024px) {
  .hero.medium {
    height:auto
  }
}
.hero .text_image_center {
  flex-direction:column;
  gap:2rem !important;
  flex-basis:80%;
  text-align:center
}
.hero .text_right__image_left {
  flex-direction:row-reverse
}
.hero .hero-container {
  display:flex;
  padding-left:2rem;
  padding-right:2rem;
  justify-content:center;
  gap:4rem
}
@media(max-width: 564px) {
  .hero .hero-container {
    display:block;
    width:100%
  }
}
@media(max-width: 1024px) {
  .hero .hero-container {
    flex-direction:column;
    align-items:flex-start;
    padding-left:1rem;
    padding-right:1rem
  }
}
.hero .hero-container .hero_text_center {
  align-items:center
}
.hero .hero-container .hero_text_left {
  align-items:flex-start;
  flex:1 0 49% !important
}
.hero .hero-container .hero-text {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2rem;
  flex:1 0 60%
}
@media(max-width: 1024px) {
  .hero .hero-container .hero-text {
    text-align:center;
    align-items:center;
    flex:1 0 100%
  }
  .hero .hero-container .hero-text .button {
    margin:0 auto
  }
}
.hero .hero-container .hero-text p {
  width:83%;
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:400
}
@media(max-width: 1024px) {
  .hero .hero-container .hero-text p {
    font-size:1.125rem;
    line-height:1.75rem;
    letter-spacing:normal;
    font-weight:400
  }
}
.hero .hero-container .hero-text .hero-title {
  font-size:3.75rem;
  line-height:4.5rem;
  letter-spacing:-0.02em;
  font-weight:700
}
@media(max-width: 564px) {
  .hero .hero-container .hero-text .hero-title {
    font-style:normal;
    font-size:3rem;
    line-height:3.75rem;
    letter-spacing:-0.02em;
    font-weight:700
  }
}
.hero .hero-container .hero-text .button {
  align-self:flex-start;
  display:flex;
  align-items:center;
  margin:0 auto;
  color:var(--color-white);
  font-size:1.125rem;
  line-height:1.75rem;
  letter-spacing:normal;
  font-weight:600
}
.hero .hero-container .hero-text .button svg {
  color:var(--color-secondary)
}
.hero .hero-container .hero-text .button svg path {
  fill:var(--color-white)
}
.hero .hero-container .hero-image {
  flex:1 0 40%;
  width:100%;
  height:100%;
  justify-content:center;
  margin:0 auto
}
@media(max-width: 1024px) {
  .hero .hero-container .hero-image {
    max-width:100%
  }
}
.hero .hero-container .hero-image img {
  width:100%
}
.no-hero-header .paragraph.no-hero {
  background:none
}
@media(max-width: 1024px) {
  .no-hero-header .paragraph.no-hero {
    margin-top:60px
  }
}
.no-hero-header .paragraph.no-hero .no-hero-title-wrapper {
  padding: 4rem;
  padding-left:2rem;
  padding-right:2rem
}
@media(max-width: 1024px) {
  .no-hero-header .paragraph.no-hero .no-hero-title-wrapper {
    padding-left:1rem;
    padding-right:1rem
  }
}
.no-hero-header .paragraph.no-hero .no-hero-title-wrapper h1 {
  text-align:center;
  color:var(--color-white) !important;
  font-size:1.875rem;
  line-height:2.375rem;
  letter-spacing:normal;
  font-weight:700
}
.no-hero-header .paragraph.no-hero .no-hero-breadcrumb {
  display:inline-block;
  margin-top:20px;
  width:100%;
  text-align:center
}
.no-hero-header .paragraph.no-hero .no-hero-breadcrumb ol {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  padding:0 0;
  margin-bottom:1rem;
  list-style:none;
  border-radius:0;
  color:var(--color-white)
}
.no-hero-header .paragraph.no-hero .no-hero-breadcrumb ol .breadcrumb-item {
  display:flex;
  align-items:center
}
.no-hero-header .paragraph.no-hero .no-hero-breadcrumb ol .breadcrumb-item a {
  text-decoration:none;
  color:var(--color-white)
}
.no-hero-header .paragraph.no-hero .no-hero-breadcrumb ol .breadcrumb-item+.breadcrumb-item::before {
  float:none;
  padding-right:.25rem;
  content:""
}
.no-hero-header .paragraph.no-hero .no-hero-breadcrumb ol .breadcrumb-item.arry svg {
  display:inline-block;
  font-size:.75rem;
  line-height:1.125rem;
  letter-spacing:normal;
  font-weight:inherit
}
.pricings {
  display:flex;
  padding:100px 0;
  flex-direction:column;
  align-items:center;
  gap:2.5rem;
  align-self:stretch;
  background-color:var(--color-secondary);
  color:var(--color-white)
}
.pricings h3 {
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:inherit;
  color:var(--color-primary);
  background:var(--color-primary);
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0)
}
@media(max-width: 1024px) {
  .pricings {
    padding:4rem 1rem 4.25rem 1rem
  }
}
.pricings .pricings-container {
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:1.5rem;
  flex-wrap:wrap;
  padding-left:2rem;
  padding-right:2rem
}
@media(max-width: 1024px) {
  .pricings .pricings-container {
    padding:0
  }
}
@media(max-width: 564px) {
  .pricings .pricings-container {
    flex-direction:column
  }
}
.pricings .pricings-container .pricing {
  display:flex;
  padding-bottom:2rem;
  flex-direction:column;
  justify-content:space-between;
  transition:all .3s ease-in-out;
  align-items:center;
  flex:1 0 31%;
  max-width:31%;
  align-self:stretch;
  border-radius:1rem;
  border:1px solid var(--color-primary-light);
  background:var(--color-primary-light);
  color:var(--color-white);
  box-shadow:0px 4px 16px 0px rgba(51,51,51,.08),0px 4px 4px 0px rgba(51,51,51,.04)
}
@media(max-width: 1024px) {
  .pricings .pricings-container .pricing {
    min-width:350px;
    max-width:40%
  }
}
@media(max-width: 564px) {
  .pricings .pricings-container .pricing {
    max-width:unset;
    width:100%;
    min-width:unset
  }
}
.pricings .pricings-container .pricing:hover {
  box-shadow:0 0 20px rgba(0,0,0,.3);
  transform:translateY(-0.15rem)
}
.pricings .pricings-container .pricing .pricing-content {
  display:flex;
  flex-direction:column;
  align-items:center;
  align-self:stretch
}
.pricings .pricings-container .pricing .pricing-content>.price {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
  padding:2rem;
  align-self:stretch
}
.pricings .pricings-container .pricing .pricing-content>.price .type {
  display:flex;
  padding:.375rem .75rem;
  justify-content:center;
  align-items:flex-start;
  gap:.625rem;
  border-radius:.5rem;
  background:rgba(0,0,0,0);
  color:var(--color-white);
  text-align:center;
  text-transform:uppercase;
  font-size:1.5rem;
  line-height:2rem;
  letter-spacing:normal;
  font-weight:600
}
.pricings .pricings-container .pricing .pricing-content>.price .pricing-group {
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:end;
  align-self:stretch;
  text-align:center;
  flex-wrap:wrap;
  gap:1rem
}
.pricings .pricings-container .pricing .pricing-content>.price .pricing-group .pricing-wrap .price {
  color:var(--color-primary);
  background:var(--color-primary);
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0);
  text-align:center;
  font-style:normal;
  font-size:3.75rem;
  line-height:4.5rem;
  letter-spacing:-0.02em;
  font-weight:700;
  font-size:2.75rem
}
.pricings .pricings-container .pricing .pricing-content>.price .pricing-group .trial p {
  text-align:center;
  font-style:normal;
  font-size:1.5rem;
  line-height:2rem;
  letter-spacing:normal;
  font-weight:600
}
.pricings .pricings-container .pricing .pricing-content>.price .pricing-group .text-sm {
  color:var(--color-white);
  font-style:normal;
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:400;
  flex-basis:100%
}
.pricings .pricings-container .pricing .pricing-content>.price>p {
  color:var(--color-white);
  text-align:center;
  font-style:normal;
  font-size:1.125rem;
  line-height:1.75rem;
  letter-spacing:normal;
  font-weight:600
}
.pricings .pricings-container .pricing .pricing-content .benefits {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1rem;
  padding:2rem;
  align-self:stretch
}
.pricings .pricings-container .pricing .pricing-content .benefits .benefit {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.5rem
}
.pricings .pricings-container .pricing .pricing-content .benefits .benefit .streamline {
  color:var(--color-white);
  font-style:normal;
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:400
}
.pricings .pricings-container .pricing>div:not(.pricing-content) {
  display:flex;
  flex-direction:column;
  align-items:center;
  align-self:stretch;
  padding:0 2rem
}
.pricings .pricings-container .pricing>div:not(.pricing-content) .pricing-btn {
  width:100%;
  padding:20px 40px;
  text-align:center;
  background:var(--color-primary);
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:500;
  color:var(--color-secondary)
}
.languages {
  display:none;
  flex-direction:column;
  align-items:flex-start;
  gap:24px;
  padding:40px 60px;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border-radius:1.5rem;
  background:#fff;
  box-shadow:0px 0px 7px 3px rgba(0,0,0,.12)
}
@media(max-width: 1024px) {
  .languages {
    padding:1rem;
    width:90%
  }
}
.languages .title {
  position:relative;
  width:fit-content;
  margin-top:-1px;
  color:var(--color-primary);
  white-space:nowrap;
  font-size:1.5rem;
  line-height:2rem;
  letter-spacing:normal;
  font-weight:600;
  margin-bottom:.5rem
}
.languages .frame {
  display:flex;
  position:relative;
  align-items:flex-start;
  gap:15px;
  flex-wrap:wrap;
  flex:1 0 calc(25% - 10px);
  max-height:400px;
  overflow:auto
}
@media(max-width: 1024px) {
  .languages .frame {
    flex:1 0 calc(33% - 10px)
  }
}
.languages .frame .lang-button {
  display:flex;
  width:140px;
  align-items:center;
  gap:10px;
  position:relative;
  flex:0 0 auto;
  text-decoration:none
}
.languages .frame .lang-button:hover {
  text-decoration:underline
}
.languages .frame .lang-button .img {
  position:relative;
  width:26.67px;
  height:20px
}
.languages .frame .lang-button .text-wrapper-2,
.languages .frame .lang-button .text-wrapper-3,
.languages .frame .lang-button .text-wrapper-4 {
  white-space:nowrap;
  letter-spacing:0;
  color:#000;
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:400
}
.languages .frame .lang-button .text-wrapper-2 {
  position:absolute;
  top:-1px;
  left:0
}
.languages .frame .lang-button .text-wrapper-3 {
  position:relative;
  width:fit-content;
  margin-top:-0.5px
}
.languages .frame .lang-button .text-wrapper-4 {
  position:relative;
  width:fit-content;
  margin-top:-0.5px;
  text-decoration:underline
}
.languages .close-button {
  position:absolute;
  width:14px;
  height:14px;
  top:25px;
  right:30px;
  cursor:pointer
}
.languages .div-wrapper {
  position:relative;
  width:74px;
  height:19px
}
.language-switcher {
  display:flex;
  padding:.25rem .375rem;
  justify-content:center;
  align-items:center;
  gap:.625rem;
  border-radius:.125rem;
  cursor:pointer
}
.features {
  display:flex;
  padding:3.75rem 0rem;
  flex-direction:column;
  align-items:center;
  gap:.625rem;
  align-self:stretch;
  background-color:var(--color-secondary);
  color:var(--color-white)
}
@media(max-width: 1024px) {
  .features {
    padding:3rem 1rem
  }
}
.features .features-header-section {
  text-align:center;
  width:80%
}
@media(max-width: 1024px) {
  .features .features-header-section {
    width:100%
  }
}
.features .features-header-section h4 {
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:inherit
}
.features .features-container {
  display:flex;
  padding:2.5rem;
  padding-left:2rem;
  padding-right:2rem;
  justify-content:center;
  align-items:flex-start;
  align-content:flex-start;
  gap:1.5rem;
  flex-wrap:wrap
}
@media(max-width: 1024px) {
  .features .features-container {
    padding:2.5rem 0;
    padding-left:1rem;
    padding-right:1rem;
    flex-direction:column
  }
}
.features .features-container .feature {
  display:flex;
  padding:1.5rem;
  align-items:flex-start;
  gap:1.125rem;
  flex-shrink:0;
  cursor:pointer;
  border-radius:42px;
  background:var(--color-primary-light);
  box-shadow:0px 0px 2px 0px rgba(204,204,204,.4);
  transition:all .3s ease-in-out;
  flex:40%;
  align-self:stretch;
  text-align:center;
  color:var(--color-white)
}
.features .features-container .feature.small-header .feature-title {
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:700
}
.features .features-container .feature.small-header p {
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:400;
  font-style:normal
}
.features .features-container .feature.apply-border {
  border:2px solid var(--color-border)
}
.features .features-container .feature:hover {
  transform:translateY(-0.15rem)
}
@media(max-width: 1024px) {
  .features .features-container .feature {
    flex:auto
  }
}
.features .features-container .feature p {
  color:var(--color-white);
  margin:0;
  font-size:1.125rem;
  line-height:1.75rem;
  letter-spacing:normal;
  font-weight:inherit
}
.features .features-container .feature .feature-container {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1.125rem;
  align-self:stretch
}
.features .features-container .feature .feature-container .icon-container {
  width:73px;
  height:73px;
  overflow:hidden;
  border:8px solid #f5fbff;
  background:#e0eaff;
  display:flex;
  justify-content:center;
  align-items:center
}
.features .features-container .feature .feature-container .icon-container.rounded {
  border-radius:50%
}
.features .features-container .feature .feature-container .icon-container .icon {
  width:100%;
  padding:8px;
  object-fit:cover
}
.features .features-container .feature .feature-container .feature-title {
  font-size:1.5rem;
  line-height:2rem;
  letter-spacing:normal;
  font-weight:600;
  font-size:1.4rem
}
.courses {
  display:flex;
  padding:3.75rem 0rem;
  flex-direction:column;
  align-items:center;
  gap:.625rem;
  align-self:stretch;
  background:var(--color-bg, #f0f0f8)
}
@media(max-width: 1024px) {
  .courses {
    padding:3rem 1rem
  }
}
.courses .courses-container {
  display:flex;
  padding:2.5rem .625rem;
  justify-content:center;
  align-items:flex-start;
  align-content:flex-start;
  gap:1.5rem;
  flex-wrap:wrap
}
@media(max-width: 1024px) {
  .courses .courses-container {
    padding:2.5rem 0;
    flex-direction:column
  }
}
.courses .courses-container .course {
  display:flex;
  padding:1.5rem;
  flex-direction:column;
  align-items:flex-start;
  gap:.75rem;
  flex-shrink:0;
  cursor:pointer;
  border-radius:.625rem;
  background:#fff;
  box-shadow:0px 0px 2px 0px rgba(204,204,204,.4);
  transition:box-shadow .3s ease-in-out;
  flex:32%;
  align-self:stretch;
  text-align:center
}
.courses .courses-container .course:hover {
  box-shadow:0 0 20px rgba(0,0,0,.3)
}
@media(max-width: 1024px) {
  .courses .courses-container .course {
    flex:auto
  }
}
.courses .courses-container .course p {
  color:#667085
}
.courses .courses-container .course .course-container {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
  align-self:stretch
}
.courses .courses-container .course .course-container .icon-container {
  width:73px;
  height:73px;
  border-radius:50%;
  overflow:hidden;
  border:8px solid #f5fbff;
  background:#e0eaff;
  display:flex;
  justify-content:center;
  align-items:center
}
.courses .courses-container .course .course-container .icon-container .icon {
  object-fit:cover
}
.cheeseburger-menu {
  display:none
}
@media(max-width: 1024px) {
  #mobile-menu-icon {
    display:block;
    background-image:url(../../images/menu.svg);
    background-repeat:no-repeat;
    background-position:right;
    height:21px;
    width:40px
  }
  .cheeseburger-menu {
    display:block;
    position:fixed;
    display:flex;
    height:auto;
    width:100%;
    padding:1rem 1rem 3.5rem;
    flex-direction:column;
    align-items:flex-start;
    gap:1rem;
    border-radius:0rem 0rem .625rem 0rem;
    background:var(--color-secondary);
    top:60px;
    border:1px solid var(--color-primary-light);
    transform:translateX(-100%);
    transition:ease-in .2s;
    z-index:3;
    display:flex
  }
  .cheeseburger-menu.open {
    transform:translateX(0)
  }
  .cheeseburger-menu .cheeseburger-menu__close {
    display:flex;
    width:100%;
    justify-content:flex-end;
    height:40px;
    align-items:center
  }
  .cheeseburger-menu .cheeseburger-menu__close span {
    background-image:url(../../images/close.svg);
    filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(100%) contrast(100%);
    background-repeat:no-repeat;
    background-size:38px;
    height:40px;
    width:40px
  }
  .cheeseburger-menu .cheeseburger-menu__menu {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem;
    align-self:stretch
  }
  .cheeseburger-menu .cheeseburger-menu__menu .menu-item {
    width:100%;
    text-align:center
  }
  .cheeseburger-menu .cheeseburger-menu__menu .menu-item__link {
    color:var(--color-white);
    font-size:1rem;
    font-weight:400;
    text-decoration:none
  }
  .cheeseburger-menu .cheeseburger-menu__menu .menu-item__link:active {
    border-color:var(--color-primary)
  }
  .cheeseburger-menu .cheeseburger-menu__menu .btn {
    padding:12px 16px;
    color:var(--color-white);
    font-size:var(--text-font-size);
    background:var(--color-primary);
    color:var(--color-secondary);
    appearance:none;
    font-style:normal;
    font-weight:600;
    line-height:24px;
    display:block
  }
  .cheeseburger-menu .cheeseburger-menu__menu .btn.signup {
    background:var(--color-secondary);
    border:1px solid var(--color-tertiary);
    color:var(--color-tertiary)
  }
  .overlay {
    display:none;
    position:fixed;
    inset:0;
    background-color:rgba(0,0,0,.59);
    z-index:1
  }
}
.promo-text-image {
  padding:2.5rem 0;
  background:#fefefe
}
@media(max-width: 1024px) {
  .promo-text-image {
    padding:1.5rem
  }
}
.promo-text-image .promo-ti-container {
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:.625rem
}
@media(max-width: 1024px) {
  .promo-text-image .promo-ti-container {
    flex-direction:column;
    padding:0
  }
}
.promo-text-image .promo-ti-container .promo-ti-text {
  display:flex;
  padding:2rem 0rem 5rem 0;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:1.5rem
}
@media(max-width: 1024px) {
  .promo-text-image .promo-ti-container .promo-ti-text {
    padding:0
  }
}
.promo-text-image .promo-ti-container .promo-ti-text div {
  width:85%
}
@media(max-width: 1024px) {
  .promo-text-image .promo-ti-container .promo-ti-text div {
    width:auto
  }
}
.promo-text-image .promo-ti-container .promo-ti-image {
  max-width:670px;
  flex:1 0 49%;
  align-self:stretch;
  position:relative
}
@media(max-width: 1024px) {
  .promo-text-image .promo-ti-container .promo-ti-image {
    flex:unset
  }
}
.promo-text-image .promo-ti-container .promo-ti-image .clients {
  display:flex;
  padding:1.5rem;
  align-items:center;
  gap:.75rem;
  position:absolute;
  left:-9.5625rem;
  bottom:1.5rem;
  border-radius:.625rem;
  background:#fff;
  box-shadow:0px 0px 2px 0px rgba(204,204,204,.4)
}
.promo-text-image .promo-ti-container .promo-ti-image .popularity {
  display:flex;
  padding:2.1875rem 1.5625rem;
  flex-direction:column;
  align-items:center;
  gap:.625rem;
  position:absolute;
  left:-6.5625rem;
  bottom:6.8rem;
  border-radius:.625rem;
  background:#fff;
  box-shadow:0px 0px 2px 0px rgba(204,204,204,.4)
}
.promo-text-image .promo-ti-container .promo-ti-image .popularity .popularity-bar {
  position:relative
}
.promo-text-image .promo-ti-container .promo-ti-image .popularity .popularity-bar .popularity-container {
  position:absolute;
  bottom:.5rem;
  left:50%;
  transform:translateX(-50%)
}
@media(max-width: 1024px) {
  .promo-text-image .promo-ti-container .promo-ti-image .clients,
  .promo-text-image .promo-ti-container .promo-ti-image .popularity {
    display:none
  }
}
.promo-text-image .promo-ti-container .promo-ti-image img:not(.vector) {
  width:100%
}
.text-right {
  align-self:stretch;
  padding:4rem 0;
  background-color:var(--color-secondary);
  color:var(--color-white)
}
@media(max-width: 1024px) {
  .text-right {
    padding:4rem 0 !important
  }
}
.text-right .text-right-container {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2rem;
  padding:0px 2rem
}
@media(max-width: 1024px) {
  .text-right .text-right-container {
    flex-direction:column-reverse;
    padding:0 1rem
  }
}
@media(max-width: 564px) {
  .text-right .text-right-container {
    gap:44px
  }
}
.text-right .text-right-container .text-right-image {
  max-width:614px;
  flex:1 0 49%;
  align-self:stretch
}
@media(max-width: 1024px) {
  .text-right .text-right-container .text-right-image {
    flex:unset
  }
}
.text-right .text-right-container .text-right-image img {
  width:100%
}
.text-right .text-right-container .text-right-text {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:.625rem
}
@media(max-width: 1024px) {
  .text-right .text-right-container .text-right-text {
    padding:0px;
    text-align:start
  }
}
.text-right .text-right-container .text-right-text .block-title {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.625rem;
  align-self:stretch;
  color:var(--color-white)
}
.text-left {
  padding:4rem 0
}
.text-left.paragraph {
  background-color:var(--color-secondary);
  color:var(--color-white)
}
.text-left.paragraph .text-left-container {
  display:flex;
  flex-direction:row-reverse;
  justify-content:center;
  align-items:center;
  gap:2rem;
  padding:0px 2rem
}
@media(max-width: 1024px) {
  .text-left.paragraph .text-left-container {
    flex-direction:column-reverse;
    padding:0 1rem
  }
}
@media(max-width: 564px) {
  .text-left.paragraph .text-left-container {
    gap:44px
  }
}
@media(max-width: 1024px) {
  .text-left.paragraph .text-left-container .paragraph-text {
    text-align:center
  }
}
@media(max-width: 1024px) {
  .text-left.paragraph .text-left-container .paragraph-image {
    height:auto;
    display:flex;
    justify-content:center;
    padding:0
  }
}
.text-left.paragraph .text-left-container .text-left-text {
  display:flex;
  flex-direction:column;
  justify-content:start;
  align-items:start;
  gap:.625rem
}
@media(max-width: 1024px) {
  .text-left.paragraph .text-left-container .text-left-text {
    padding:0px;
    text-align:start
  }
}
.text-left.paragraph .text-left-container .text-left-text .sub-title {
  font-size:1.125rem;
  line-height:1.75rem;
  letter-spacing:normal;
  font-weight:600;
  color:var(--color-primary);
  background:var(--color-primary);
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0);
  text-align:left
}
.text-left.paragraph .text-left-container .text-left-text .block-title {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.625rem;
  align-self:stretch;
  color:var(--color-white)
}
.contact-blocks {
  display:flex;
  padding:3rem 0rem;
  flex-direction:column;
  align-items:center;
  gap:.625rem;
  align-self:stretch
}
.contact-blocks .container {
  display:flex;
  align-items:flex-start;
  align-content:flex-start;
  gap:2rem;
  flex-wrap:wrap
}
@media(max-width: 1024px) {
  .contact-blocks .container {
    flex-direction:column
  }
}
.contact-blocks .container .card {
  display:flex;
  flex:0 0 31%;
  padding:1.5rem;
  flex-direction:column;
  align-items:flex-start;
  gap:.75rem;
  flex-shrink:0
}
.contact-blocks .container .card .card__image {
  display:flex;
  align-items:center;
  gap:1rem;
  align-self:stretch
}
.contact-blocks .container .card .card__text {
  padding-left:60px
}
.form-block {
  display:flex;
  padding:3rem 0rem;
  flex-direction:column;
  align-items:center;
  gap:2.5rem;
  align-self:stretch;
  background:var(--color-bg)
}
.form-block.angled {
  background:none;
  display:unset
}
.form-block .block-title {
  color:var(--color-tertiary);
  text-align:center
}
.form-block .contact-form {
  display:flex;
  flex-direction:row;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem;
  max-width:840px;
  margin:2.5rem auto 3rem
}
@media(max-width: 1024px) {
  .form-block .contact-form {
    flex-direction:column;
    padding:0 1rem
  }
}
#cookie-modal {
  position:fixed;
  z-index:99;
  width:100%;
  left:0;
  background-color:rgba(0,0,0,.831372549);
  color:#fff;
  padding:25px;
  transition:bottom .5s ease
}
#cookie-modal .content {
  display:flex;
  justify-content:space-between;
  align-items:center
}
#cookie-modal .content .cookie-title {
  font-size:1.5rem;
  line-height:2rem;
  letter-spacing:normal;
  font-weight:700
}
#cookie-modal .content .cookie-text a {
  color:#18cb18;
  text-decoration:none;
  font-weight:bold
}
@media(max-width: 1024px) {
  #cookie-modal .content {
    display:flex;
    flex-direction:column;
    text-align:center;
    gap:10px
  }
}
#cookie-modal #cookie-button {
  background-color:#18cb18;
  padding:5px 10px;
  height:fit-content;
  cursor:pointer
}
@keyframes slideUp {
  from {
    bottom:-360px
  }
  to {
    bottom:-1px
  }
}
@keyframes slideDown {
  from {
    bottom:-1px
  }
  to {
    bottom:-360px
  }
}
.hide-cookie {
  bottom:-1px;
  animation:slideDown 1s forwards;
  animation-delay:0s
}
.show-cookie {
  bottom:-360px;
  animation:slideUp 1s forwards;
  animation-delay:1s
}
.form-login-wrapper {
  max-width:550px;
  padding:3rem !important;
  border-radius:8px;
  margin:4rem auto !important;
  background-color:var(--color-primary-light)
}
@media(max-width: 564px) {
  .form-login-wrapper {
    padding:3rem 1rem !important;
    margin:4rem 1rem !important
  }
}
.form-login-wrapper .form-data.rememberme {
  margin-top:30px
}
.form-login-wrapper .form-data.rememberme label {
  display:inline-block;
  color:var(--color-white)
}
.form-login-wrapper input[type=checkbox] {
  width:auto;
  appearance:auto;
  display:inline-block
}
.form-login-wrapper #grav-login h1,
.form-login-wrapper #grav-login h2,
.form-login-wrapper #grav-login h3,
.form-login-wrapper #grav-login h4,
.form-login-wrapper #grav-login p,
.form-login-wrapper #grav-login label {
  text-align:center;
  margin-bottom:20px;
  color:var(--color-white)
}
.form-login-wrapper #grav-login>p {
  text-align:center;
  margin-bottom:38px
}
.form-login-wrapper #grav-login .form-actions .button {
  display:inline-block;
  margin-left:5px;
  margin-right:5px;
  background-color:var(--color-primary);
  --animate-duration: 1s;
  --animate-repeat: 1;
  --animate-delay: 0.5s;
  transition:all .2s ease-in-out;
  padding:10px 30px;
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:inherit
}
@media(max-width: 1024px) {
  .form-login-wrapper #grav-login .form-actions .button {
    margin-bottom:10px
  }
}
.form-login-wrapper #grav-login .form-actions .button:hover {
  transform:translateY(-0.15rem);
  box-shadow:0 .25rem .75rem rgba(30,34,40,.15)
}
.form-login-wrapper #grav-login .form-action-wrapper {
  text-align:center;
  margin-top:25px
}
.orders-table-wrapper {
  max-width:1300px;
  margin:0 auto;
  text-align:left;
  padding-bottom:75px;
  padding-top:75px
}
.orders-table-wrapper table {
  margin:auto;
  border-left:solid 1px #ddd;
  border-top:solid 1px #ddd
}
@media all and (max-width: 918px) {
  .orders-table-wrapper table {
    display:block;
    overflow-x:scroll
  }
}
.orders-table-wrapper table thead {
  background-color:#f5f5f5
}
.orders-table-wrapper table th,
.orders-table-wrapper table td {
  padding:5px 15px 3px 15px;
  border-right:solid 1px #e3e3e3;
  border-bottom:solid 1px #e3e3e3
}
.orders-table-wrapper table td a.btn {
  vertical-align:middle;
  text-decoration:none
}
.orders-table-wrapper table td a.btn svg {
  vertical-align:middle;
  margin-right:4px;
  margin-top:-1px
}
.btn__simple.my-orders {
  text-decoration:none;
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:inherit
}
.btn__simple.my-orders svg {
  vertical-align:middle;
  margin-top:-4px
}
.content-section-profile {
  display:flex;
  justify-content:center;
  gap:5.625rem;
  align-self:stretch;
  background:#fefefe;
  max-width:1270px;
  margin:0 auto;
  padding:2.5rem 1rem;
  margin-bottom:75px
}
.content-section-profile .paragraph-column>.form-actions {
  margin-top:35px
}
@media all and (max-width: 490px) {
  .content-section-profile {
    display:block
  }
  .content-section-profile .paragraph-column {
    width:100%;
    margin-bottom:45px
  }
  .content-section-profile .form-actions a {
    margin-bottom:10px
  }
}
.content-section-profile .button,
.content-section-profile button {
  width:auto;
  display:inline-block;
  margin-right:20px
}
.content-section-profile h2 {
  margin-bottom:20px
}
.content-section-profile,
.profile-page .bg-white,
.orders-table-wrapper,
.orders-table-wrapper table th,
.orders-table-wrapper table td {
  background:var(--color-secondary)
}
.content-section.terms .terms-area {
  display:none !important
}
.content-section.terms .terms-area.active {
  display:block !important
}
.content-section.terms .language-switcher {
  display:none
}
#unsubscribe {
  background-color:#f5fbff;
  display:flex;
  flex-direction:column;
  align-items:center
}
#unsubscribe .unsubscribe-container {
  border-radius:20px;
  max-width:600px;
  width:100%;
  display:flex;
  padding:44px;
  margin:20px;
  flex-direction:column;
  align-items:center;
  gap:32px;
  border-radius:18px;
  background:var(--color-white);
  background-color:#fff;
  margin:10rem 0;
  box-shadow:0px 4px 16px 0px rgba(51,51,51,.08),0px 4px 4px 0px rgba(51,51,51,.04)
}
#unsubscribe .unsubscribe-container h4 {
  text-align:center;
  font-size:1.5rem;
  line-height:2rem;
  letter-spacing:normal;
  font-weight:600;
  font-style:normal;
  width:80%;
  margin-bottom:20px
}
#unsubscribe .unsubscribe-container form {
  width:100%
}
#unsubscribe .unsubscribe-container #unsubscribe-us {
  border-radius:24px;
  max-width:100%;
  width:100%
}
#unsubscribe .unsubscribe-container #unsubscribe-us .grid {
  display:grid;
  grid-template-columns:50% 50%
}
@media(max-width: 800px) {
  #unsubscribe .unsubscribe-container #unsubscribe-us .grid .form-field {
    grid-column:span 2
  }
}
#unsubscribe .unsubscribe-container #unsubscribe-us button {
  margin:0 auto;
  display:flex;
  height:48px;
  padding:20px 40px;
  align-items:center;
  gap:10px
}
#unsubscribe .unsubscribe-container #unsubscribe-us .form-field {
  margin:0 10px
}
#unsubscribe .unsubscribe-container #unsubscribe-us .form-actions {
  text-align:center;
  margin:10px
}
#unsubscribe .unsubscribe-container .form-field:nth-child(5) {
  grid-column:span 2
}
.unsubscribe-section {
  margin:0 !important
}
.unsubscribe {
  max-width:550px;
  padding:3rem !important;
  border-radius:8px;
  margin:4rem auto !important;
  background-color:var(--color-primary-light);
  box-shadow:none !important
}
.unsubscribe .unsubscribe-title {
  color:var(--color-white)
}
.unsubscribe .form-field label {
  color:var(--color-white)
}
.unsubscribe .form-actions {
  width:100%
}
.unsubscribe .form-actions .button {
  width:100%
}
.contact-inner {
  display:flex;
  flex-direction:row;
  padding-top:64px;
  padding-bottom:96px;
  padding-left:2rem;
  padding-right:2rem;
  justify-content:space-evenly;
  gap:64px
}
@media(max-width: 1024px) {
  .contact-inner {
    padding:64px 16px;
    padding-left:1rem;
    padding-right:1rem;
    flex-direction:column
  }
}
.contact-inner .contact-section {
  display:flex;
  padding:20px 64px;
  flex-basis:580px;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:24px;
  align-self:stretch;
  color:var(--color-white);
  border:1px solid var(--color-primary);
  border-radius:8px;
  background:var(--color-primary-light) !important
}
@media(max-width: 1024px) {
  .contact-inner .contact-section {
    padding:10px 16px;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:24px
  }
}
.contact-inner .contact-section p {
  color:var(--color-white);
  font-style:normal;
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:600
}
.contact-inner .contact-section p .span {
  color:var(--color-white);
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:400
}
.contact-inner .contact-section a,
.contact-inner .contact-section span,
.contact-inner .contact-section p {
  color:var(--color-primary)
}
.contact-inner .contact-section a {
  text-decoration:none
}
.contact-inner .contact-section .span {
  display:block
}
.contact-inner .email-section {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:48px
}
.contact-inner .email-section form .form-field {
  padding-bottom:.2rem
}
.contact-inner .email-section form .form-field .form-label {
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:600
}
.contact-inner .email-section form .form-field .form-data[data-grav-field=checkbox] .form-input-wrapper {
  display:flex;
  align-items:center
}
.contact-inner .email-section form .form-field .basic-captcha .form-input-wrapper {
  background:#fff
}
@media(max-width: 1024px) {
  .contact-inner .email-section form .form-field .basic-captcha .form-input-wrapper {
    gap:0;
    flex-wrap:nowrap
  }
  .contact-inner .email-section form .form-field .basic-captcha .form-input-wrapper .form-input {
    flex:auto !important;
    margin-left:15px
  }
}
.contact-inner .email-section form .form-field .basic-captcha .form-input {
  flex:auto;
  margin:0;
  outline:none
}
.contact-inner .email-section form .form-actions .button {
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:600
}
.contact-inner .email-section textarea {
  display:flex;
  height:154px;
  flex-direction:column;
  align-items:flex-start;
  align-self:stretch
}
.contact-inner .email-section .text-content {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
  align-self:stretch
}
.contact-inner .email-section .text-content .text-brand {
  color:var(--color-white);
  font-style:normal;
  font-size:2.25rem;
  line-height:2.75rem;
  letter-spacing:-0.02em;
  font-weight:700
}
.contact-inner .email-section .text-content p {
  color:var(--color-white);
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:400;
  font-style:normal
}
.about-us-section {
  padding:10rem 7rem;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:96px;
  align-self:stretch;
  margin:0 auto
}
.about-us-section .text-right-image {
  max-width:614px;
  flex:1 0 49%;
  align-self:stretch
}
@media(max-width: 1024px) {
  .about-us-section .text-right-image {
    flex:unset
  }
}
.about-us-section .text-right-image img {
  width:100%
}
.about-us-section p {
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:inherit
}
.paragraph-column {
  width:50%
}
.about-image {
  display:flex;
  justify-content:center
}
.about-image img {
  width:80%;
  border-radius:23px
}
.about-text {
  flex:1 0 49%;
  display:flex;
  padding:4rem 2.5rem;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:.625rem
}
.about-text .block-title {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.625rem;
  align-self:stretch;
  color:var(--color-black)
}
@media(max-width: 1024px) {
  .about-us-section {
    flex-direction:column
  }
  .about-us-section:nth-child(2) {
    flex-direction:column-reverse
  }
  .paragraph__image {
    height:30rem;
    flex:unset
  }
  .paragraph__text {
    padding:3rem 1.5rem
  }
  .about-us-section {
    padding:3rem 2rem
  }
  .paragraph-container {
    flex-direction:column-reverse
  }
  .about-text {
    padding:1rem 0
  }
  .paragraph-image {
    height:12rem;
    margin:auto
  }
}
.content-section.change-password-form {
  max-width:600px;
  padding-bottom:75px;
  padding-top:75px
}
.content-section.change-password-form label {
  display:none
}
.content-section.change-password-form .form-actions {
  text-align:center
}
.content-section.change-password-form .form-actions button {
  display:inline-block
}
.content-section.cancel-membership {
  max-width:600px;
  padding-bottom:75px;
  padding-top:75px
}
form[name=contact-us] {
  width:100%
}
form[name=contact-us] .form-textarea-wrapper label.error {
  bottom:-30px
}
form[name=contact-us] .form-actions {
  margin-top:32px
}
form[name=contact-us] .form-actions .button {
  width:100%;
  font-size:16px;
  line-height:1.5rem;
  letter-spacing:normal;
  font-weight:inherit
}
form[name=contact-us] .form-field:nth-child(2) {
  float:right
}
form[name=contact-us] .form-field:nth-child(1),
form[name=contact-us] .form-field:nth-child(2) {
  width:calc(50% - 1rem);
  display:inline-block
}
@media(max-width: 1024px) {
  form[name=contact-us] .form-field:nth-child(1),
  form[name=contact-us] .form-field:nth-child(2) {
    width:100%;
    display:block
  }
}
form[name=contact-us] label {
  color:var(--color-white)
}
.footer-logo {
  display:flex;
  padding:64px 0 0 0;
  justify-content:center;
  flex-direction:column;
  gap:.625rem;
  background:var(--color-primary-light);
  color:var(--color-white)
}
.footer-logo .footer-logo-container {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3rem;
  padding-left:2rem;
  padding-right:2rem
}
.footer-logo .footer-logo-container .title {
  color:var(--color-white);
  font-size:1.5rem;
  line-height:2rem;
  letter-spacing:normal;
  font-weight:700
}
.footer-logo .footer-logo-container p {
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:inherit;
  padding:.5rem 0
}
@media(max-width: 564px) {
  .footer-logo .footer-logo-container p {
    font-size:16px;
    line-height:1.5rem;
    letter-spacing:normal;
    font-weight:inherit
  }
}
.footer-logo .footer-logo-container a {
  color:var(--color-white);
  text-decoration:none;
  font-size:1.125rem;
  line-height:1.75rem;
  letter-spacing:normal;
  font-weight:inherit
}
@media(max-width: 564px) {
  .footer-logo .footer-logo-container a {
    font-size:16px;
    line-height:1.5rem;
    letter-spacing:normal;
    font-weight:inherit
  }
}
.footer-logo .footer-logo-container a:hover {
  text-decoration:underline
}
@media(max-width: 1024px) {
  .footer-logo .footer-logo-container {
    padding-left:1rem;
    padding-right:1rem
  }
}
.footer-logo .footer-logo-container .footer-logo-top {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  align-self:stretch
}
@media(max-width: 1024px) {
  .footer-logo .footer-logo-container .footer-logo-top {
    flex-direction:column;
    gap:1.5rem
  }
}
.footer-logo .footer-logo-container .footer-logo-top .footer-contact {
  width:30%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.625rem
}
@media(max-width: 1024px) {
  .footer-logo .footer-logo-container .footer-logo-top .footer-contact {
    width:100%
  }
}
.footer-logo .footer-logo-container .footer-logo-top .logo {
  max-width:180px;
  height:auto
}
.footer-logo .footer-logo-container .footer-logo-top .footer-menu {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.4375rem;
  align-self:stretch
}
.footer-logo .footer-logo-container .footer-logo-top .footer-menu .menu-item {
  display:flex;
  padding:.5rem 0;
  justify-content:flex-start;
  align-items:center;
  gap:.625rem
}
.footer-logo .footer-logo-container .footer-cards {
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  justify-content:center;
  gap:1rem
}
@media(max-width: 1024px) {
  .footer-logo .footer-logo-container .footer-cards {
    width:100%
  }
}
.footer-logo .footer-logo-container .footer-cards img {
  width:60px
}
.footer-logo .footer-logo-container .footer-logo {
  padding:0
}
.footer-logo .footer-bottom {
  display:flex;
  padding:1rem 1rem;
  justify-content:center;
  margin-top:3rem;
  align-items:flex-start;
  gap:.625rem;
  align-self:stretch;
  border-top:1px solid var(--color-primary, #fff);
  background:var(--color-secondary);
  color:var(--color-white)
}
@media(max-width: 1024px) {
  .footer-logo .footer-bottom {
    margin-top:0
  }
}
.footer-logo .footer-bottom p {
  color:var(--color-white);
  font-size:.75rem;
  line-height:1.125rem;
  letter-spacing:normal;
  font-weight:inherit;
  text-align:center
}
.header {
  position:relative;
  top:0;
  left:0;
  right:0;
  padding:18px 0;
  background:var(--color-secondary);
  color:var(--color-white)
}
@media(max-width: 1024px) {
  .header {
    position:fixed;
    z-index:3;
    padding:.5rem
  }
}
.header .container {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-left:2rem;
  padding-right:2rem;
  display:flex
}
@media(max-width: 1024px) {
  .header .container {
    padding:0;
    padding-left:1rem;
    padding-right:1rem
  }
}
.header .container .header-logo {
  display:flex;
  align-items:center;
  order:2;
  flex:1
}
.header .container .header-logo a img {
  height:auto;
  max-width:200px;
  display:flex;
  align-items:center
}
.header .container .menu {
  display:flex;
  align-items:center;
  gap:.5rem;
  order:1;
  flex:1
}
@media(max-width: 1024px) {
  .header .container .menu {
    display:none
  }
}
.header .container .menu .menu-item {
  display:flex;
  padding:.25rem 1.5rem;
  justify-content:center;
  align-items:center
}
.header .container .menu .menu-item .menu-item__link {
  font-weight:600;
  text-decoration:none;
  transition:all .3s ease-in-out
}
.header .container .menu .menu-item .menu-item__link:hover {
  transform:translateY(-0.15rem)
}
.header .container .menu .menu-item.active {
  padding-left:0
}
.header .container .menu .menu-item.active a {
  color:var(--color-primary) !important
}
.header .container .header-buttons {
  display:flex;
  align-items:center;
  gap:1rem;
  order:3
}
.header .container .header-buttons .btn {
  color:var(--color-secondary)
}
@media(max-width: 1024px) {
  .header .container .header-buttons .btn {
    display:none
  }
}
.header .container .header-buttons .signup {
  background:var(--color-secondary);
  border:1px solid var(--color-tertiary);
  color:var(--color-tertiary)
}
.header .container .header-buttons .language-switcher {
  padding:3px 9px
}
.header .container .header-buttons .language-switcher svg path {
  fill:var(--color-black)
}
.header .container .header-buttons .language-switcher .lang-flag {
  width:27px;
  height:auto
}
.header .container .header-buttons .cheeseburger-menu__close {
  display:none;
  width:100%;
  justify-content:flex-end;
  height:40px;
  width:40px;
  align-items:center
}
.header .container .header-buttons .cheeseburger-menu__close span {
  background-image:url(../../images/close.svg);
  background-repeat:no-repeat;
  background-size:24px;
  height:24px;
  width:24px
}
.container {
  max-width:1220px;
  margin:0 auto;
  width:100%
}
@media(max-width: 1024px) {
  .container {
    width:auto
  }
}
@media(max-width: 564px) {
  .container {
    width:auto
  }
}
.paragraph p {
  font-size:1.25rem;
  line-height:1.875rem;
  letter-spacing:normal;
  font-weight:inherit
}
@media(max-width: 564px) {
  .paragraph p {
    font-size:1.125rem;
    line-height:1.75rem;
    letter-spacing:normal;
    font-weight:inherit
  }
}
.paragraph-column {
  width:50%
}
.paragraph-image {
  max-width:614px;
  flex:1 0 49%;
  align-self:stretch
}
.paragraph-image img {
  width:100%
}
.paragraph-image img:hover {
  transform:scale(1.02)
}
@media(max-width: 1024px) {
  .paragraph-image img {
    width:100%
  }
}
.paragraph-text {
  flex:1 0 49%
}
.paragraph-text {
  display:flex;
  padding:4rem 0;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:.625rem
}
.paragraph-text .block-title {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.625rem;
  align-self:stretch;
  color:var(--color-black)
}
.notice-container {
  display:none
}
.form-login-wrapper .notice-container {
  display:block !important
}
@media(max-width: 1024px) {
  .paragraph {
    flex-direction:column
  }
  .paragraph:nth-child(2) {
    flex-direction:column-reverse
  }
  .paragraph__image {
    height:30rem;
    flex:unset
  }
  .paragraph__text {
    padding:3rem 0
  }
  .paragraph {
    padding:1rem 0
  }
  .paragraph-container {
    flex-direction:column-reverse
  }
  .paragraph-text {
    padding:1rem 0
  }
  .paragraph-image {
    height:12rem
  }
}
.content-section {
  display:block;
  align-self:stretch;
  max-width:1220px;
  padding:2.5rem 2rem;
  margin:0 auto;
  overflow-wrap:anywhere
}
.content-section .dashboard-content {
  width:100%;
  min-height:1022px;
  border:solid 1px rgba(128,128,128,.2509803922)
}
.theme-shadow {
  box-shadow:20px 20px 0px 0px var(--color-primary);
  border-radius:20px
}
@media(max-width: 1024px) {
  .theme-shadow {
    box-shadow:10px 10px 0px 0px var(--color-primary);
    border-radius:10px
  }
}
.text-white {
  color:var(--color-white) !important
}
.text-dark {
  color:var(--color-white)
}
.text-primary {
  color:var(--color-primary) !important
}
.text-primary-light {
  color:var(--color-primary-light) !important
}
.text-secondary {
  color:var(--color-secondary) !important
}
.text-secondary-light {
  color:var(--color-secondary-light) !important
}
.text-grey {
  color:var(--color-grey) !important
}
.text-purple {
  color:var(--color-purple) !important
}
.text-tertiary {
  color:var(--color-tertiary) !important
}
.text-gradient {
  background:-webkit-linear-gradient(var(--color-primary), var(--color-secondary));
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0)
}
.text-gradient-secondary {
  background:-webkit-linear-gradient(var(--color-secondary), var(--color-primary));
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0)
}
.text-color-gold {
  color:gold !important
}
.text-mute-1 {
  color:var(--color-mute-1) !important
}
.text-mute-2 {
  color:var(--color-mute-2) !important
}
.text-mute-3 {
  color:var(--color-mute-3) !important
}
.bg-color {
  background:var(--color-bg) !important
}
.bg-white {
  background:var(--color-white)
}
.bg-dark {
  background:var(--color-black) !important
}
.bg-primary {
  background:var(--color-primary) !important
}
.bg-primary-light {
  background:var(--color-primary-light) !important
}
.bg-secondary {
  background:var(--color-secondary) !important
}
.bg-secondary-light {
  background:var(--color-secondary-light) !important
}
.bg-grey {
  background:var(--color-grey) !important
}
.bg-purple {
  background:var(--color-purple) !important
}
.bg-tertiary {
  background:var(--color-tertiary) !important
}
.bg-transparent {
  background:rgba(0,0,0,0)
}
.bg-gradient {
  display:block;
  appearance:none;
  border:none;
  padding:.875rem 1.5625rem;
  border-radius:.5rem;
  background:var(--gradient);
  transition:all .3s ease-in-out
}
.bg-gradient-secondary {
  display:block;
  appearance:none;
  border:none;
  padding:.875rem 1.5625rem;
  border-radius:.5rem;
  background:var(--gradient-secondary);
  transition:all .3s ease-in-out
}
.order-1 {
  order:1 !important
}
.order-2 {
  order:2 !important
}
.order-3 {
  order:3 !important
}
.order-4 {
  order:4 !important
}
.flex-row {
  flex-direction:row !important
}
.flex-row-reverse {
  flex-direction:row-reverse !important
}
.flex-column {
  flex-direction:column !important
}
.flex-column-reverse {
  flex-direction:column-reverse !important
}
.flex-row-1 {
  flex:100% !important
}
.flex-row-2 {
  flex:49% !important
}
.flex-row-3 {
  flex:31.5% !important
}
.flex-row-4 {
  flex:23% !important
}
.flex-row-5 {
  flex:19% !important
}
.flex-row-6 {
  flex:16% !important
}
.dFlex {
  display:flex !important
}
ol:not(.breadcrumb),
ul:not(.breadcrumb) {
  margin-left:1rem
}