@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");
@font-face {
  font-family: "syncopate";
  src: url("/fonts/syncopate-bold.woff2") format("woff2"), url("/fonts/syncopate-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "syncopate";
  src: url("/fonts/syncopate-regular.woff2") format("woff2"), url("/fonts/syncopate-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  line-height: 140%;
  color: #513E3E;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #F7F1F0;
  background-image: url("/img/bg-blob-left.png"), url("/img/bg-blob-right.png");
  background-position: left top, right 240px;
  background-repeat: repeat-y, repeat-y;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body.modal-open {
  overflow-y: hidden;
}

a {
  text-decoration: none;
}

@media (max-width: 575px) {
  .modal-dialog {
    margin: 0 !important;
  }
}
.w-45 {
  width: 45% !important;
}

.w-55 {
  width: 55% !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.me-10 {
  margin-right: 10px !important;
}

.me-20 {
  margin-right: 20px !important;
}

.me-30 {
  margin-right: 30px !important;
}

.me-60 {
  margin-right: 60px !important;
}

.text-bold {
  font-weight: bold !important;
}

.maxW100 {
  max-width: 100%;
}

.video {
  position: relative;
  cursor: pointer;
  width: 820px;
  max-width: 100%;
  line-height: 1;
}
.video__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 44px;
  height: 55px;
  background: url("/img/play.svg") center/contain no-repeat;
  z-index: 1;
  filter: drop-shadow(0px 20px 18px rgba(0, 0, 0, 0.21));
}
.video__player {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.iframeContainer {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
}
.iframeContainer iframe, .iframeContainer video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.iframeContainer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 14px;
}

.h1-m,
.h2-m,
.h3-m,
.h4-m,
.h5-m,
.h6-m,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Syncopate", sans-serif;
  line-height: 130.5%;
}

.h1-m {
  font-size: 40px;
}

.h2-m {
  font-size: 30px;
}

.h3-m {
  font-size: 24px;
}

.h4-m {
  font-size: 22px;
}

.h5-m {
  font-size: 18px;
}

.h6-m {
  font-size: 16px;
}

.btn {
  font-size: 13px;
  letter-spacing: 0.37em;
  text-transform: uppercase;
  padding: 18px 35px;
  margin: 0;
  border-radius: 70px;
  display: inline-block;
  font-weight: bold;
  font-family: "Quicksand", sans-serif !important;
}
@media (max-width: 991px) {
  .btn {
    max-width: 100%;
  }
}
.btn img, .btn svg {
  margin-right: 10px;
}
.btn.disabled {
  opacity: 0.3;
}
.btn--black {
  color: white;
  background: #1D1D1D;
}
.btn--black:hover {
  color: inherit !important;
  background: #DAACA4;
}
.btn--primary {
  color: #FFFFFF !important;
  background: #1D1D1D;
}
.btn--primary:hover {
  color: inherit !important;
  background: #DAACA4;
}
.btn--outline {
  color: #513E3E;
  background: transparent;
  border: 1px solid #C1A4A0;
}
.btn--outline:hover {
  background: #1D1D1D;
  border-color: #1D1D1D;
  color: #FFFFFF;
}
.btn--gold {
  color: #513E3E;
  background: #F2D18F;
}
.btn--gold:hover {
  background: #DAACA4;
}
.btn--brown-pale {
  color: #513E3E;
  background-color: #E8D8D8;
}
.btn--deepsilver {
  color: #513E3E;
  background-color: #E8D8D8;
  opacity: 0.3;
}
.btn--deepsilver:hover {
  background: #E8D8D8;
}
.btn--rosegold {
  color: #513E3E;
  background: #E8D8D8;
}
.btn--rosegold:hover {
  color: #FFFFFF !important;
  background: #1D1D1D;
}
.btn--white {
  background: white;
}
.btn--white.wide {
  padding-left: 75px;
  padding-right: 75px;
}
.btn--transparent-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #685252;
}
.btn--transparent-outline:hover {
  border: 1px solid #C1A4A0;
}
.btn--transparent-bg {
  color: #685252;
}
.btn--transparent-bg:hover {
  background: #F2E6E4;
}
.btn--transparent {
  background-color: transparent;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.btn--small {
  padding: 10px 20px !important;
  letter-spacing: 0.25em;
}
.btn.lemondom {
  color: #E8D8D8;
  font-weight: normal;
}

form {
  /* Checkbox wrapper */
}
form .form-title {
  font-size: 16px;
  line-height: 130.5%;
  text-transform: uppercase;
  color: #1D1D1D;
  margin-bottom: 20px;
}
form label {
  font-size: 14px;
  line-height: 23px;
  color: #513E3E;
  padding-left: 15px;
  display: block;
  font-weight: bold;
}
form input {
  border: 1px solid #E8D8D8;
  border-radius: 24px;
  padding: 9px 14px;
  width: 100%;
  max-width: 100%;
  font-size: 16px;
  line-height: 130.5%;
  color: #513E3E;
  -moz-box-shadow: inset 0;
  box-shadow: inset 0;
}
form input[disabled] {
  background: white;
  color: rgba(81, 62, 62, 0.4);
}
form textarea {
  width: 100%;
  min-height: 146px;
  background: #fff;
  border: 1px solid #E8D8D8;
  border-radius: 12px;
  padding: 9px 14px;
  color: #513E3E;
}
form textarea::placeholder {
  color: #b9b2b2;
}
form .custom-dropdown {
  position: relative;
}
form .custom-dropdown .mainput {
  background-image: url("/img/arrow-down.svg");
  background-position: center right 15px;
  background-repeat: no-repeat;
}
form .custom-dropdown input {
  cursor: pointer;
  background-image: url("/img/arrow-down.svg");
  background-position: right 20px center;
  background-repeat: no-repeat;
}
form .custom-dropdown input:focus ~ ul {
  display: block;
}
form .custom-dropdown ul {
  position: absolute;
  z-index: 100;
  display: none;
  padding: 0 !important;
  margin: 0;
  list-style-type: none;
  width: 100%;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid #E8D8D8;
  border-top: none;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
  max-height: 228px;
  overflow-y: auto;
  top: 76px;
  background: #FFFFFF;
}
form .custom-dropdown ul li {
  padding: 13px 20px;
  margin: 0;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}
form .custom-dropdown ul li::before {
  content: unset !important;
}
form .custom-dropdown ul li:hover {
  background: #F7F1F0;
}

.checkbox-wrapper {
  display: flex;
  align-items: center;
}
.checkbox-wrapper label {
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  padding-left: 14px;
}
.checkbox-wrapper input {
  transform: scale(1.2);
  width: unset;
  margin-top: 4px;
  background: #FFFFFF;
  border: 1px solid #E8D8D8;
}

input[type=checkbox] {
  display: none !important;
}

input[type=checkbox] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
input[type=checkbox] ~ label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  display: block;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #E8D8D8;
  border-radius: 4px;
}

input[type=checkbox]:checked ~ label::before {
  background: #C1A4A0 !important;
}
input[type=checkbox]:checked ~ label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 7px;
  display: block;
  width: 10px;
  height: 10px;
  background: url("/img/icon-tick-light.svg") center/contain no-repeat;
  z-index: 2;
}

@media only screen and (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .me-sm-20 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 768px) {
  .me-md-10 {
    margin-right: 10px !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .w-md-33 {
    width: 33% !important;
  }
  .w-md-66 {
    width: 66% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .work-upload-success .profile-modal__inner {
    padding: 90px 80px 79px;
  }
  .work-upload-unsuccess .profile-modal__inner {
    padding: 90px 41px 57px;
  }
}
@media only screen and (min-width: 992px) {
  .mentor__img {
    min-width: 200px;
    max-width: 320px;
  }
  form .form-title {
    font-size: 18px;
  }
  body {
    font-size: 18px;
    line-height: 160%;
  }
  .w-lg-min-content {
    width: min-content !important;
  }
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .mb-lg-25 {
    margin-bottom: 25px !important;
  }
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .mb-lg-45 {
    margin-bottom: 45px !important;
  }
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .mb-lg-90 {
    margin-bottom: 90px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mt-lg-100 {
    margin-top: 100px !important;
  }
  .mt-lg-30 {
    margin-top: 30px !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .me-lg-10 {
    margin-right: 10px !important;
  }
  .me-lg-40 {
    margin-right: 40px !important;
  }
  .ms-lg-100 {
    margin-left: 100px !important;
  }
  .btn {
    padding: 18px 35px;
  }
  .h1 {
    font-size: 40px;
  }
  .h2 {
    font-size: 30px;
  }
  .h3 {
    font-size: 24px;
  }
  .h4 {
    font-size: 22px;
  }
  .h5 {
    font-size: 18px;
  }
  .h6 {
    font-size: 16px;
  }
  body {
    background-image: url("/img/bg-blob-left-desktop.png"), url("/img/bg-blob-right-desktop.png");
    background-position: left top, right 595px;
  }
}
/* ----- HEADER ----- */
.navbar {
  height: 112px;
  background-color: #FAF7F6;
}
.navbar .emburger {
  margin-left: 20px;
}
.navbar .navbar-brand {
  width: 202px;
  height: 50px;
}
.navbar .login-mobile {
  background: url("/img/user-outline.svg") center/contain no-repeat;
  width: 21px;
  height: 24px;
  border: none;
}
.navbar .nav-item {
  margin-right: 31px;
}
.navbar .nav-item img {
  cursor: pointer;
}
.navbar .nav-item.golden a {
  color: #F2D18F !important;
  border: 1px solid #F2D18F;
  border-radius: 24px;
  padding: 6px 15px;
  background: 0;
}
.navbar .nav-item:last-of-type {
  margin-right: 0;
}
.navbar .nav-item a,
.navbar .nav-item button {
  font-size: 1rem;
  line-height: 1;
  color: #7D7877;
  padding: 0 0 9px;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 1px no-repeat;
  transition: 0.15s;
  text-decoration: none;
  cursor: pointer;
}
.navbar .nav-item a:hover, .navbar .nav-item a.active,
.navbar .nav-item button:hover,
.navbar .nav-item button.active {
  color: #1D1D1D;
  --d: 100%;
}
.navbar .nav-item a.btn--outline,
.navbar .nav-item button.btn--outline {
  padding: 7px 14px !important;
  white-space: nowrap;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: normal;
}
.navbar .nav-item a.btn--outline:hover,
.navbar .nav-item button.btn--outline:hover {
  background: #1D1D1D;
  border-color: #1D1D1D;
  color: #FFFFFF;
}
.navbar .nav-item a.login-btn,
.navbar .nav-item button.login-btn {
  padding-left: 21px;
  padding-top: 3px;
  position: relative;
  border: none;
}
.navbar .nav-item a.login-btn::before,
.navbar .nav-item button.login-btn::before {
  content: "";
  display: block;
  background: url("/img/user-outline.svg") center/contain no-repeat;
  width: 14px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 3px;
}

.logged-in .navbar .login-mobile {
  background: url("/img/user-solid.svg") center/contain no-repeat;
}
.logged-in .navbar .nav-item a.login-btn,
.logged-in .navbar .nav-item button.login-btn {
  padding-right: 15px;
}
.logged-in .navbar .nav-item a.login-btn::before,
.logged-in .navbar .nav-item button.login-btn::before {
  background: url("/img/user-solid.svg") center/contain no-repeat;
}
.logged-in .navbar .nav-item a.login-btn::after,
.logged-in .navbar .nav-item button.login-btn::after {
  content: "";
  display: block;
  background: url("/img/arrow-down.svg") center/contain no-repeat;
  width: 8px;
  height: 4px;
  position: absolute;
  right: 0;
  top: 9px;
}

@media (max-width: 991px) {
  .navbar {
    height: 95px;
    align-items: center;
    margin-bottom: 0;
  }
  .navbar .navbar-brand {
    /*top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 148px;
    height: 103px;*/
  }
  .navbar .navbar-collapse {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #FAF7F6;
    left: 0;
    top: 0;
    padding: 80px 55px;
    transition: none;
    z-index: 1000;
  }
  .navbar .navbar-collapse .navbar-toggler {
    position: absolute;
    right: 24px;
    top: 24px;
  }
  .navbar .navbar-collapse .nav-item {
    margin-bottom: 41px;
    margin-right: 0;
  }
  .navbar .navbar-collapse .nav-item a {
    font-size: 20px;
  }
  .navbar .navbar-collapse .nav-item a.login-btn::before {
    top: 5px;
  }
  .navbar .navbar-collapse .nav-item a.login-btn::after {
    top: 12px;
  }
  main {
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .navbar {
    position: fixed;
    z-index: 100;
    top: 0;
    width: 100vw;
  }
  .navbar .navbar-expand-lg .navbar-collapse {
    flex-grow: unset !important;
  }
  .navbar__scrolled {
    background: #F7F1F0;
    box-shadow: 0px 4px 20px rgba(104, 82, 82, 0.1);
  }
  main {
    padding-top: 182px;
  }
}
/* ----- FOOTER ----- */
.footer {
  margin-top: auto;
  padding: 26px 0 30px;
  background: #FAF7F6;
  box-shadow: 0px -1px 40px rgba(104, 82, 82, 0.07);
  font-size: 16px;
  color: #513E3E;
}
.footer nav {
  padding-left: 15px;
}
.footer a {
  line-height: 140%;
  color: #513E3E;
  text-decoration: none;
  margin-bottom: 5px;
}
.footer a:hover {
  text-decoration: underline;
  color: #513E3E;
}
.footer p {
  margin-bottom: 10px;
}
.footer p span:first-of-type {
  margin-right: 15px;
}
.footer .footer_social__wrap {
  display: flex;
  justify-content: center;
}
.footer__social {
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .footer__social {
    display: inline-grid;
    gap: 10px;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.footer__social a {
  background: #F2E6E4;
  border-radius: 6px;
  width: 65px;
  height: 65px;
  display: grid;
  place-items: center;
  margin-right: 7px;
  margin-bottom: 7px;
}
.footer__social a:last-of-type {
  margin-right: 0;
}
.footer__copyright {
  font-size: 16px;
  line-height: 20px;
  color: rgba(81, 62, 62, 0.5);
  text-align: center;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .footer {
    padding-bottom: 94px;
  }
}

@media only screen and (min-width: 768px) {
  .footer {
    padding-top: 60px;
  }
  .footer__logo {
    margin-bottom: 15px;
  }
  .footer p span:first-of-type {
    margin-right: 23px;
  }
}
/* ----- HOME ----- */
.home__hero h1 {
  margin-bottom: 20px;
}
.home__hero .imgWrap {
  margin-bottom: 45px;
}
.home__hero .imgWrap img {
  max-width: 100%;
  border-radius: 20px;
}
.home .scroll-down {
  display: block;
  margin: 50px 0;
}
.home .cta-text {
  margin: 0 auto 20px;
  width: 100%;
  max-width: 794px;
}
.home .indian-summer {
  background: url("/img/indian-summer.png") center/cover no-repeat;
  padding: 40px 0;
  color: #FFFFFF;
  scroll-margin-top: 112px;
}
.home .indian-summer__heading {
  margin-bottom: 10px;
  font-family: "Syncopate", sans-serif;
  font-size: 30px;
}
.home .indian-summer__desc {
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 10px;
}
.home .indian-summer__date {
  font-size: 24px;
  line-height: 140%;
  margin-bottom: 40px;
}
.home__new-courses {
  padding: 50px 0;
}
.home .show-cards-btn {
  margin-top: 40px;
}
.home .separator {
  margin: 50px auto 20px;
  width: 63px;
}
.home__try-it {
  padding: 50px 0;
  background: rgba(255, 255, 255, 0.4);
}

.heart {
  width: 24px;
  height: 24px;
  background-image: url("/img/favorite3.svg");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.heart.on {
  background-image: url("/img/favorite_on.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.course-card {
  padding: 25px 25px 35px;
  margin: 20px 0px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
@media (max-width: 767px) {
  .course-card {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.course-card__desc {
  position: relative;
}
.course-card__difflevel {
  margin-bottom: 30px;
  display: flex;
  gap: 20px;
}
.course-card__subjectwords {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.course-card__subjectwords a {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 8px;
  border-radius: 18px;
  border: 1px solid var(--Brown-Standard, #C1A4A0);
  padding: 5px 14px;
  color: inherit;
}
.course-card .heart {
  position: absolute;
  z-index: 500;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
}
.course-card__img-wrapper {
  margin-bottom: 23px;
}
.course-card__img {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 9px;
  background-color: rgba(81, 62, 62, 0.5);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.course-card__img.margin-top {
  margin-top: 15px;
}
.course-card__img .freeLabel {
  background-color: var(--Brown-Light, #E8D8D8);
  border-radius: 9px 9px 0 0;
  padding: 6px 10px;
  color: #1D1D1D;
  margin-bottom: 18px;
  display: inline-flex;
  font-size: 16px;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.course-card__img .courseIsFull {
  background-color: rgba(232, 216, 216, 0.7);
  border-radius: 9px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #000;
  text-align: center;
  font-family: Quicksand;
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 13.32px;
  text-transform: uppercase;
}
.course-card__img .courseIsFull.jelcso {
  font-size: 30px;
  letter-spacing: 11.1px;
}
.course-card__img__labels {
  position: absolute;
  top: 0;
  padding: 20px;
}
.course-card__img .personal-indicator {
  border-radius: 9px 9px 0px 0px;
  background-color: #E8D8D8;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  gap: 14px;
  position: absolute;
  top: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 5px;
  color: var(--brown-deep-dark, #513E3E);
}
.course-card__label {
  color: #685252;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
  padding-left: 34px;
  letter-spacing: 0.37em;
  text-transform: uppercase;
  font-family: "Quicksand", sans-serif;
  position: relative;
}
.course-card__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
}
.course-card .evt-date {
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.course-card .evt-date img {
  margin-right: 7px;
}
.course-card__title {
  margin-bottom: 30px;
}
.course-card__title a {
  color: inherit;
}
.course-card__eddig {
  margin-top: 18px;
  margin-bottom: 23px;
  font-size: 16px;
}
.course-card__eddig img {
  margin-left: 60px;
}
.course-card__eddig span {
  font-size: 14px;
}
.course-card__ferohelys {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
  border-radius: 20px;
  background: #685252;
  padding: 10px 20px;
  font-weight: 700;
}
.course-card__ferohelys img {
  margin-left: 13px;
  margin-right: 6px;
}
.course-card__ferohelys span {
  font-weight: normal;
}
.course-card .progressText {
  font-size: 14px;
}
.course-card .progressBar {
  height: 6px;
  background: #F2E6E4;
  border-radius: 2px;
}
.course-card .progressBar .inner {
  height: 6px;
  background: #685252;
  border-radius: 2px;
}
.course-card .buttWrap {
  margin-top: 20px;
  text-align: right;
}
@media (max-width: 991px) {
  .course-card .buttWrap {
    margin-top: 15px;
  }
}
.course-card .buttWrap a {
  padding-right: 0;
}
.course-card__text {
  margin-bottom: 20px;
  position: relative;
}
.course-card__text .bottom-gradient {
  position: absolute;
  height: 15px;
  width: 100%;
  bottom: 0;
  display: none;
  background: linear-gradient(0deg, rgb(247, 241, 240) 0%, rgba(247, 241, 240, 0.0257352941) 100%);
}
@media (max-width: 991px) {
  .course-card__text {
    /* max-height: 60px;
     overflow: hidden;*/
  }
  .course-card__text .bottom-gradient {
    display: block;
  }
  .course-card__text.on {
    max-height: unset;
  }
  .course-card__text.on .bottom-gradient {
    display: none;
  }
}
.course-card--SNA_TREND .course-card__label::before {
  background: url("/img/icon-live.svg") center/contain no-repeat;
}
.course-card--SNA_VILLAM .course-card__label::before {
  background: url("/img/icon-flash.svg") center/contain no-repeat;
}
.course-card--SNA_TECH .course-card__label::before {
  background: url("/img/icon-gear.svg") center/contain no-repeat;
}
.course-card--SNA_DISZ .course-card__label::before {
  background: url("/img/icon-flower.svg") center/contain no-repeat;
}
.course-card--SNA_SZEZ .course-card__label::before {
  background: url("/img/icon-leaf.svg") center/contain no-repeat;
}
.course-card--SNA_PREM .course-card__label::before {
  background: url("/img/icon-premium.svg") center/contain no-repeat;
}
.course-card--SNA_FASH .course-card__label::before {
  background: url("/img/icon-fashion.svg") center/contain no-repeat;
}
@media (max-width: 991px) {
  .course-card__title {
    margin-bottom: 20px;
  }
  .course-card__difflevel {
    margin-bottom: 20px;
  }
  .course-card .buttWrap {
    margin-top: 0;
  }
}

.courseEventType {
  position: relative;
  padding-left: 35px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.37em;
  text-transform: uppercase;
}
.courseEventType::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
}
.courseEventType.SNA_TREND::before {
  background: url("/img/icon-live.svg") center/contain no-repeat;
}
.courseEventType.SNA_VILLAM::before {
  background: url("/img/icon-flash.svg") center/contain no-repeat;
}
.courseEventType.SNA_TECH::before {
  background: url("/img/icon-gear.svg") center/contain no-repeat;
}
.courseEventType.SNA_DISZ::before {
  background: url("/img/icon-flower.svg") center/contain no-repeat;
}
.courseEventType.SNA_SZEZ::before {
  background: url("/img/icon-leaf.svg") center/contain no-repeat;
}
.courseEventType.SNA_PREM::before {
  background: url("/img/icon-premium.svg") center/contain no-repeat;
}
.courseEventType.SNA_FASH::before {
  background: url("/img/icon-fashion.svg") center/contain no-repeat;
}

.course-details--SNA_TREND .course-card__label::before {
  background: url("/img/icon-live.svg") center/contain no-repeat;
}

.course-details--SNA_VILLAM .course-card__label::before {
  background: url("/img/icon-flash.svg") center/contain no-repeat;
}

.course-details--SNA_TECH .course-card__label::before {
  background: url("/img/icon-gear.svg") center/contain no-repeat;
}

.course-details--SNA_DISZ .course-card__label::before {
  background: url("/img/icon-flower.svg") center/contain no-repeat;
}

.course-details--SNA_SZEZ .course-card__label::before {
  background: url("/img/icon-leaf.svg") center/contain no-repeat;
}

.course-details--SNA_PREM .course-card__label::before {
  background: url("/img/icon-premium.svg") center/contain no-repeat;
}

.course-details--SNA_FASH .course-card__label::before {
  background: url("/img/icon-fashion.svg") center/contain no-repeat;
}

.custom-list {
  list-style-type: none;
  padding: 15px 0 30px 0;
}
.custom-list li {
  margin-bottom: 20px;
  padding-left: 27px;
  position: relative;
  line-height: 140%;
}
.custom-list li:last-of-type {
  margin-bottom: 0;
}
.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  display: block;
  width: 17px;
  height: 17px;
}
.custom-list li.li-flower::before {
  background: url("/img/icon-flower.svg") center/contain no-repeat;
}
.custom-list li.li-live::before {
  background: url("/img/icon-live.svg") center/contain no-repeat;
}
.custom-list li.li-cloud::before {
  background: url("/img/icon-cloud.svg") center/contain no-repeat;
}
.custom-list li.li-light::before {
  background: url("/img/icon-light.svg") center/contain no-repeat;
}
.custom-list li.li-flash::before {
  background: url("/img/icon-flash.svg") center/contain no-repeat;
}

@media only screen and (min-width: 992px) {
  .home__hero h1 {
    margin-bottom: 61px;
  }
  .home .scroll-down {
    margin: 70px 0;
  }
  .home .cta-text {
    margin-bottom: 30px;
  }
  .home .indian-summer {
    padding: 62px 0;
  }
  .home .indian-summer__heading {
    margin-bottom: 0;
    font-size: 50px;
  }
  .home .indian-summer__desc {
    font-size: 32px;
  }
  .home__new-courses {
    padding: 70px 0;
  }
  .home .show-cards-btn {
    margin-top: 50px;
  }
  .home #hiddenCards {
    scroll-margin-top: 117px;
  }
  .home__try-it {
    padding: 50px 0 89px;
  }
  .home__try-it .custom-list {
    padding-left: 50px;
  }
  .home__try-it .custom-list li {
    font-size: 18px;
  }
  .course-card {
    display: flex;
    align-items: flex-start;
    padding: 45px 60px;
    width: unset;
    position: static;
    margin-left: unset;
    margin-right: unset;
    border-radius: 9px;
    margin-bottom: 20px;
  }
  .course-card__img-wrapper {
    width: 50%;
    margin: 0 40px 0 0;
    position: relative;
  }
  .course-card__img-wrapper .freemoji {
    position: absolute;
    top: 20px;
    left: 20px;
  }
  .course-card__desc {
    width: calc(50% - 40px);
    position: relative;
  }
  .course-card__label {
    padding-left: 37px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 22px;
  }
  .course-card__label::before {
    width: 27px;
    height: 27px;
  }
  .course-card__title {
    margin-bottom: 30px;
  }
}
.topShit {
  display: flex;
  margin-top: 75px;
}
.topShit .leftSide h1 {
  font-family: "syncopate";
  font-size: 40px;
  line-height: 130.5%;
}
.topShit .leftSide p {
  margin-top: 20px;
  margin-bottom: 0;
}
.topShit .leftSide ul {
  list-style: none;
  padding: 30px;
  padding-left: 50px;
}
@media (max-width: 575px) {
  .topShit .leftSide ul {
    padding: 15px;
  }
}
.topShit .leftSide ul li {
  position: relative;
  padding: 0 30px;
  margin-bottom: 20px;
}
.topShit .leftSide ul li::before {
  content: "";
  display: block;
  width: 13px;
  height: 21px;
  background: url(/img/icon-sub-list.svg) center/contain no-repeat;
  position: absolute;
  top: 5px;
  left: 0;
}
.topShit .rightSide {
  padding-top: 40px;
}
@media (max-width: 575px) {
  .topShit .rightSide {
    display: none;
  }
}
.topShit .rightSide img {
  width: 268px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .topShit .leftSide h1 {
    font-size: 18px;
    text-align: center;
  }
}

.registration-modal {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: #F7F1F0;
  z-index: 1000;
  padding-top: 80px;
  padding-bottom: 80px;
  overflow-y: auto;
  transition: all ease-in-out 0.4s;
  background-image: url("/img/bg-blob-left.png"), url("/img/bg-blob-right.png");
  background-position: left top, right 240px;
  background-repeat: repeat-y, repeat-y;
}
.registration-modal a {
  color: inherit;
  font-weight: bold;
}
.registration-modal.beSubscriberModal {
  padding-top: 30px;
  scroll-behavior: smooth;
}
.registration-modal.beSubscriberModal ul {
  list-style: none;
  padding-left: 15px;
  padding-right: 20px;
}
.registration-modal.beSubscriberModal ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
}
.registration-modal.beSubscriberModal ul li::before {
  content: url("/img/confirm.svg");
  position: absolute;
  left: 0;
  top: 0;
}
.registration-modal.beSubscriberModal .progStepsWrap {
  margin: 75px auto;
}
.registration-modal.beSubscriberModal .progStepsWrap .progSteps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 720px;
  margin: auto;
}
.registration-modal.beSubscriberModal .progStepsWrap .progSteps .circle {
  font-family: "Quicksand", sans-serif;
  background-color: #685252;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  position: relative;
}
.registration-modal.beSubscriberModal .progStepsWrap .progSteps .circle span.onmobile {
  display: none;
}
.registration-modal.beSubscriberModal .progStepsWrap .progSteps .circle span.name {
  font-weight: 700;
  font-size: 14px;
  color: #312D2D;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}
.registration-modal.beSubscriberModal .progStepsWrap .progSteps .circle.passive {
  background-color: #E8D8D8;
}
.registration-modal.beSubscriberModal .progStepsWrap .progSteps .line {
  height: 2px;
  background-color: #E8D8D8;
  width: 100%;
}
@media (max-width: 991px) {
  .registration-modal.beSubscriberModal .progStepsWrap .circle.passive, .registration-modal.beSubscriberModal .progStepsWrap .circle.notactual {
    display: none;
  }
  .registration-modal.beSubscriberModal .progStepsWrap span.onmobile {
    display: inline !important;
  }
  .registration-modal.beSubscriberModal .progStepsWrap span.name {
    /*left: 56px !important;
    bottom: unset !important;
    transform: unset !important;*/
  }
  .registration-modal.beSubscriberModal .progStepsWrap .line {
    display: none;
  }
  .registration-modal.beSubscriberModal .progStepsWrap .progSteps {
    justify-content: center;
  }
}
.registration-modal.beSubscriberModal .midShit a {
  color: inherit;
  font-weight: bold;
}
.registration-modal.beSubscriberModal .midShit h4 {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 160%;
  color: #513E3E;
  max-width: 778px;
  margin-bottom: 50px;
}
.registration-modal.beSubscriberModal .midShit .backBtn {
  margin-top: 15px;
}
.registration-modal.beSubscriberModal .formShit {
  margin-top: 50px;
  padding-bottom: 50px;
  /*width: 100%;
        max-width: 100%;*/
}
.registration-modal.beSubscriberModal .formShit h4 {
  font-family: "syncopate";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-top: 30px;
}
.registration-modal.beSubscriberModal .formShit h5 {
  font-size: 18px;
  line-height: 160%;
  max-width: 486px;
  margin-bottom: 30px;
}
.registration-modal.beSubscriberModal .formShit h5 b {
  display: block;
  margin-top: 20px;
}
.registration-modal.beSubscriberModal .formShit .formPart {
  font-family: "syncopate";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 130.5%;
  margin-bottom: 20px;
}
.registration-modal.beSubscriberModal .formShit .formPart.first {
  margin-top: 21px;
}
.registration-modal.beSubscriberModal .formShit .formPart.second {
  margin-top: 40px;
}
.registration-modal.beSubscriberModal .formShit .formRow a {
  display: inline !important;
  margin-bottom: unset !important;
  font-weight: 700;
}
.registration-modal.beSubscriberModal .formShit .registration-modal__form {
  width: 100%;
}
.registration-modal.beSubscriberModal .formShit .buttWrap {
  margin-top: 50px;
}
.registration-modal.beSubscriberModal .formShit .buttWrap button {
  display: inline;
}
.registration-modal.beSubscriberModal .chosenCard {
  margin: auto;
  margin-top: 50px;
  padding-left: 30px;
  max-width: 450px;
}
@media (max-width: 1199px) {
  .registration-modal.beSubscriberModal .chosenCard {
    padding: 0;
  }
}
.registration-modal.beSubscriberModal .chosenCard h5 {
  font-family: "syncopate";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 30px;
  text-align: center;
}
.registration-modal.beSubscriberModal .chosenCard ul {
  margin-bottom: 0 !important;
}
.registration-modal.beSubscriberModal .chosenCard button, .registration-modal.beSubscriberModal .chosenCard a {
  display: none;
}
.registration-modal.beSubscriberModal1 {
  padding-top: 30px;
}
.registration-modal.beSubscriberModal1 .topShit {
  display: flex;
  margin-top: 75px;
}
.registration-modal.beSubscriberModal1 .topShit .leftSide {
  width: 80%;
}
.registration-modal.beSubscriberModal1 .topShit .leftSide h1 {
  font-family: "syncopate";
  font-size: 40px;
  line-height: 130.5%;
  max-width: 780px;
}
.registration-modal.beSubscriberModal1 .topShit .leftSide p {
  margin-top: 20px;
  margin-bottom: 0;
  max-width: 862px;
}
.registration-modal.beSubscriberModal1 .topShit .leftSide ul {
  list-style: none;
  padding: 30px;
  padding-left: 50px;
}
.registration-modal.beSubscriberModal1 .topShit .leftSide ul li {
  position: relative;
  padding: 0 30px;
  margin-bottom: 20px;
}
.registration-modal.beSubscriberModal1 .topShit .leftSide ul li::before {
  content: "";
  display: block;
  width: 13px;
  height: 21px;
  background: url(/img/icon-sub-list.svg) center/contain no-repeat;
  position: absolute;
  top: 5px;
  left: 0;
}
.registration-modal.beSubscriberModal1 .topShit .rightSide {
  width: 20%;
  text-align: right;
}
.registration-modal.beSubscriberModal1 .topShit .rightSide img {
  width: 268px;
  max-width: 100%;
}
.registration-modal.beSubscriberModal1 .midShit {
  margin-top: 65px;
}
.registration-modal.beSubscriberModal1 .midShit ul {
  list-style: none;
  padding-left: 15px;
  padding-right: 20px;
}
.registration-modal.beSubscriberModal1 .midShit ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
}
.registration-modal.beSubscriberModal1 .midShit ul li::before {
  content: url("/img/confirm.svg");
  position: absolute;
  left: 0;
  top: 0;
}
.registration-modal.beSubscriberModal1 .formShit {
  margin-top: 40px;
  padding-bottom: 50px;
  /*width: 100%;
        max-width: 100%;*/
}
.registration-modal.beSubscriberModal1 .formShit h4 {
  font-family: "syncopate";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 130.5%;
  text-align: center;
  text-transform: uppercase;
  margin-top: 30px;
}
.registration-modal.beSubscriberModal1 .formShit h5 {
  font-size: 18px;
  line-height: 160%;
  text-align: center;
  max-width: 486px;
  margin: auto;
}
.registration-modal.beSubscriberModal1 .formShit .formPart {
  font-family: "syncopate";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 130.5%;
  margin-bottom: 20px;
}
.registration-modal.beSubscriberModal1 .formShit .formPart.first {
  margin-top: 21px;
}
.registration-modal.beSubscriberModal1 .formShit .formPart.second {
  margin-top: 40px;
}
.registration-modal.beSubscriberModal1 .formShit .registration-modal__form {
  width: 100%;
}
.registration-modal.beSubscriberModal1 .formShit .buttWrap {
  margin-top: 50px;
}
.registration-modal.beSubscriberModal1 .formShit .buttWrap button {
  display: inline;
}
.registration-modal.hide {
  visibility: hidden;
  opacity: 0;
  top: 100vw;
}
.registration-modal__close-btn {
  position: absolute;
  top: 24px;
  right: 24px;
  border: none;
  background: none;
}
.registration-modal__heading {
  margin: 0 0 20px 25px;
}
.registration-modal__illustration {
  display: block;
  max-width: 86px;
  margin-left: auto;
}
.registration-modal__form-wrapper {
  background: rgba(255, 255, 255, 0.4);
  padding: 21px 25px 45px;
}
.registration-modal__form {
  display: flex;
  flex-direction: column;
}
.registration-modal__form label {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 23px;
  font-weight: bold;
  padding-left: 15px;
  margin-bottom: 20px;
}
.registration-modal__form label:last-of-type {
  margin-bottom: 13px;
}
.registration-modal__form label input {
  background: #FFFFFF;
  border: 1px solid #E8D8D8;
  border-radius: 40px;
  padding: 9px 14px;
  margin-left: -15px;
}
.registration-modal__form a {
  color: #685252;
  font-size: 14px;
  line-height: 23px;
  text-decoration: none;
  margin-bottom: 50px;
}
.registration-modal__form a:hover {
  text-decoration: underline;
}

.success-popup {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  text-align: center;
  z-index: 1000;
  overflow-y: auto;
}
.success-popup h3 {
  text-transform: uppercase;
}
.success-popup__window {
  max-width: 600px;
  margin: 0 auto;
  background: #FAF7F6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 90px 25px;
  overflow-y: auto;
}
.success-popup.hide {
  visibility: hidden;
  opacity: 0;
}
.success-popup__illustration {
  width: 102px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 420px) {
  .success-popup .btn {
    padding-left: 16px;
    padding-right: 16px;
  }
  .success-popup .btn--transparent-outline {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (min-width: 768px) {
  .success-popup {
    background: rgba(0, 0, 0, 0.5);
    padding-top: 100px;
  }
  .success-popup__window {
    background: #FAF7F6;
    border-radius: 20px;
    padding: 90px 73px 67px;
    height: unset;
    position: absolute;
    left: 50%;
    top: 100px;
    transform: translateX(-50%);
  }
  .success-popup__illustration {
    width: 102px;
    margin-bottom: 30px;
  }
}
* .errorText {
  display: none;
}
*.error input, *.error textarea {
  border: 1px solid #E3364D;
}
*.error .errorText {
  display: block;
  font-weight: normal;
  margin-top: 2px;
  font-size: 14px;
  line-height: 23px;
  color: #E3364D;
}
* .pwShit {
  display: none;
  font-weight: normal;
  margin-top: 2px;
  font-size: 14px;
  line-height: 23px;
  color: #E3364D;
}
* .pwShit.on {
  display: block;
}

@media only screen and (min-width: 768px) {
  .registration-modal__illustration {
    max-width: 214px;
    margin: 0 auto;
  }
  .registration-modal__form {
    width: 335px;
    min-width: 335px;
    margin-right: 24px;
  }
  .registration-modal .custom-list {
    width: 50%;
    max-width: 50%;
    margin-left: auto;
    padding-top: 30px;
  }
  .registration-modal .success-popup {
    background: rgba(0, 0, 0, 0.5);
    padding-top: 100px;
  }
  .registration-modal .success-popup__window {
    background: #FAF7F6;
    border-radius: 20px;
    padding: 90px 73px 67px;
  }
  .registration-modal .success-popup__illustration {
    width: 102px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .registration-modal {
    padding: 124px 150px 213px;
  }
  .registration-modal__heading {
    max-width: 1140px;
    margin: 0 auto 20px;
  }
  .registration-modal__form-wrapper {
    border-radius: 30px;
    padding: 30px 50px 168px;
    max-width: 1140px;
    margin: 0 auto;
  }
}
/* ----- COURSE LIST ----- */
.course-list .scroll-down {
  display: block;
  margin: 50px auto;
}
.course-list .separator {
  margin: 30px auto 50px;
  width: 63px;
}

.filters {
  display: flex;
  flex-direction: column;
}
.filters .open-icon {
  transform: scale(-1);
}
.filters.show .open-icon {
  transform: scale(1);
}
.filters.show .checkboxes {
  display: flex;
  margin-bottom: 10px;
  flex-basis: 100%;
}
.filters__open-btn {
  padding: 13px 17px;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  white-space: nowrap;
}
.filters__open-btn svg {
  display: block;
  margin-left: 15px;
  max-height: 16px;
}
.filters__open-btn svg path {
  transition: all ease-in-out 0.2s;
}
.filters__open-btn:hover path {
  fill: #fff;
}
.filters .checkboxes h4 {
  flex-basis: 100%;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}
.filters .checkboxes__second-line {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
}
.filters .checkboxes__second-line h4 {
  margin-top: 30px;
}
.filters .checkboxes__third-line {
  flex-basis: 100%;
  margin-top: 30px;
}
.filters .checkboxes__third-line .topPart {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.filters .checkboxes__third-line .topPart > * {
  margin-bottom: 0 !important;
}
.filters .checkboxes__third-line .topPart .custom-switch {
  background-color: transparent !important;
}
.filters .checkboxes__third-line .topPart h4 {
  flex-basis: unset;
  margin-right: 12px;
}
.filters .checkboxes__third-line .bottomPart {
  display: none;
}
.filters .checkboxes__third-line .bottomPart .sliderAndValue {
  display: flex;
  align-items: flex-end;
}
.filters .checkboxes__third-line .bottomPart .sliderAndValue .sliderWrap .minMax {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 12px;
  color: #C1A4A0;
  margin-bottom: 3px;
  display: none;
}
.filters .checkboxes__third-line .bottomPart .sliderAndValue .sliderWrap .difficultySlider {
  width: 330px;
}
@media (max-width: 575px) {
  .filters .checkboxes__third-line .bottomPart .sliderAndValue .sliderWrap .difficultySlider {
    width: 270px;
  }
}
.filters .checkboxes__third-line .bottomPart .sliderAndValue .difficultySliderValue {
  margin-left: 15px;
  font-weight: 700;
  font-size: 16px;
  color: #C1A4A0;
  position: relative;
  bottom: -7px;
}
.filters .checkboxes__third-line .bottomPart p {
  font-size: 14px;
  margin-bottom: 7px;
}
@media (max-width: 991px) {
  .filters .checkboxes h4 {
    flex-basis: unset;
  }
  .filters .checkboxes__second-line {
    flex-direction: column;
  }
}

textarea, input[type=text] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  caret-color: currentcolor;
}

.search {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.search__input {
  width: 100%;
  border: 1px solid #E8D8D8;
  border-radius: 22px;
  padding: 7px 0 7px 17px;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.search__input.has-results ~ .results {
  display: block;
}
.search .foundQuantity {
  display: none;
  margin-left: 15px;
  margin-top: 20px;
  font-size: 18px;
}
.search .foundQuantity.on {
  display: block;
}
.search .foundQuantity .bold {
  font-weight: 700;
}
.search__btn {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  border: none;
  padding: 7px 17px 7px 8px;
  background: #fff;
  border-radius: 0 50px 50px 0;
  border: 1px solid #E8D8D8;
  border-left: 0;
}
.search .results {
  position: absolute;
  z-index: 99;
  display: none;
  padding: 0;
  list-style-type: none;
  width: 100%;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid #E8D8D8;
  border-top: none;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
  max-height: 400px;
  overflow-y: auto;
  top: 53px;
}
.search .results li {
  padding: 13px 20px;
  margin: 0;
  background: #FFFFFF;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  display: none;
}
.search .results li:hover {
  filter: brightness(0.97);
}

.course-details {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow-y: auto;
  width: 100vw;
  height: 100vh;
  background-color: #F7F1F0;
  background-image: url("/img/bg-blob-left.png"), url("/img/bg-blob-right.png");
  background-position: left top, right 240px;
  background-repeat: repeat-y, repeat-y;
}
.course-details h2 {
  font-family: "Syncopate", sans-serif;
}
.course-details .wrapper {
  position: relative;
  padding: 83px 0 63px;
  padding-bottom: 150px;
}
.course-details .iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.course-details .iframe-container iframe, .course-details .iframe-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border: 0;
}
.course-details.hide {
  display: none;
}
.course-details .close-course-btn {
  background: transparent;
  border: none;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0;
}
.course-details__footer {
  padding: 35px 17px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
}

.course-ingredients {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  border-radius: 12px;
  padding: 20px;
  height: 100%;
}
.course-ingredients img {
  float: right;
  margin-left: 10px;
}

.course-ingredients {
  border-radius: 14px;
  padding: 26px;
}
.course-ingredients img {
  width: 120px;
  height: 80px;
  object-fit: contain;
  float: left;
  margin-right: 30px;
}
.course-ingredients ul {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}
.course-recommendations {
  border: 1px solid #E8D8D8;
  border-radius: 20px;
  padding: 40px 25px;
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  height: 100%;
}
.course-recommendations img {
  margin-right: 28px;
}
@media (max-width: 575px) {
  .course-recommendations {
    display: block;
    padding-top: 25px;
    margin-bottom: 20px;
  }
  .course-recommendations img {
    margin-bottom: 25px;
  }
}

.course-info {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  border-radius: 9px;
  padding: 30px 15px;
  margin-bottom: 30px;
}
.course-info__key {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
.course-info__key.freeSpaces {
  display: flex;
  align-items: center;
}
.course-info__key.freeSpaces img {
  margin-left: 13px;
  margin-right: 6px;
}
.course-info__key.freeSpaces span {
  font-weight: normal;
}
.course-info__value {
  font-size: 14px;
  line-height: 23px;
  display: block;
  align-items: center;
  padding-left: 0;
}
.course-info__value span {
  margin-left: 9px;
}
.course-info [class*=rate-] svg {
  width: 10px;
}

.checkboxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  display: none;
}

.custom-switch {
  position: relative !important;
  padding: 4px 4px 4px 10px !important;
  background: #E8D8D8 !important;
  border-radius: 13px !important;
  height: 28px !important;
  width: fit-content !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 10px 10px 0 !important;
}
.custom-switch:last-of-type {
  margin-right: 0 !important;
}

.custom-switch input {
  display: none !important;
}

.custom-switch > input:disabled ~ label {
  opacity: 0.5 !important;
  cursor: default !important;
}

.custom-switch label {
  cursor: pointer !important;
  display: block !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 10 !important;
  visibility: visible !important;
  padding-left: unset !important;
  padding-right: 48px !important;
  width: unset !important;
  height: unset !important;
  color: #685252 !important;
  font-weight: bold !important;
  font-size: 12px !important;
  line-height: 15px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.custom-switch label::before {
  position: absolute !important;
  content: "" !important;
  display: block !important;
  width: 42px !important;
  height: 20px !important;
  background-color: #F2E6E4 !important;
  border-radius: 10px !important;
  right: 0 !important;
  left: unset !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: all ease-in-out 0.2s !important;
}

.custom-switch label::after {
  position: absolute !important;
  content: "" !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0px 2px 12px rgba(40, 49, 104, 0.1) !important;
  border-radius: 50% !important;
  right: 24px !important;
  left: unset !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: all ease-in-out 0.2s !important;
}

.custom-switch input:checked ~ label::after {
  right: 2px !important;
}

.custom-switch input:checked ~ label::before {
  background: #685252 !important;
}

.breadcrumbs {
  display: none;
}
.breadcrumbs a {
  cursor: pointer;
}

.rate-1 svg:nth-of-type(n+2) path:first-of-type {
  fill: #FAF7F6;
}
.rate-1 svg:nth-of-type(n+2) path:nth-of-type(2) {
  fill: #513E3E;
}
.rate-1 svg:nth-of-type(n+2) path:nth-of-type(3) {
  fill: #513E3E;
}
.rate-1 svg:nth-of-type(n+2) path:nth-of-type(4) {
  fill: #513E3E;
  position: relative;
  z-index: 2;
}

.rate-2 svg:nth-of-type(n+3) path:first-of-type {
  fill: #FAF7F6;
}
.rate-2 svg:nth-of-type(n+3) path:nth-of-type(2) {
  fill: #513E3E;
}
.rate-2 svg:nth-of-type(n+3) path:nth-of-type(3) {
  fill: #513E3E;
}
.rate-2 svg:nth-of-type(n+3) path:nth-of-type(4) {
  fill: #513E3E;
  position: relative;
  z-index: 2;
}

.rate-3 svg:nth-of-type(n+4) path:first-of-type {
  fill: #FAF7F6;
}
.rate-3 svg:nth-of-type(n+4) path:nth-of-type(2) {
  fill: #513E3E;
}
.rate-3 svg:nth-of-type(n+4) path:nth-of-type(3) {
  fill: #513E3E;
}
.rate-3 svg:nth-of-type(n+4) path:nth-of-type(4) {
  fill: #513E3E;
  position: relative;
  z-index: 2;
}

.rate-4 svg:nth-of-type(n+5) path:first-of-type {
  fill: #FAF7F6;
}
.rate-4 svg:nth-of-type(n+5) path:nth-of-type(2) {
  fill: #513E3E;
}
.rate-4 svg:nth-of-type(n+5) path:nth-of-type(3) {
  fill: #513E3E;
}
.rate-4 svg:nth-of-type(n+5) path:nth-of-type(4) {
  fill: #513E3E;
  position: relative;
  z-index: 2;
}

.rate-5 svg:nth-of-type(n+6) path:first-of-type {
  fill: #FAF7F6;
}
.rate-5 svg:nth-of-type(n+6) path:nth-of-type(2) {
  fill: #513E3E;
}
.rate-5 svg:nth-of-type(n+6) path:nth-of-type(3) {
  fill: #513E3E;
}
.rate-5 svg:nth-of-type(n+6) path:nth-of-type(4) {
  fill: #513E3E;
  position: relative;
  z-index: 2;
}

.rate-6 svg:nth-of-type(n+7) path:first-of-type {
  fill: #FAF7F6;
}
.rate-6 svg:nth-of-type(n+7) path:nth-of-type(2) {
  fill: #513E3E;
}
.rate-6 svg:nth-of-type(n+7) path:nth-of-type(3) {
  fill: #513E3E;
}
.rate-6 svg:nth-of-type(n+7) path:nth-of-type(4) {
  fill: #513E3E;
  position: relative;
  z-index: 2;
}

.rate-7 svg:nth-of-type(n+8) path:first-of-type {
  fill: #FAF7F6;
}
.rate-7 svg:nth-of-type(n+8) path:nth-of-type(2) {
  fill: #513E3E;
}
.rate-7 svg:nth-of-type(n+8) path:nth-of-type(3) {
  fill: #513E3E;
}
.rate-7 svg:nth-of-type(n+8) path:nth-of-type(4) {
  fill: #513E3E;
  position: relative;
  z-index: 2;
}

.rate-8 svg:nth-of-type(n+9) path:first-of-type {
  fill: #FAF7F6;
}
.rate-8 svg:nth-of-type(n+9) path:nth-of-type(2) {
  fill: #513E3E;
}
.rate-8 svg:nth-of-type(n+9) path:nth-of-type(3) {
  fill: #513E3E;
}
.rate-8 svg:nth-of-type(n+9) path:nth-of-type(4) {
  fill: #513E3E;
  position: relative;
  z-index: 2;
}

.rate-9 svg:nth-of-type(n+10) path:first-of-type {
  fill: #FAF7F6;
}
.rate-9 svg:nth-of-type(n+10) path:nth-of-type(2) {
  fill: #513E3E;
}
.rate-9 svg:nth-of-type(n+10) path:nth-of-type(3) {
  fill: #513E3E;
}
.rate-9 svg:nth-of-type(n+10) path:nth-of-type(4) {
  fill: #513E3E;
  position: relative;
  z-index: 2;
}

.rate-10 svg:nth-of-type(n+11) path:first-of-type {
  fill: #FAF7F6;
}
.rate-10 svg:nth-of-type(n+11) path:nth-of-type(2) {
  fill: #513E3E;
}
.rate-10 svg:nth-of-type(n+11) path:nth-of-type(3) {
  fill: #513E3E;
}
.rate-10 svg:nth-of-type(n+11) path:nth-of-type(4) {
  fill: #513E3E;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 991px) {
  .checkboxes {
    position: fixed;
    background: #FAF7F6;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    display: none;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    padding: 64px 40px;
  }
  .checkboxes .custom-switch {
    margin-bottom: 20px;
  }
  .checkboxes .checkbox-close {
    position: absolute;
    right: 24px;
    top: 24px;
    padding: 0;
    background: transparent;
    border: none;
    width: 16px;
    height: 16px;
  }
  .checkboxes .checkbox-close svg {
    width: 100%;
  }
  .filters.show .checkboxes {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  .filters {
    flex-direction: row;
    align-items: flex-start;
  }
  .filters.show .filters__open-btn {
    margin-bottom: 20px;
  }
  .filters__open-btn {
    margin-bottom: 0;
  }
  .course-details .wrapper {
    padding: 134px 0 79px;
  }
  .course-details .close-course-btn {
    top: 69px;
    right: 53px;
    width: 30px;
    height: 30px;
  }
  .course-details .separator {
    width: 95px;
    height: auto;
    margin: 60px auto 60px;
  }
  .course-details .course-info {
    padding: 30px;
  }
  .course-details .course-info__key {
    font-size: 18px;
    line-height: 160%;
  }
  .course-details .course-info__value {
    font-size: 18px;
    line-height: 160%;
  }
  .course-details .course-info [class*=rate-] svg {
    width: 12px;
  }
  .breadcrumbs {
    display: flex;
    color: #513E3E;
    margin-bottom: 20px;
  }
  .breadcrumbs a {
    color: #513E3E;
    text-decoration: none;
    position: relative;
  }
  .breadcrumbs a:hover {
    text-decoration: underline;
  }
  .breadcrumbs a:not(:last-of-type) {
    padding-right: 44px;
  }
  .breadcrumbs a:not(:last-of-type)::after {
    content: "";
    display: block;
    width: 8px;
    height: 4px;
    background: url("/img/arrow-down.svg") center/contain no-repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
  }
  .breadcrumbs a:last-of-type {
    font-weight: bold;
  }
}
@media only screen and (min-width: 992px) {
  .course-list .scroll-down {
    margin: 200px auto 60px;
  }
  .course-list__list {
    margin-bottom: 107px;
  }
  .filters {
    width: 100%;
    flex-wrap: wrap;
  }
  .filters .search {
    flex: 1 0 44%;
  }
  .filters__open-btn {
    margin-left: 40px;
  }
  .filters .checkboxes {
    width: 100%;
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .course-list .scroll-down {
    margin: 150px auto 60px;
  }
}
/* ----- BLOG ----- */
.blog-date {
  position: relative;
  padding-left: 29px;
}
.blog-date::before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("/img/icon-calendar.svg") center/contain no-repeat;
}

.show-more-btn {
  margin: 20px auto 86px;
}

.blog-article {
  overflow-x: hidden;
}
.blog-article .buttWrap {
  text-align: center;
  margin-bottom: 55px;
}
.blog-article .main-content {
  display: none;
}

.kapcsEventyMainTitle {
  font-family: "Syncopate";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 130.5%;
  text-align: center;
  text-transform: uppercase;
  color: #1D1D1D;
  background-color: #E8D8D8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 18px 20px 18px 20px;
}
@media (max-width: 575px) {
  .kapcsEventyMainTitle {
    border-radius: 0;
    font-size: 22px;
  }
}

.kapcsEvent {
  display: flex;
  font-family: "Syncopate";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 130.5%;
  text-align: center;
  text-transform: uppercase;
  color: #1D1D1D;
  padding: 18px 20px 18px 20px;
  margin-top: 10px;
  border: 1px solid #DAACA4;
  border-radius: 20px;
}
.kapcsEvent .kapcsEventCim {
  max-width: 500px;
  text-align: left;
}
@media (max-width: 575px) {
  .kapcsEvent {
    border-radius: 9px;
    font-size: 22px;
  }
}

.kapcsEventsWrap {
  padding-left: 37px;
  padding-right: 37px;
  padding-top: 30px;
  margin-bottom: 50px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media (max-width: 767px) {
  .kapcsEventsWrap {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.kapcsEvent {
  display: flex;
  gap: 30px;
  background-color: rgba(255, 255, 255, 0.4);
  gap: 100px;
  padding-left: 30px;
  padding-right: 60px;
}
.kapcsEvent > div {
  width: 50%;
}
.kapcsEvent .leftSide {
  width: 60%;
}
.kapcsEvent .rightSide {
  width: 40%;
  border-bottom-right-radius: 20px;
  background-size: cover;
  background-position: center;
  border-radius: 9px;
}
.kapcsEvent .rightSide img {
  display: none;
}
.kapcsEvent .kapcsEventCim {
  margin-bottom: 20px;
  font-family: "Syncopate";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 130.5%;
  text-transform: uppercase;
}
.kapcsEvent .course-info {
  background-color: #E8D8D8;
}
.kapcsEvent .buttWrap {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: left;
}
@media (max-width: 991px) {
  .kapcsEvent {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .kapcsEvent {
    padding-left: 0;
    padding-right: 0;
    flex-direction: column-reverse;
    gap: 0;
  }
  .kapcsEvent > div {
    width: 100%;
  }
  .kapcsEvent .kapcsEventCim {
    margin-top: 20px;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .kapcsEvent .leftSide {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
  .kapcsEvent .rightSide {
    width: 100%;
  }
  .kapcsEvent .rightSide img {
    display: block;
    max-width: 100%;
  }
  .kapcsEvent .buttWrap {
    text-align: center;
  }
}
.blog-hero {
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 29px;
  background-size: cover;
  background-position: center top;
}
.blog-hero__labels {
  position: absolute;
  z-index: 3;
  top: 0;
  width: 100%;
  padding: 30px;
}
.blog-hero__info {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(357.56deg, #000000 -26.13%, rgba(0, 0, 0, 0) 97.08%);
  padding: 13px 20px;
}
.blog-hero__info h4,
.blog-hero__info p,
.blog-hero__info a {
  color: #fff;
}
.blog-hero__date {
  position: relative;
  padding-left: 29px;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0;
}
.blog-hero__date::before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("/img/icon-calendar-white.svg") center/contain no-repeat;
}
.blog-hero__reading-time {
  position: relative;
  padding-left: 29px;
  font-size: 14px;
  line-height: 23px;
  margin: 0 0 0 32px;
}
.blog-hero__reading-time::before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("/img/icon-clock-white.svg") center/contain no-repeat;
}
.blog-hero__fb-share {
  position: relative;
  padding-left: 54px;
  margin-left: auto;
  color: #FFFFFF;
  letter-spacing: 0.37em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  /*&::before {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 27px;
    top: 50%;
    transform: translateY(-50%);
    background: url('/img/icon-fb-white.svg') center/contain no-repeat;
  }*/
}
.blog-hero__fb-share:hover {
  color: #fff;
}

.labelContainer2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.labelContainer2 a {
  border-radius: 18px;
  border: 1px solid var(--Brown-Standard, #C1A4A0);
  color: inherit;
  padding: 5px 12px;
}

.labelContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.labelContainer a {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  padding: 5px 10px;
  text-transform: uppercase;
  background: #F2E6E4;
  color: #685252;
  border-radius: 18px;
  margin-right: 10px;
  cursor: pointer;
  margin-bottom: 8px;
}
.labelContainer a img {
  margin-right: 5px;
  width: auto;
}

.blog-lead {
  font-weight: bold;
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 40px;
  position: relative;
}

.gradientback {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 45px;
}

.blog-article ul {
  margin-bottom: 0;
  padding-left: 20px;
}

.newsletter {
  padding: 40px 0 104px;
  margin-bottom: 20px;
  background-color: white;
  background-image: url("/img/newslettback.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  color: #513E3E;
}
.newsletter .first-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px;
}
.newsletter .first-row h4 {
  text-transform: uppercase;
}
.newsletter .first-row p {
  margin-bottom: 0;
}
.newsletter .first-row .left-side {
  padding-right: 18px;
}
.newsletter .first-row .right-side {
  width: 100px;
  min-width: 100px;
  padding-left: 22px;
  display: none;
}
.newsletter .first-row .right-side img {
  max-width: 100%;
}
.newsletter .pic-side {
  padding-top: 4px;
  padding-left: 40px;
}
.newsletter p span,
.newsletter label span {
  display: block;
  padding-left: 15px;
  padding-bottom: 2px;
}
.newsletter .label {
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
}
.newsletter input {
  background: #FFFFFF;
  border: 1px solid #E8D8D8;
  border-radius: 40px;
  padding: 9px 14px;
  width: 100%;
  margin-bottom: 20px;
}
.newsletter__checkbox {
  display: flex;
  margin-bottom: 20px;
}
.newsletter__checkbox input {
  display: block;
  margin: 3px 14px 0 0;
  width: auto;
}
.newsletter__checkbox label {
  font-weight: normal;
}
@media (max-width: 991px) {
  .newsletter .first-row .left-side {
    display: none;
  }
  .newsletter .first-row .right-side {
    display: block;
  }
  .newsletter .pic-side {
    display: none;
  }
}

@media only screen and (max-width: 576px) {
  .blog-hero {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
}
@media only screen and (min-width: 992px) {
  .show-more-btn {
    margin: 30px auto 70px;
  }
  .blog-hero {
    margin-bottom: 40px;
  }
  .blog-lead {
    font-size: 22px;
    margin-bottom: 70px;
  }
  .blog-article .blog-separator {
    width: 94px;
    margin: 0 auto 70px;
  }
  .newsletter {
    padding: 70px 0;
    margin-bottom: 35px;
  }
  .newsletter .input-label {
    width: 33%;
    margin-right: 20px;
  }
  .newsletter .input-label:last-of-type {
    margin-right: 0;
  }
  .newsletter input {
    margin-bottom: 0;
  }
}
/* ----- ABOUT ME ----- */
.about-me__hero {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  padding: 32px 0;
  margin-bottom: 90px;
}
.about-me h2 {
  text-transform: uppercase;
}
.about-me__hero-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  float: right;
  object-fit: cover;
  margin: 16px;
}
.about-me #aboutMeContent .row {
  margin-bottom: 34px;
}
.about-me .separator-wrapper {
  margin: 50px 0;
  text-align: center;
}
.about-me .achievments {
  position: relative;
}
.about-me .achievments::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #C1A4A0;
}
.about-me .achievments__box {
  background: #F7F1F0;
  border: 1px solid #C1A4A0;
  border-radius: 20px;
  text-align: center;
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 10px 25px 0;
}
.about-me .achievments__box p {
  margin-bottom: 10px;
}
.about-me .achievments__box-year {
  color: #C1A4A0;
  font-weight: bold;
  margin-bottom: 5px;
}
.about-me .testimonials__box {
  position: relative;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  border-radius: 20px;
  padding: 30px 20px 20px;
  margin-bottom: 10px;
}
.about-me .testimonials__box:last-of-type {
  margin-bottom: 0;
}
.about-me .testimonials__img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 20px;
}
.about-me .testimonials__name {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  color: #C1A4A0;
  text-transform: uppercase;
}

@media only screen and (min-width: 992px) {
  .about-me {
    padding-top: 112px;
  }
  .about-me__hero {
    padding: 80px 0 28px;
    margin-bottom: 142px;
  }
  .about-me #aboutMeContent {
    scroll-margin-top: 112px;
  }
  .about-me #aboutMeContent .row {
    margin-bottom: 50px;
  }
  .about-me .separator-wrapper {
    margin: 70px 0;
  }
  .about-me .testimonials__box {
    padding: 30px 10px 30px 180px;
  }
  .about-me .testimonials p {
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 0;
  }
  .about-me .testimonials__img {
    width: 100px;
    height: 100px;
    margin-right: 0;
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.own-carousel__container .myWorkImg {
  width: 275px;
  height: 275px;
  min-width: 275px;
  min-height: 275px;
  background-size: cover;
  margin: auto;
  cursor: pointer;
}
.own-carousel__container .carousel-item .itemInner {
  text-align: center;
}
.own-carousel__item {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 33px;
}
.own-carousel__control {
  display: none;
}

@media only screen and (max-width: 991px) {
  #imgOverlay {
    display: none !important;
  }
}
@media only screen and (max-width: 576px) {
  #myWorks {
    padding: 0;
    overflow-x: hidden;
  }
  #myWorks h2 {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .own-carousel__item {
    padding: 31px;
  }
  .own-carousel__item img {
    cursor: pointer;
  }
  .own-carousel__control {
    display: block;
  }
}
#imgOverlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: 24px;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  transition: 0.4s;
  overflow-y: auto;
  cursor: pointer;
}
#imgOverlay.hidden {
  opacity: 0;
}
#imgOverlay #closeOverlay {
  position: absolute;
  right: 53px;
  top: 69px;
  background: transparent;
  padding: 0;
  border: none;
}
#imgOverlay .zoomed-img-wrapper {
  width: 800px;
  height: 800px;
  max-width: 100%;
  max-height: 100%;
  padding: 21px;
  background: #838383;
  border-radius: 20px;
  display: grid;
  place-items: center;
  cursor: default;
}
#imgOverlay .zoomed-img-wrapper img {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .own-carousel__container .control__prev {
    left: -53px;
  }
  .own-carousel__container .control__next {
    right: -53px;
  }
}
/* ----- 30 TIPP ----- */
.thirty-tips {
  margin-bottom: 70px;
}
.thirty-tips__illu {
  width: 85px;
  display: block;
}
.thirty-tips__hero {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  padding: 25px 0 28px;
  margin-bottom: 90px;
}
.thirty-tips__hero img {
  width: 85px;
  margin-right: 30px;
}
.thirty-tips__hero ul {
  list-style-type: none;
  padding: 0;
}
.thirty-tips__hero ul li {
  padding-left: 34px;
  margin-bottom: 12px;
  position: relative;
}
.thirty-tips__hero ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  width: 20px;
  height: 20px;
}
.thirty-tips__hero ul li:first-of-type::before {
  background: url("/img/icon-camera.svg") center/contain no-repeat;
}
.thirty-tips__hero ul li:nth-of-type(2)::before {
  background: url("/img/icon-pencil.svg") center/contain no-repeat;
}
.thirty-tips__hero ul li:last-of-type::before {
  background: url("/img/icon-apple.svg") center/contain no-repeat;
}
.thirty-tips__hero ul li:last-of-type {
  margin-bottom: 0;
}
.thirty-tips__content img {
  width: 90px;
  height: 75px;
  object-fit: contain;
}
.thirty-tips__content p {
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) {
  .thirty-tips {
    margin-bottom: 119px;
  }
  .thirty-tips__illu {
    width: 266px;
    margin: -10px 0 0 57px;
  }
  .thirty-tips__hero {
    margin-bottom: 70px;
    padding: 100px 0 34px;
  }
  .thirty-tips__hero img {
    width: 266px;
    margin: -30px 0 0;
  }
  .thirty-tips__content {
    padding: 100px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
  }
  .thirty-tips__content img {
    width: 192px;
    height: 150px;
  }
  .thirty-tips__content p {
    margin-bottom: 0;
    width: 66%;
  }
}
/* ----- SUBSCRIPTION ----- */
.subscription {
  background-color: #F7F1F0;
  background-image: url("/img/bg-blob-left.png"), url("/img/bg-blob-right.png");
  background-position: left top, right 240px;
  background-repeat: repeat-y, repeat-y;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  padding: 80px 0 0;
}
.subscription__close-btn {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0;
  background: transparent;
  border: none;
}
.subscription__close-btn svg {
  width: 100%;
  height: auto;
}
.subscription__illu {
  width: 140px;
  float: right;
  margin-right: 12px;
}
.subscription .nail-list {
  padding: 0;
  list-style-type: none;
}
.subscription .nail-list li {
  padding-left: 27px;
  margin-bottom: 16px;
  position: relative;
}
.subscription .nail-list li::before {
  content: "";
  display: bock;
  width: 12px;
  height: 20px;
  background: url("/img/icon-sub-list.svg") center/contain no-repeat;
  position: absolute;
  left: 0;
  top: 5px;
}
.subscription .cards-heading {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #513E3E;
  margin-bottom: 40px;
}
.subscription .reg-wrapper {
  background: #FAF7F6;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 50px 25px;
}
.subscription .reg-wrapper form {
  width: 486px;
  max-width: 100%;
}
.subscription .reg-wrapper form input {
  margin-bottom: 20px;
}
.subscription .reg-wrapper .selected-package {
  text-align: center;
  width: 341px;
  max-width: 100%;
  background: #F2E6E4;
  border-radius: 20px;
  padding: 50px 20px;
  margin-bottom: 50px;
}
.subscription .reg-wrapper .monthly-fee {
  padding: 40px 16px;
  text-align: center;
  width: 341px;
  max-width: 100%;
  background: #FAF7F6;
  border-radius: 20px;
  border: 1px solid #C1A4A0;
}
.subscription .reg-wrapper .checkbox-wrapper {
  width: 420px;
  max-width: 100%;
}
.subscription .buttWrap {
  margin-top: 50px;
  text-align: center;
}
.subscription .buttWrap a {
  margin-right: 15px;
}

.subscription-card {
  background: #FAF7F6;
  border-radius: 20px;
  border: 1px solid #E8D8D8;
  height: 100%;
  position: relative;
}
.subscription-card__ribbon {
  padding-top: 6px;
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
  color: #FFFFFF;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 238px;
  height: 43px;
  text-align: center;
  background: url("/img/card-ribbon.png") center/contain no-repeat;
}
.subscription-card__head {
  padding: 66px 20px 20px;
  text-align: center;
  border-bottom: 1px solid #E8D8D8;
}
.subscription-card__title {
  margin: 10px 0;
  font-size: 24px;
  line-height: 130.5%;
  text-transform: uppercase;
  font-family: "Syncopate", sans-serif;
}
.subscription-card__price {
  font-size: 22px;
  line-height: 27px;
  text-transform: uppercase;
  color: #685252;
  font-weight: bold;
}
.subscription-card__body {
  display: flex;
  flex-direction: column;
  padding: 30px 20px 40px;
}
.subscription-card__body p {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
  color: #685252;
}
.subscription-card__body ul {
  color: #685252;
  list-style: none;
}
.subscription-card__body ul li {
  position: relative;
  margin-bottom: 10px;
}
.subscription-card__body ul li::before {
  content: url(/img/confirm.svg);
  position: absolute;
  left: -30px;
  top: 0;
}
.subscription-card__body button {
  display: block;
  width: 100%;
}
.subscription-card__subtitle {
  font-weight: bold;
  font-size: 18px;
  line-height: 160%;
  color: #685252;
  text-align: center;
}
.subscription-card__list {
  list-style-type: none;
  padding: 0;
  margin-bottom: 60px;
}
.subscription-card__list li {
  padding-left: 23px;
  position: relative;
  margin-bottom: 10px;
  color: #685252;
  font-size: 16px;
  line-height: 140%;
}
.subscription-card__list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 11px;
  height: 8px;
  background: url("/img/icon-tick.svg") center/contain no-repeat;
}
.subscription-card__list li:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .subscription {
    background-image: url("/img/bg-blob-left-desktop.png"), url("/img/bg-blob-right-desktop.png");
    background-position: left top, right 595px;
    padding: 31px 0 182px;
  }
  .subscription .logo {
    margin-bottom: 75px;
  }
  .subscription__close-btn {
    width: 30px;
    height: 30px;
    top: 69px;
    right: 53px;
  }
  .subscription .nail-list {
    padding-left: 50px;
  }
  .subscription .nail-list li {
    margin-bottom: 20px;
  }
  .subscription .cards-heading {
    font-size: 20px;
    line-height: 160%;
  }
  .subscription .reg-wrapper {
    width: unset;
    position: static;
    left: unset;
    right: unset;
    margin-left: unset;
    margin-right: unset;
    padding: 60px 57px 50px;
    border-radius: 20px;
  }
  .subscription .reg-wrapper .monthly-fee {
    padding: 40px 24px;
  }
  .subscription-card__head {
    padding: 66px 20px 20px;
  }
  .subscription-card__body {
    height: calc(100% - 205px);
  }
}
/* ----- 10 THINGS ----- */
.ten-things {
  padding-bottom: 70px;
}
.ten-things__list {
  padding: 0;
  list-style-type: none;
  margin-bottom: 40px;
}
.ten-things__list li {
  position: relative;
  margin-bottom: 10px;
  padding: 20px 19px 20px 0;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.ten-things__list li > span:first-child {
  font-size: 40px;
  font-weight: 600;
  padding: 0 26px;
  color: #513E3E;
}
.ten-things__list li:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .ten-things {
    padding-bottom: 90px;
  }
  .ten-things__list {
    margin-bottom: 50px;
  }
  .ten-things__list li {
    margin-bottom: 13px;
    padding: 30px 65px 30px 0;
  }
  .ten-things__list li::before {
    top: 35px;
    left: 70px;
  }
}
/* ----- SERVICE PROVIDER ----- */
.service-provider {
  padding-bottom: 70px;
}
.service-provider .highlighted {
  background: #FAF7F6;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 25px;
  font-size: 18px;
  line-height: 160%;
}
.service-provider .highlighted a {
  color: inherit;
  font-weight: bold;
}

@media only screen and (min-width: 992px) {
  .service-provider {
    padding-bottom: 90px;
  }
  .service-provider .highlighted {
    background: #FAF7F6;
    width: unset;
    position: static;
    left: unset;
    right: unset;
    margin-left: unset;
    margin-right: unset;
    padding: 40px 93px;
    font-size: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.4);
  }
}
/* ----- LOGIN, FORGOTTEN PASSWORD ----- */
.login {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
}
.login__main p {
  margin-left: -30px;
  margin-right: -30px;
}
.login__main p strong {
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 767px) {
  .login__main p {
    margin-left: 0;
    margin-right: 0;
  }
}
.login__close {
  position: absolute;
  padding: 0;
  background: none;
  border: none;
  top: 24px;
  right: 24px;
}
.login__modal {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #FAF7F6;
  padding: 100px 30px;
  position: relative;
}
.login__modal h2 {
  text-align: center;
  text-transform: uppercase;
}
.login .btn {
  width: 100%;
  margin-top: 40px;
  font-family: Quicksand !important;
}
.login .forgot-btn {
  padding: 0;
  background: none;
  border: none;
  color: #685252;
  font-size: 14px;
  line-height: 23px;
}
.login .forgot-btn:hover {
  text-decoration: underline;
}
.login .forgot-btn2 {
  border: 0;
  text-decoration: underline;
  font-size: 16px;
  background-color: transparent;
}
.login .formRow {
  margin-bottom: 20px;
}
.login__pwd-sent img {
  width: 125px;
  margin: 0 auto 20px;
}
.login__success img {
  width: 102px;
  margin: 0 auto 20px;
}
.login__new-pwd .btn {
  margin-top: 73px;
}

@media only screen and (min-width: 768px) {
  .login {
    padding: 100px 25px;
    justify-content: center;
  }
  .login form {
    display: flex;
    flex-direction: column;
  }
  .login__close {
    display: none;
  }
  .login .btn {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .login__modal {
    width: 600px;
    border-radius: 20px;
    min-height: unset;
    height: fit-content;
    padding: 60px 125px 50px;
  }
  .login__modal.entriThxModal {
    padding-top: 90px;
    padding-left: 58px;
    padding-right: 58px;
    padding-bottom: 117px;
  }
  .login__modal p {
    text-align: center;
  }
  .login__modal h2 {
    margin-bottom: 73px;
  }
  .login__pwd-sent {
    padding: 60px 108px 50px;
  }
  .login__pwd-sent img {
    margin: 0 auto 27px;
  }
  .login__success img {
    margin: 0 auto 43px;
  }
  .login__new-pwd .btn {
    margin-top: 40px;
  }
}
/* ----- LOGGED IN ----- */
.pseudo-nav {
  display: none;
}

.navbar .login-submenu {
  list-style-type: none;
  background: #FAF7F6;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  border-radius: 9px;
  padding: 20px 0;
  position: absolute;
  z-index: 3000;
  right: 10px;
  top: calc(100% + 10px);
}
.navbar .login-submenu a,
.navbar .login-submenu button {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  border: none;
  padding: 11px 20px 11px 52px;
  text-decoration: none;
  color: #1D1D1D;
  background: transparent;
}
.navbar .login-submenu a::before,
.navbar .login-submenu button::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 17px;
  height: 17px;
}
.navbar .login-submenu a:hover,
.navbar .login-submenu button:hover {
  background: none !important;
}
.navbar .login-submenu .profile-btn::before {
  width: 22px;
  height: 22px;
  background: url("/img/icon-gear.svg") center/contain no-repeat;
}
.navbar .login-submenu .logout-btn::before {
  background: url("/img/icon-logout.svg") center/contain no-repeat;
}

.send-illustration {
  width: 102px;
  height: 132px;
  object-fit: contain;
  height: auto;
  display: block;
}

@media only screen and (min-width: 768px) {
  .send-illustration {
    width: 125px;
    height: 162px;
  }
}
.course-carousel {
  backdrop-filter: blur(32px);
  margin-bottom: 70px;
}
.course-carousel article {
  background: rgba(255, 255, 255, 0.4);
  padding: 30px 36px 34px 60px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.course-carousel article .hashtags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.course-carousel article .hashtags a {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #685252;
  margin-right: 10px;
}
.course-carousel article img {
  width: 100%;
}
.course-carousel .whatThisIs {
  padding: 20px 60px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  align-items: center;
  background: #E8D8D8;
  font-family: "Syncopate";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  text-transform: uppercase;
}
.course-carousel .whatThisIs img {
  margin-right: 20px;
}
@media (max-width: 991px) {
  .course-carousel article, .course-carousel .whatThisIs {
    padding: 25px;
    border-radius: 0;
  }
  .course-carousel .whatThisIs {
    font-size: 16px;
    height: 57px;
  }
  .course-carousel .whatThisIs img {
    width: 21px;
  }
}

.carousel-indicators {
  top: calc(100% + 18px);
}
.carousel-indicators button {
  border: 1px solid #C1A4A0 !important;
  background: transparent !important;
  width: 10px;
  max-width: 10px;
  min-height: 10px;
  height: 10px;
  border-radius: 50%;
}
.carousel-indicators button.active {
  background: #C1A4A0 !important;
  border: 1px solid #C1A4A0;
}

.adult-reg {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  overflow-y: scrautooll;
  overflow-x: hidden;
  z-index: 1000;
}
.adult-reg__close {
  position: absolute;
  padding: 0;
  background: none;
  border: none;
  top: 24px;
  right: 24px;
  width: 16px;
  height: 16px;
}
.adult-reg__modal {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #FAF7F6;
  padding: 100px 30px;
  position: relative;
}
.adult-reg__modal h2 {
  text-align: center;
  text-transform: uppercase;
}
.adult-reg .btn {
  width: 100%;
}
.adult-reg input {
  margin-bottom: 5px;
}
.adult-reg .formRow {
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .adult-reg {
    display: flex;
    padding: 100px 25px;
    justify-content: center;
  }
  .adult-reg form {
    display: flex;
    flex-direction: column;
  }
  .adult-reg__close {
    display: none;
  }
  .adult-reg .btn {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .adult-reg__modal {
    width: 600px;
    border-radius: 20px;
    min-height: unset;
    height: fit-content;
    padding: 60px 57px 50px;
  }
  .adult-reg__modal p {
    text-align: center;
  }
}
.tip-card {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 10px;
}
.tip-card:last-of-type {
  margin-bottom: 0;
}
.tip-card__nr {
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
  padding-top: 21px;
  display: flex;
  justify-content: center;
  width: 70px;
  height: 70px;
  background: url("/img/icon-bulb.svg") center/contain no-repeat;
  margin: 0 auto 30px;
}
.tip-card__details {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow-y: auto;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  background-color: #F7F1F0;
  background-image: url("/img/bg-blob-left.png"), url("/img/bg-blob-right.png");
  background-position: left top, right 240px;
  background-repeat: repeat-y, repeat-y;
  padding: 80px 0 23px;
}
.tip-card__details .close-tip-card-details {
  background: transparent;
  border: none;
  position: absolute;
  top: 24px;
  right: 24px;
  width: 16px;
  height: 16px;
  padding: 0;
}
.tip-card__details .close-tip-card-details svg {
  width: 100%;
}
.tip-card__details .tip-card__nr {
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin: 0 17px 0 0;
  padding-top: 18px;
}
.tip-card__details .close-tip {
  margin-top: 20px;
}

@media only screen and (max-width: 991px) {
  .course-carousel {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .course-carousel .carousel-control-prev,
  .course-carousel .carousel-control-next {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .navbar .login-submenu {
    top: 100%;
  }
  .course-carousel {
    margin-bottom: 0;
  }
  .course-carousel .carousel-control-prev,
  .course-carousel .carousel-control-next {
    width: 14px;
    height: 27px;
    top: 50%;
    transform: translateY(-50%);
  }
  .course-carousel .carousel-control-prev {
    left: -33px;
  }
  .course-carousel .carousel-control-next {
    right: -33px;
  }
  .course-carousel article {
    display: flex;
  }
  .course-carousel article .divimg {
    width: 50%;
    border-radius: 9px;
    object-fit: cover;
    background-size: cover;
    background-position: center;
    min-height: 350px;
  }
  .course-carousel article .inner-wrapper {
    width: 50%;
    padding-right: 40px;
    display: flex;
    flex-direction: column;
  }
  .course-carousel article .inner-wrapper .btn {
    width: min-content;
  }
  .tip-card {
    padding: 15px 80px;
    display: flex;
    margin-bottom: 25px;
  }
  .tip-card .btn {
    width: min-content;
  }
  .tip-card__nr {
    font-size: 22px;
    line-height: 27px;
    padding-top: 30px;
    width: 100px;
    height: 100px;
    margin: 0;
  }
  .tip-card__details {
    padding: 144px 0;
  }
  .tip-card__details .breadcrumbs a {
    font-size: 14px;
    line-height: 23px;
  }
  .tip-card__details .close-tip-card-details {
    top: 69px;
    right: 53px;
    width: 29px;
    height: 29px;
  }
  .tip-card__details .tip-card__nr {
    width: 100px;
    min-width: 100px;
    height: 100px;
    margin: 0 37px 0 0;
    padding-top: 30px;
  }
  .tip-card__details .tip-description {
    width: 55%;
    margin-right: 47px;
  }
  .tip-card__details .video {
    width: 45%;
    min-height: 400px;
  }
  .tip-card__details .close-tip {
    margin-top: 30px;
  }
}
/* ----- FIRST SCREEN ----- */
.first-screen {
  padding: 0 12px 48px;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: calc(100vh - 168px);
}
.first-screen .btn {
  max-width: 325px;
}
.first-screen__logo {
  width: 220px;
  margin: 0 auto 30px;
}
.first-screen__slogan {
  margin-bottom: 55px;
  font-size: 18px;
  line-height: 22px;
}
.first-screen__social {
  margin-top: auto;
}
.first-screen__social a {
  width: 41px;
  height: 28px;
}
.first-screen__social a:not(:last-of-type) {
  margin-right: 26px;
}
.first-screen__hidden-txt {
  display: none;
}

@media only screen and (min-width: 350px) {
  .first-screen__hidden-txt {
    display: inline;
  }
}
/* ----- PROFILE ----- */
.profile {
  padding-bottom: 70px;
}
.profile__data-box {
  padding: 30px 25px;
  margin-bottom: 30px;
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: flex-end;
  gap: 98px;
}
@media (max-width: 575px) {
  .profile__data-box .leftSide .buttons button {
    width: 100% !important;
  }
}
.profile__data-box p {
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 15px;
}
.profile__data-box .qponWrap {
  padding: 30px;
  background-color: white;
  text-align: center;
  max-width: 409px;
  border: 1px solid #DAACA4;
  border-radius: 8px;
}
.profile__data-box .qponWrap.qponWrap_1 {
  margin-bottom: 30px;
  display: none;
}
.profile__data-box .qponWrap img {
  margin-bottom: 15px;
}
.profile__data-box .qponWrap h4 {
  font-family: "Syncopate";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 50px;
}
.profile__data-box .qponWrap .btn {
  padding: 10px 20px;
}
.profile__data-box .btn {
  padding: 9px 17px;
}
@media (max-width: 991px) {
  .profile__data-box {
    display: block;
  }
  .profile__data-box .qponWrap.qponWrap_1 {
    display: block;
  }
  .profile__data-box .qponWrap.qponWrap_2 {
    display: none;
  }
}
@media (max-width: 575px) {
  .profile__data-box .qponWrap {
    max-width: unset;
    border-radius: unset;
    border: 0;
    margin-left: -25px;
    margin-right: -25px;
  }
}
.profile .separator {
  margin: 50px auto;
}
.profile__illustration {
  display: block;
  width: 223px;
  height: 167px;
  object-fit: contain;
  object-position: center;
  margin: 30px auto 20px;
}
.profile .missing-info {
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  font-family: "Quicksand", sans-serif;
  text-align: center;
  letter-spacing: 0.37em;
  text-transform: uppercase;
}
.profile .work-upload-btn {
  width: 100%;
}

.membership {
  background: rgba(255, 255, 255, 0.4);
  position: relative;
}
.membership__heading {
  padding: 20px 25px;
  background: #E8D8D8;
  border-radius: 12px;
}
.membership__body {
  padding: 20px 25px 40px;
}
.membership__body__text {
  text-align: center;
  margin-bottom: 30px;
}
.membership__body__text ul {
  text-align: left;
}
.membership__body ul.mouseShit li::before {
  content: "";
  display: block;
  width: 13px;
  height: 21px;
  background: url(/img/icon-sub-list.svg) center/contain no-repeat;
  position: absolute;
  top: 5px;
  left: 0;
}
.membership__body .subscription-card {
  background: #F2E6E4;
  border: none;
}
.membership__body .subscription-card__head {
  padding-bottom: 0;
  border-bottom: none;
}
.membership h2 {
  text-align: center;
}

.profile-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
}
.profile-modal .picWrap {
  text-align: center;
}
.profile-modal .buttWrap {
  margin-top: 50px;
  text-align: center;
}
.profile-modal .btn {
  padding-left: 20px;
  padding-right: 20px;
}
.profile-modal__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: #FAF7F6;
  padding: 80px 25px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.profile-modal__inner .buttWrap {
  margin-top: 50px;
}
.profile-modal__inner .success-illustration {
  width: 102px;
  margin: 10px auto 41px;
}
.profile-modal__inner .unsuccess-illustration {
  width: 219px;
  margin: 0 auto 54px;
}
.profile-modal__inner .success-txt {
  font-family: "Quicksand", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 130.5%;
  text-align: center;
  margin-bottom: 40px;
}
.profile-modal__inner .close-success {
  width: max-content;
  margin: 0 auto 50px;
}
.profile-modal__close {
  position: absolute;
  padding: 0;
  background: transparent;
  border: none;
  right: 24px;
  top: 24px;
  height: 16px;
  width: 16px;
}

.drag-n-drop {
  padding: 62px 25px;
  padding-bottom: 0;
  border: 1px dashed #C1A4A0;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 226px;
  margin-top: 15px;
  display: none;
}
.drag-n-drop.uploadStartButton {
  cursor: pointer;
}
.drag-n-drop#uploadBox_1 {
  display: flex;
}
.drag-n-drop__uploading {
  margin: 10px 0 30px;
  width: 100%;
}
.drag-n-drop__uploading--error {
  text-align: center;
}
.drag-n-drop__uploading--error .progress__value {
  color: #E3364D;
}
.drag-n-drop__uploading .progress {
  position: relative;
  background: #F2E6E4;
  border-radius: 2px;
  height: 6px;
}
.drag-n-drop__uploading .progress__value {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 23px;
}
.drag-n-drop__uploading .progress__value span {
  color: #C1A4A0;
  font-weight: bold;
}
.drag-n-drop__uploading .progress__actual {
  content: "";
  position: asbolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  border-radius: 6px;
  background: #685252;
}

.work-carousel {
  margin-top: 20px;
}
.work-carousel .work-card {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  border-radius: 20px;
  padding: 30px 20px 35px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .work-carousel .work-card {
    flex-direction: column;
    align-items: center;
  }
}
.work-carousel .work-card__img {
  width: 200px;
  height: 140px;
  display: block;
  margin-bottom: 10px;
  border-radius: 9px;
  background-size: cover;
}
.work-carousel .work-card__title {
  font-size: 16px;
  line-height: 23px;
  color: #685252;
  margin-bottom: 20px;
}
.work-carousel .work-card__label {
  position: relative;
  display: inline-block;
  border: 1px solid #E8D8D8;
  border-radius: 18px;
  font-size: 16px;
  line-height: 140%;
  padding: 5px 40px 5px 10px;
  margin-bottom: 18px;
}
.work-carousel .work-card__label::after {
  content: "";
  display: block;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
}
.work-carousel .work-card__label.rated::after {
  width: 10px;
  height: 10px;
  background: url("/img/icon-rated.svg") center/contain no-repeat;
}
.work-carousel .work-card__label.not-rated::after {
  width: 15px;
  height: 15px;
  background: url("/img/icon-not-rated.svg") center/contain no-repeat;
}

.own-carousel__item {
  background: transparent;
  border-radius: unset;
  display: block;
  align-items: unset;
  justify-content: unset;
  padding: 0 200px 0 200px;
}
@media (max-width: 991px) {
  .own-carousel__item {
    padding: 0;
  }
}

.certificate-carousel {
  margin-top: 20px;
}
.certificate-carousel .certificate-card {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  border-radius: 20px;
  padding: 30px 20px 35px;
}
.certificate-carousel .certificate-card__img {
  border: 2px solid #DAACA4;
  border-radius: 9px;
}
.certificate-carousel .certificate-card__badge {
  position: relative;
  padding: 5px 10px 5px 40px;
  background: #F2E6E4;
  border-radius: 18px;
  font-size: 16px;
  line-height: 140%;
  color: #685252;
  margin-bottom: 20px;
}
.certificate-carousel .certificate-card__badge::before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.certificate-carousel .certificate-card__badge.completed::before {
  background: url("/img/icon-crown.svg") center/contain no-repeat;
}
.certificate-carousel .certificate-card__date {
  position: relative;
  margin-bottom: 0;
  padding-left: 31px;
}
.certificate-carousel .certificate-card__date::before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("/img/icon-calendar.svg") center/contain no-repeat;
}
.certificate-carousel .certificate-card__label {
  position: relative;
  padding-left: 34px;
  font-family: "Syncopate", sans-serif;
  font-size: 14px;
  line-height: 17px;
  color: #685252;
  letter-spacing: 0.37em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.certificate-carousel .certificate-card__label::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.certificate-carousel .certificate-card__label.live::before {
  background: url("/img/icon-live.svg") center/contain no-repeat;
}
.certificate-carousel .certificate-card__label.flash::before {
  background: url("/img/icon-flash.svg") center/contain no-repeat;
}
.certificate-carousel .certificate-card__label.technical::before {
  background: url("/img/icon-gear.svg") center/contain no-repeat;
}
.certificate-carousel .certificate-card__label.decorative::before {
  background: url("/img/icon-flower.svg") center/contain no-repeat;
}
.certificate-carousel .certificate-card__label.seasonal::before {
  background: url("/img/icon-leaf.svg") center/contain no-repeat;
}
.certificate-carousel .certificate-card__label.premium::before {
  background: url("/img/icon-premium.svg") center/contain no-repeat;
}
.certificate-carousel .certificate-card__label.fashion::before {
  background: url("/img/icon-fashion.svg") center/contain no-repeat;
}
.certificate-carousel .certificate-card .download-btn {
  padding-left: 61px;
  position: relative;
}
.certificate-carousel .certificate-card .download-btn::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 34px;
  top: 50%;
  transform: translateY(-50%);
  background: url("/img/icon-download.svg") center/contain no-repeat;
}

.work-rating {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow-y: auto;
  width: 100vw;
  height: 100vh;
  background-color: #F7F1F0;
  background-image: url("/img/bg-blob-left.png"), url("/img/bg-blob-right.png");
  background-position: left top, right 240px;
  background-repeat: repeat-y, repeat-y;
  padding: 80px 0 23px;
}
.work-rating .close-rating-btn {
  background: transparent;
  border: none;
  position: absolute;
  top: 24px;
  right: 24px;
  width: 16px;
  height: 16px;
  padding: 0;
}
.work-rating .close-rating-btn svg {
  width: 100%;
}
.work-rating .tip-card__nr {
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin: 0 17px 0 0;
  padding-top: 18px;
}
.work-rating .close-tip {
  margin-top: 20px;
}
.work-rating .work-img-wrapper p {
  font-size: 16px;
  line-height: 140%;
}
.work-rating .mainFlexReverse {
  justify-content: center;
}
.work-rating .mainFlexReverse .rightSide img {
  border-radius: 9px;
}
.work-rating .mainFlexReverse .rightSide p {
  margin-left: 10px;
}
.work-rating .mainFlexReverse .leftSide {
  width: 100%;
}
.work-rating h3 {
  margin-bottom: 20px;
}
.work-rating__points {
  max-width: 480px;
  background-color: white;
  border-radius: 9px;
  padding: 24px 27px 22px 27px;
  color: #513E3E;
  margin-bottom: 50px;
}
.work-rating__points .oneAspect {
  margin-bottom: 12px;
}
.work-rating__points .oneAspect:last-child {
  margin-bottom: 0;
}
.work-rating__points .oneAspect .aspectName {
  font-size: 16px;
}
.work-rating__points .oneAspect .aspectBottom {
  display: flex;
  align-items: center;
  margin-top: -4px;
}
.work-rating__points .oneAspect .aspectBottom .aspectProgbar {
  height: 6px;
  background-color: #F2E6E4;
  border-radius: 2px;
  width: 100%;
  margin-right: 10px;
}
.work-rating__points .oneAspect .aspectBottom .aspectProgbar .aspectProgbarLine {
  height: 6px;
  background: #685252;
  border-radius: 2px;
}
.work-rating__points .oneAspect .aspectBottom .aspectValue {
  font-size: 14px;
  white-space: nowrap;
}

@media only screen and (min-width: 414px) {
  .profile .work-upload-btn {
    width: auto;
  }
  .profile .btn {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .profile-modal {
    overflow-y: auto;
    overflow-x: hidden;
  }
  .profile-modal__inner {
    left: 50%;
    top: 100px;
    transform: translateX(-50%);
    width: 600px;
    height: unset;
    padding: 60px 57px 60px;
    border-radius: 20px;
  }
  .profile-modal__inner .success-illustration {
    margin-bottom: 34px;
  }
  .profile-modal__inner .success-txt {
    font-size: 24px;
    margin-bottom: 50px;
  }
  .profile-modal__close {
    position: absolute;
    padding: 0;
    background: transparent;
    border: none;
    right: 24px;
    top: 24px;
    height: 16px;
    width: 16px;
  }
  .dnd-form {
    width: 367px;
    margin: 0 auto;
  }
  .mx-plus-50 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }
  .txt-16 {
    font-size: 16px;
  }
  .drag-n-drop {
    padding: 62px 48px;
    padding-bottom: 0;
  }
  .drag-n-drop svg {
    margin-bottom: 17px;
  }
  .drag-n-drop p {
    margin-bottom: 38px;
    color: #513E3E;
    text-align: center;
  }
  .drag-n-drop p .link-btn {
    color: #513E3E;
    font-weight: bold;
    background: none;
    border: none;
    padding: 0;
    display: inline;
  }
  .drag-n-drop p .link-btn:hover {
    text-decoration: underline;
  }
  .drag-n-drop__uploading .progress {
    margin-bottom: 58px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .work-carousel .work-card {
    padding: 30px 50px 35px 40px;
    display: flex;
  }
  .work-carousel .work-card__img {
    width: 200px;
    height: 140px;
    object-fit: cover;
    object-position: center;
    margin: 0 30px 10px 0;
  }
  .work-carousel .work-card__title {
    margin-bottom: 0;
  }
  .work-carousel .work-card__label {
    margin: 20px 0 18px;
  }
}
@media only screen and (min-width: 992px) {
  .profile {
    padding-bottom: 106px;
  }
  .profile__illustration {
    display: block;
    width: 468px;
    height: 350px;
    object-fit: contain;
    object-position: center;
    margin: 75px auto 30px;
  }
  .profile__data-box {
    padding: 55px 50px 50px;
    margin-bottom: 50px;
    border-radius: 20px;
    width: 100%;
    left: unset;
    right: unset;
    margin-left: unset;
    margin-right: unset;
  }
  .profile .separator {
    margin: 70px auto;
  }
  .profile .membership {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    left: unset;
    right: unset;
    margin-left: unset;
    margin-right: unset;
  }
  .profile .membership__heading {
    text-align: center;
    padding: 30px 50px;
  }
  .profile .membership__body {
    padding: 30px 50px 50px;
  }
  .profile .membership__body .custom-list {
    padding-left: 60px;
  }
  .profile .membership__body .custom-list li:last-of-type {
    margin-bottom: 0;
  }
  .profile .membership__body .subscription-card__body {
    height: calc(100% - 184px);
  }
  .profile .missing-info {
    font-size: 18px;
    line-height: 22px;
  }
  .certificate-carousel {
    margin-top: 20px;
  }
  .certificate-carousel .certificate-card {
    padding: 45px 40px 65px;
  }
  .certificate-carousel .certificate-card__img {
    margin-bottom: 34px;
  }
  .certificate-carousel .certificate-card__badge {
    margin: 0 15px 37px 0;
  }
  .certificate-carousel .certificate-card__date {
    margin-bottom: 37px;
    padding-left: 31px;
  }
  .certificate-carousel .certificate-card__label {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px;
  }
  .work-rating {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow-y: auto;
    width: 100vw;
    height: 100vh;
    background-color: #F7F1F0;
    background-image: url("/img/bg-blob-left.png"), url("/img/bg-blob-right.png");
    background-position: left top, right 240px;
    background-repeat: repeat-y, repeat-y;
    padding: 80px 0 23px;
  }
  .work-rating .close-rating-btn {
    background: transparent;
    border: none;
    position: absolute;
    top: 69px;
    right: 53px;
    width: 29px;
    height: 29px;
    padding: 0;
  }
  .work-rating .close-rating-btn svg {
    width: 100%;
  }
  .work-rating .work-img-wrapper {
    width: 40%;
    min-width: 40%;
    margin-left: 46px;
  }
}
@media only screen and (min-width: 1200px) {
  .work-carousel .work-card {
    padding: 30px 50px 35px 40px;
    display: flex;
  }
  .work-carousel .work-card__img {
    width: 200px;
    height: 140px;
    object-fit: cover;
    object-position: center;
    margin: 0 30px 10px 0;
  }
  .work-carousel .work-card__title {
    margin-bottom: 0;
  }
  .work-carousel .work-card__label {
    margin: 20px 0 18px;
  }
  .certificate-carousel {
    margin: 20px auto 0;
  }
}
.modal-backdrop {
  background-color: transparent !important;
  display: none !important;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  /* background-color: #fff; */
  background-color: transparent !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  /* border-radius: 0.3rem; */
  outline: 0;
}

/* ----- QUESTION ----- */
.question {
  padding-bottom: 70px;
}
.question h1 {
  color: #1D1D1D;
}
.question__illu {
  width: 41px;
  margin-left: 10px;
}
.question__box {
  text-align: center;
  background: white;
  border-radius: 40px;
  padding: 45px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.question__box img {
  width: 60px;
}
.question__box p {
  margin-bottom: 35px;
}
.question__box button {
  margin-top: auto;
}
.question-modal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  background-color: #F7F1F0;
  /*background-image: url('/img/bg-blob-left.png'), url('/img/bg-blob-right.png');
    background-position: left top, right 240px;
    background-repeat: repeat-y, repeat-y;*/
  padding: 80px 0;
}
.question-modal h2 {
  color: #1D1D1D;
}
.question-modal .q-portrait {
  width: 100px;
  height: 100px;
}
.question-modal .close-modal {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  border: none;
  padding: 0;
  background: transparent;
}
.question-modal .close-modal svg {
  width: 100%;
}
.question-modal .question-wrapper {
  padding: 30px 25px 40px;
  background: rgba(255, 255, 255, 0.4);
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.question-modal .question-wrapper .custom-dropdown {
  width: 495px;
  max-width: 100%;
}
.question-modal .question-wrapper textarea {
  margin: 20px 0 40px;
  width: 662px;
  max-width: 100%;
}
.question-modal .question-wrapper .btn {
  width: 100%;
}
.question-modal .question-wrapper input[name=expert] {
  display: none;
}
.question-modal .question-wrapper .expert {
  padding: 20px 35px 20px 30px;
  background: white;
  border-radius: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  cursor: pointer;
}
.question-modal .question-wrapper .expert.on {
  border: 2px solid #C1A4A0;
}
.question-modal .question-wrapper .expert.selected {
  border: 1px solid #C1A4A0;
}
.question-modal .question-wrapper .expert__name {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 25px;
}
.question-modal .question-wrapper .expert__title {
  font-size: 14px;
  line-height: 23px;
  font-weight: normal;
  margin-bottom: 0;
}
.question-modal .question-wrapper .expert img {
  width: 74px;
  height: 74px;
  margin-right: 20px;
  border-radius: 100%;
}
.question-modal .question-wrapper .szakisWrap {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 10px;
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .question-modal .question-wrapper .szakisWrap {
    width: 40%;
  }
}
.question-modal .question-wrapper .expert-question {
  max-width: 100%;
}
.question-modal .question-wrapper .expert-question input,
.question-modal .question-wrapper .expert-question textarea {
  width: 100%;
}
.question-modal .question-wrapper .label {
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 20px;
}
.question-modal.askFromSzaki .expert-question {
  margin-left: 0;
}
.question-modal.askFromSzaki .backButt {
  margin-top: 15px;
}

.question-success {
  background: rgba(0, 0, 0, 0.7);
}
.question-success__modal {
  background: #1D1D1D;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  text-align: center;
  padding: 90px 30px 30px;
}
.question-success__modal p {
  color: #E8D8D8;
}
.question-success__modal img {
  width: 150px;
  margin: 0 auto 35px;
}
.question-success__modal .close-question-success-btn {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background: transparent;
}
.question-success__modal .close-question-success-btn svg {
  width: 100%;
}

form.xPremForm .custom-dropdown label {
  margin-bottom: 3px;
  margin-left: 15px;
  padding-left: 0;
  font-weight: 700;
}
form.xPremForm .custom-dropdown::after {
  top: unset;
  bottom: 18px;
}
form.xPremForm .custom-dropdown input:focus ~ ul {
  display: block;
}
form.xPremForm .custom-dropdown ul {
  border: 1px solid #E8D8D8;
  top: calc(100% + 10px);
  border-radius: 12px;
}
@media only screen and (min-width: 768px) {
  .question {
    padding-bottom: 100px;
  }
  .question__box p {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .question__illu {
    float: right;
    width: 361px;
    margin-left: 19px;
  }
  .question-modal .q-portrait {
    width: 200px;
    height: 200px;
  }
  .question-modal .question-wrapper {
    padding: 40px 48px;
    width: unset;
    left: unset;
    right: unset;
    margin-left: unset;
    margin-right: unset;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
  }
  .question-modal .question-wrapper .btn {
    width: min-content;
    white-space: nowrap;
  }
  .question-modal .question-wrapper .label {
    font-size: 16px;
    line-height: 20px;
  }
  .question-success {
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow-y: auto;
  }
  .question-success__modal {
    background: #FAF7F6;
    border-radius: 20px;
    width: 600px;
    height: unset;
    position: absolute;
    left: 50%;
    top: 100px;
    transform: translateX(-50%);
    padding: 90px 61px 150px;
  }
  .question-success__modal h2,
  .question-success__modal p {
    color: #685252;
  }
  .question-success__modal img {
    width: 150px;
    margin: 0 auto 35px;
  }
  .question-success__modal .close-question-success-btn {
    display: none;
  }
  .expert-question {
    width: 495px;
    margin-left: 70px;
  }
}
.course-content .bigWhite {
  padding: 45px 60px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-content .bigWhite .rightSide {
  padding-left: 35px;
}
.course-content .bigWhite img {
  width: 100%;
}
.course-content .bigWhite h5 {
  margin-top: 15px;
  margin-bottom: 57px;
}
.course-content .bigWhite button {
  margin-bottom: 24px;
}
.course-content .bigWhite button img {
  width: 24px;
  margin-left: 40px;
}
@media (max-width: 991px) {
  .course-content .bigWhite {
    padding: 45px 15px;
  }
  .course-content .bigWhite .rightSide {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.entriModal .registration-modal__form-wrapper {
  padding-left: 80px;
  padding-right: 62px;
  padding-bottom: 66px;
}
.entriModal h2 {
  font-family: "syncopate";
  margin-top: 60px;
  text-transform: uppercase;
}
.entriModal p {
  margin-top: 10px;
  margin-bottom: 30px;
}

.szutyok {
  max-width: 600px;
  padding: 30px 60px 60px 60px;
  background: #FAF7F6;
  border-radius: 20px;
  margin: auto;
  margin-top: 180px;
  margin-bottom: 100px;
  text-align: center;
}
@media (max-width: 991px) {
  .szutyok {
    margin-top: 50px;
    background: transparent;
  }
}
.szutyok .success-txt {
  font-family: "Syncopate", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
}

.courseEmpty {
  margin-top: 80px;
  text-align: center;
}
.courseEmpty h4 {
  margin-top: 30px;
}

.custRadio {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  background-image: url("/img/RadiobuttonBB.svg");
  background-repeat: no-repeat;
}
.custRadio.on {
  background-image: url("/img/RadiobuttonB.svg");
}

.catRectWrap {
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: 30px;
  margin-bottom: 40px;
  gap: 20px;
}
.catRectWrap .catRect {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: 83px;
  min-width: 83px;
  height: 64px;
  min-height: 64px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #C1A4A0;
  border-radius: 8px;
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  gap: 5px;
}
.carousel-control-prev-icon {
  background-image: url("/img/caretLeft.svg");
}

.carousel-control-next-icon {
  background-image: url("/img/caretRight.svg");
}

.qponBody {
  display: flex;
  justify-content: space-around;
  background: #CE0A59;
  border-radius: 20px;
  color: white;
  text-transform: uppercase;
  padding: 35px;
}
.qponBody .qponMasni {
  position: absolute;
  left: 0;
  top: 0;
}
.qponBody .qponMasni.qponMasniSmall {
  display: none;
}
.qponBody .leftSide {
  text-align: center;
  position: relative;
}
.qponBody .leftSide img {
  margin-top: 35px;
  margin-bottom: 12px;
}
.qponBody .leftSide h4 {
  font-weight: 500;
  font-size: 27px;
  margin-bottom: 42px;
}
.qponBody .leftSide h2 {
  font-size: 54px;
  line-height: 76px;
  font-weight: 400;
  margin-bottom: 0;
}
.qponBody .leftSide h2 span {
  font-weight: 700;
}
.qponBody .leftSide p {
  font-weight: 400;
  margin-bottom: 62px;
  font-size: 16px;
}
.qponBody .rightSide {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 30px 20px;
}
@media (max-width: 575px) {
  .qponBody .qponMasni {
    display: none;
  }
  .qponBody .qponMasni.qponMasniSmall {
    display: block;
  }
}
@media (max-width: 991px) {
  .qponBody {
    border-radius: 0;
    padding-bottom: 43px;
  }
  .qponBody .rightSide {
    display: none;
  }
}
.modalShader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 500;
  overflow: auto;
}

.myQponsModal {
  background: #FAF7F6;
  max-width: 600px;
  width: 600px;
  padding: 0;
  padding-top: 60px;
  padding-bottom: 56px;
  border-radius: 20px;
  position: relative;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}
.myQponsModal .container {
  padding: 0;
}
.myQponsModal h2 {
  font-family: "Syncopate";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
  color: #685252 !important;
}
.myQponsModal .pinkStuff {
  background: #F2E6E4;
  padding: 6px 35px;
  font-size: 16px;
  text-transform: uppercase;
}
.myQponsModal .qponDetails {
  padding: 25px 25px 40px 25px;
  margin-bottom: 15px;
  border-top: 1px solid #E8D8D8;
}
.myQponsModal .qponDetails:first-child {
  border-top: 0;
}
.myQponsModal .qponDetails .qponInfoWrap {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  color: #513E3E;
}
.myQponsModal .qponDetails .qponInfoWrap:last-child {
  margin-bottom: 0;
}
.myQponsModal .qponDetails .qponInfoWrap .whatIsItSpan {
  width: 170px;
}
.myQponsModal .qponDetails .qponInfoWrap .iconWrap {
  width: 25px;
  text-align: center;
  margin-right: 10px;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.myQponsModal .qponDetails .qponInfoWrap span {
  margin-right: 20px;
}
.myQponsModal .qponDetails .qponInfoWrap p {
  font-weight: 700;
  margin-bottom: 0;
}
.myQponsModal .qponDetails .buttWrap {
  padding-top: 25px;
  text-align: center;
}
.myQponsModal .qponDetails.notAktuell {
  padding-bottom: 20px;
  margin-bottom: 0;
}
.myQponsModal .qponDetails.notAktuell .qponInfoWrap {
  color: #C1A4A0;
}
.myQponsModal .qponDetails.notAktuell p {
  font-weight: 400;
}
.myQponsModal .inner {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.myQponsModal .inner img {
  margin-bottom: 25px;
}
.myQponsModal .inner h2 {
  max-width: 400px;
  line-height: 135%;
  margin-left: auto;
  margin-right: auto;
}
.myQponsModal .inner .codeWrap {
  margin-bottom: 45px;
}
.myQponsModal .inner .codeWrap .codePink {
  margin-left: auto;
  margin-right: auto;
  background-color: #E8D8D8;
  border-radius: 4px;
  padding: 23px 58px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.myQponsModal .inner .codeWrap .codePink .codeWhite {
  background-color: white;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
  color: #513E3E;
  padding: 1px 43px;
  text-align: center;
}
.myQponsModal .inner p {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  color: #685252;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.myQponsModal .inner .buttWrap {
  padding-top: 45px;
}

@media (max-width: 991px) {
  .myQponsModal {
    width: unset;
  }
  .myQponsModal .dontShowInSmall {
    display: none;
  }
}
.courseSwitcher {
  display: flex;
  margin-bottom: 35px;
  font-size: 20px;
}
.courseSwitcher > div {
  width: 50%;
  background: rgba(255, 255, 255, 0.4);
  color: #513E3E;
  border: 1px solid #E8D8D8;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 575px) {
  .courseSwitcher > div {
    font-size: 14px;
  }
}
.courseSwitcher > div.on {
  background: #1D1D1D;
  border: 1px solid #1D1D1D;
  color: #F2E6E4;
}
.courseSwitcher .leftSide {
  border-radius: 30px 0px 0px 30px;
  border-right: 0;
}
.courseSwitcher .rightSide {
  border-radius: 0px 30px 30px 0px;
  border-left: 0;
}
.cMenuPoint {
  display: none;
}
.cMenuPoint.on {
  display: block;
}

.categorInfo {
  font-size: 18px;
  margin-bottom: 0;
}
.categorInfo span {
  font-weight: 700;
  text-transform: uppercase;
}

.packageMain {
  padding-top: 132px;
  padding-bottom: 50px;
}
.packageMain h3, .packageMain h2 {
  font-family: "Syncopate", sans-serif;
  text-transform: uppercase;
}
.packageMain .packageHero {
  padding: 20px 0 28px 0;
  background: rgba(255, 255, 255, 0.4);
}
.packageMain .packageHero h1 {
  line-height: 130.5%;
  margin-bottom: 23px;
  text-transform: uppercase;
}
.packageMain .packageHero .textWrap {
  max-width: 740px;
  padding-top: 78px;
}
.packageMain .packageHero .textWrap p {
  max-width: 610px;
  line-height: 160%;
}
.packageMain .packageHero .imgWrap {
  text-align: right;
}
.packageMain .moreAboutTitle {
  text-align: center;
  margin-top: 43px;
  margin-bottom: 32px;
}
.packageMain .moreAboutTitle img {
  margin-bottom: 20px;
}
.packageMain .moreAboutTitle h3 {
  font-family: "Syncopate", sans-serif;
}
.packageMain .infoRow {
  display: flex;
  gap: 50px;
  margin-bottom: 20px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #E8D8D8;
  border-radius: 12px;
  padding: 40px 50px;
  padding-bottom: 20px;
}
.packageMain .infoRow .textSide {
  width: 60%;
}
.packageMain .infoRow .textSide h3 {
  font-family: "Syncopate", sans-serif;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.packageMain .infoRow .textSide p {
  margin-bottom: 20px;
}
.packageMain .infoRow .picSide {
  width: 40%;
}
.packageMain .infoRow .picSide.right {
  text-align: right;
}
.packageMain .scrollDown {
  text-align: center;
  display: none;
}
.packageMain .weirdRow {
  display: flex;
  align-items: center;
  gap: 88px;
  max-width: 1120px;
  margin: auto;
  margin-top: 88px;
  margin-bottom: 42px;
}
.packageMain .weirdRow .textSide h2 {
  font-family: "Syncopate", sans-serif;
  text-transform: uppercase;
}
.packageMain .tablePack {
  display: grid;
  grid-template-columns: 5fr 4fr 4fr;
  gap: 1px;
  margin-bottom: 50px;
}
.packageMain .tablePack > div {
  background: #FAF7F6;
  padding: 20px 36px;
  box-shadow: 0 0 0 1px #E8D8D8;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.packageMain .tablePack .header {
  font-family: "Syncopate";
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400;
}
.packageMain .tablePack .bold {
  font-weight: 700;
}
.packageMain .tablePack .leftTop {
  border-top-left-radius: 20px;
}
.packageMain .tablePack .rightTop {
  border-top-right-radius: 20px;
}
.packageMain .tablePack .leftBottom {
  border-bottom-left-radius: 20px;
}
.packageMain .tablePack .rightBottom {
  border-bottom-right-radius: 20px;
}
.packageMain .buttWrap {
  background: #FAF7F6;
  border: 1px solid #E8D8D8;
  padding: 36px 57px;
  border-radius: 20px;
  max-width: 500px;
  margin: auto;
  text-align: center;
}
.packageMain .buttWrap img {
  margin-bottom: 17px;
}
.packageMain .buttWrap h3 {
  font-family: "Syncopate";
  text-transform: uppercase;
  margin-bottom: 16px;
}
.packageMain .buttWrap .price {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 45px;
}
.packageMain .buttBackWrap {
  margin-top: 40px;
}
.packageMain .buttBackWrap button span {
  margin-right: 10px;
}
.packageMain .ulPack {
  display: none;
  background: #FAF7F6;
  border: 1px solid #E8D8D8;
  border-radius: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  margin-left: 25px;
  margin-right: 25px;
}
.packageMain .ulPack li {
  border-bottom: 1px solid #E8D8D8;
  text-align: center;
  padding: 20px;
}
.packageMain .ulPack li:first-child {
  font-family: "Syncopate";
  text-transform: uppercase;
  font-size: 22px;
  padding-top: 30px;
  padding-bottom: 22px;
}
.packageMain .ulPack li:last-child {
  border-bottom: 0;
}
@media (max-width: 991px) {
  .packageMain {
    padding-top: 0;
  }
  .packageMain h1 {
    font-size: 18px;
  }
  .packageMain h1 img {
    margin-left: 15px;
  }
  .packageMain h2 {
    font-size: 18px;
  }
  .packageMain .packageHero .textWrap {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
  }
  .packageMain .infoRow {
    background: rgba(255, 255, 255, 0.4);
    border: 0;
    border-radius: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
  .packageMain .infoRow .textSide {
    width: 100%;
  }
  .packageMain .infoRow .textSide h3 {
    display: flex;
  }
  .packageMain .infoRow .textSide h3 img {
    margin-left: 21px;
  }
  .packageMain .infoRow .picSide {
    display: none;
  }
  .packageMain .scrollDown {
    margin-top: 40px;
    display: block;
  }
  .packageMain .weirdRow {
    margin-top: 40px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
  }
  .packageMain .weirdRow .picSide {
    display: none;
  }
  .packageMain .weirdRow .textSide {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .packageMain .moreAboutTitle {
    padding-left: 25px;
    padding-right: 25px;
  }
  .packageMain .buttWrap {
    max-width: unset;
    margin-left: 25px;
    margin-right: 25px;
  }
  .packageMain .container {
    padding-left: 0;
    padding-right: 0;
  }
  .packageMain .tablePack {
    display: none;
  }
  .packageMain .ulPack {
    display: block;
  }
}

.faxSuccess {
  background: rgba(0, 0, 0, 0.7);
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow-y: scroll;
  overflow: auto;
  color: #685252 !important;
}
.faxSuccess__modal {
  background: #FAF7F6;
  border-radius: 20px;
  width: 600px;
  height: unset;
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  padding: 90px 55px 50px;
  text-align: center;
  z-index: 1000;
  overflow-y: auto;
}
.faxSuccess__modal.wide {
  width: 800px;
}
.faxSuccess__modal h2,
.faxSuccess__modal p {
  color: #685252 !important;
}
.faxSuccess__modal img {
  margin: 0 auto 35px;
}
.faxSuccess__modal .imgFullWidthWrap img {
  width: 100%;
  margin-bottom: 0;
}
.faxSuccess__modal .formWrap form {
  margin: auto;
  width: 100%;
  text-align: left;
}
.faxSuccess__modal .formWrap form label {
  margin-top: 20px;
  margin-bottom: 0;
}
.faxSuccess__modal .formWrap form input {
  background-color: white;
  -webkit-box-shadow: unset;
  -webkit-text-fill-color: unset;
}
.faxSuccess__modal .formWrap form .error .errorText {
  color: #E3364D;
}
.faxSuccess__modal .formWrap .formRow {
  margin-bottom: 10px;
}
.faxSuccess__modal .ezt-kell-tudnod {
  margin-top: 15px;
}
.faxSuccess__modal .buttWrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 50px;
  text-align: center;
}
.faxSuccess__modal .buttWrap.buttonFullWidth button {
  width: 100%;
}
.faxSuccess__modal .buttWrap button:last-child, .faxSuccess__modal .buttWrap a:last-child {
  margin-right: 0;
}
.faxSuccess .mainReason {
  position: relative;
  display: flex;
  gap: 30px;
  text-align: left;
}
.faxSuccess .mainReason h3 {
  font-size: 24px !important;
  font-family: "Syncopate";
  margin-bottom: 20px;
  text-transform: uppercase;
}
.faxSuccess .courses .course {
  text-align: left;
  padding: 25px;
  padding-bottom: 35px;
  margin-bottom: 10px;
  background-color: white;
  border-radius: 20px;
}
.faxSuccess .courses .course img {
  max-width: 100%;
  border-radius: 9px;
  cursor: pointer;
}
.faxSuccess .courses .course .cim {
  font-family: "Syncopate";
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
}
.faxSuccess .courses .course .cim a {
  color: inherit;
}
.faxSuccess .courses .course .datum {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faxSuccess .courses .course .datum img {
  margin: 0;
}
.faxSuccess .courses .course .progressText {
  margin-top: 15px;
  margin-bottom: 4px;
}
.faxSuccess .courses .course .continueWrap {
  margin-top: 30px;
}
.faxSuccess .courses .course .noMoreNotifications {
  margin-top: 20px;
}
.faxSuccess .courses .course .progressBar {
  height: 6px;
  background: #F2E6E4;
  border-radius: 2px;
}
.faxSuccess .courses .course .progressBar .inner {
  height: 6px;
  background: #685252;
  border-radius: 2px;
}
.faxSuccess .myCreditsWrap img {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .faxSuccess__modal {
    width: 100%;
    padding: 25px;
    padding-top: 60px;
  }
  .faxSuccess .mainReason {
    flex-direction: column-reverse;
    text-align: center;
    margin-top: 40px;
  }
  .faxSuccess .mainReason img {
    margin-bottom: 10px;
  }
}

.liveCourseWrap {
  margin-top: 90px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .liveCourseWrap {
    margin-top: 0;
  }
}
.liveCourseWrap h2 {
  margin-bottom: 30px;
}
.liveCourseWrap .mainBox {
  background: #FFFFFF;
  border: 1px solid #DAACA4;
  border-radius: 20px;
  display: flex;
  overflow: hidden;
}
.liveCourseWrap .mainBox .leftSide {
  width: 60%;
  padding: 40px;
  text-align: center;
}
.liveCourseWrap .mainBox .leftSide .leftSidePic {
  background-size: cover;
  background-position: center;
  height: 200px;
  display: none;
}
.liveCourseWrap .mainBox .leftSide .courseType {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.37em;
  text-transform: uppercase;
  color: #CE0A59;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 46px;
}
.liveCourseWrap .mainBox .leftSide .courseType img {
  margin-right: 10px;
}
.liveCourseWrap .mainBox .leftSide h1 {
  font-family: "Syncopate";
  font-style: normal;
  margin-bottom: 20px !important;
  line-height: 160%;
}
.liveCourseWrap .mainBox .leftSide h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px !important;
}
.liveCourseWrap .mainBox .leftSide h5 strong {
  margin-right: 20px;
}
.liveCourseWrap .mainBox .leftSide h5 img {
  margin-right: 7px;
}
.liveCourseWrap .mainBox .rightSide {
  width: 40%;
  background-size: cover;
  background-position: center;
}
@media (max-width: 575px) {
  .liveCourseWrap .mainBox .leftSide {
    width: 100%;
    padding: 25px;
  }
  .liveCourseWrap .mainBox .leftSide .courseType {
    margin-bottom: 15px;
  }
  .liveCourseWrap .mainBox .leftSide .leftSidePic {
    display: block;
    border-radius: 20px;
    margin-bottom: 30px;
  }
  .liveCourseWrap .mainBox .leftSide h1 {
    margin-bottom: 30px;
    font-size: 18px;
  }
  .liveCourseWrap .mainBox .leftSide h5 {
    margin-bottom: 40px;
    font-size: 18px;
  }
  .liveCourseWrap .mainBox .rightSide {
    display: none;
  }
}

.carousel-item .liveCourseWrap {
  margin-top: 0;
}
.carousel-item .liveCourseWrap .mainBox {
  border: 0;
}
.carousel-item .liveCourseWrap .mainBox .leftSide {
  width: 70%;
  padding: 0;
}
.carousel-item .liveCourseWrap .mainBox .leftSide h1 {
  margin-bottom: 20px;
}
.carousel-item .liveCourseWrap .mainBox .leftSide h5 {
  margin-bottom: 30px;
}
.carousel-item .liveCourseWrap .mainBox .leftSide .courseType {
  padding: 22px 15px 22px 15px;
  background: #CE0A59;
  color: white;
}
.carousel-item .liveCourseWrap .mainBox .leftSide .leftSideInner {
  padding: 0 40px 40px 40px;
}
.carousel-item .liveCourseWrap .mainBox .rightSide {
  width: 30%;
  min-height: 380px;
}
@media (max-width: 575px) {
  .carousel-item .liveCourseWrap .mainBox {
    border-radius: 0;
  }
  .carousel-item .liveCourseWrap .mainBox .leftSide {
    width: 100%;
    padding: 0;
  }
  .carousel-item .liveCourseWrap .mainBox .leftSide .courseType {
    margin-bottom: 15px;
    font-size: 12px;
    padding-top: 15px;
    padding-right: 15px;
  }
  .carousel-item .liveCourseWrap .mainBox .leftSide .leftSideInner {
    padding: 25px;
    padding-top: 10px;
  }
  .carousel-item .liveCourseWrap .mainBox .leftSide .leftSidePic {
    display: block;
    border-radius: 20px;
    margin-bottom: 30px;
  }
  .carousel-item .liveCourseWrap .mainBox .leftSide h1 {
    margin-bottom: 30px;
  }
  .carousel-item .liveCourseWrap .mainBox .leftSide h5 {
    margin-bottom: 40px;
  }
  .carousel-item .liveCourseWrap .mainBox .rightSide {
    display: none;
  }
}

.iti--allow-dropdown {
  width: 100%;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: unset;
}

.uppercase {
  text-transform: uppercase;
}

/* ------------------------ NEW SHIT ------------------------ */
.about-me.live p {
  font-size: 16px;
}
.about-me.live .achievments p {
  font-weight: 700;
}
.about-me.my-courses {
  padding-bottom: 200px;
}

.course-card--live .course-card__label::before {
  background: url("/img/icon-live.svg") center/contain no-repeat;
}

.my-courses .course-card--live .course-card__label {
  display: inline-block;
}

.border-12 {
  border-radius: 12px;
}

.btn--toggle {
  padding-right: 53px;
  position: relative;
}

.btn--toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  display: block;
  transform: translate(-50%, -50%);
  background: url("/img/arrow-down.svg") center/contain no-repeat;
  width: 8px;
  height: 4px;
}

.btn--toggle.open::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.reason-box {
  text-align: left;
  border: 1px solid #E8D8D8;
  border-radius: 6px;
  padding: 30px 30px 30px 65px;
  height: 100%;
}

.reason-box__title {
  font-family: "Syncopate", sans-serif;
  text-transform: uppercase;
  margin-bottom: 12px;
  position: relative;
}

.reason-box__title::before {
  content: "";
  position: absolute;
  left: -35px;
  top: 4px;
  display: block;
  width: 25px;
  height: 17.5px;
}

.icon-profit.reason-box__title::before {
  background: url("/img/icon-profit.svg") center/contain no-repeat;
}

.icon-like.reason-box__title::before {
  background: url("/img/icon-like.svg") center/contain no-repeat;
}

.icon-couch.reason-box__title::before {
  background: url("/img/icon-couch.svg") center/contain no-repeat;
}

.icon-camera.reason-box__title::before {
  background: url("/img/icon-camera.svg") center/contain no-repeat;
}

.reason-box p {
  margin-bottom: 0;
}

.my-course-ingredients {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  border-radius: 12px;
  padding: 20px;
  height: 100%;
}

.my-course-ingredients img {
  float: right;
  margin-left: 10px;
}

.my-course-ingredients {
  border-radius: 14px;
  padding: 26px;
}

.my-course-ingredients img {
  width: 120px;
  height: 80px;
  object-fit: contain;
  float: left;
  margin-right: 30px;
}

.my-course-ingredients.materials img {
  transform: scaleX(-1);
}

.my-course-ingredients ul {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}

.illustrated-card {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #E8D8D8;
  border-radius: 20px;
  padding: 30px 20px 40px;
}

.illustrated-card img {
  width: auto;
  height: 80px;
  margin: 0 auto 20px;
}

.packages-list {
  list-style-type: none;
  padding: 0;
}

.packages-list li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 30px;
}

.packages-list li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 9px;
  display: block;
  width: 5px;
  height: 5px;
  background: #513E3E;
  border-radius: 5px;
}

.info-card {
  background: #FAF5F5;
  border: 1px solid #E8D8D8;
  border-radius: 6px;
  padding: 20px 15px;
}

@media only screen and (min-width: 992px) {
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .me-lg-20 {
    margin-right: 20px !important;
  }
  .mt-lg-70 {
    margin-top: 70px !important;
  }
  .text-lg-nowrap {
    white-space: nowrap;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .illustrated-card {
    flex-direction: row;
    position: relative;
    padding: 50px 40px 30px 300px;
    min-height: 244px;
  }
  .illustrated-card img {
    position: absolute;
    left: 50px;
    top: 37px;
    height: 150px;
    margin: 0;
  }
  .packages-list {
    padding-left: 100px;
  }
  .packages-list li {
    margin-bottom: 8px;
  }
  .packages-list li::before {
    top: 12px;
  }
  .info-card {
    position: relative;
    margin-bottom: 20px !important;
  }
  .info-card--1 {
    padding: 20px 32px 20px 94px;
  }
  .info-card--2 {
    padding: 20px 94px 20px 32px;
  }
  .info-card--3 {
    padding: 20px 32px 20px 94px;
  }
  .info-card::before {
    content: "";
    position: absolute;
    top: 20px;
    width: 65px;
    height: 60px;
  }
  .info-card--1::before {
    left: 13px;
    background: url("/img/illustration-try-it.svg") center/contain no-repeat;
    transform: scaleX(-1);
  }
  .info-card--2::before {
    right: 13px;
    background: url("/img/illustration-hand.svg") center/contain no-repeat;
  }
  .info-card--3::before {
    left: 13px;
    background: url("/img/illustration-materials.svg") center/contain no-repeat;
    transform: scaleX(-1);
  }
  .modal-form {
    background: #FAF7F6;
    border-radius: 20px;
    padding: 60px 60px 0;
    width: 600px;
    margin: 0 auto 0;
  }
}
@media only screen and (max-width: 991px) {
  body.premium .live .about-me__hero {
    background: transparent;
    backdrop-filter: none;
    padding-bottom: 0;
  }
}
.cc--live .course-card__label {
  position: relative;
  display: inline-block;
}
.cc--live .course-card__label::before {
  background: url("../img/icon-live.svg") center/contain no-repeat;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

.home__new-courses {
  padding-top: 0;
  padding-bottom: 0;
}

.liveprogram {
  padding-bottom: 130px;
}
.liveprogram h1 {
  font-family: "Syncopate", sans-serif;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.liveprogram h4 {
  font-family: "Syncopate", sans-serif;
  text-transform: uppercase;
}
.liveprogram .whiteBack {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  padding: 50px 50px 30px 50px;
  margin-bottom: 54px;
}
.liveprogram .infoGrid {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.liveprogram .infoGrid div {
  padding: 5px;
}
.liveprogram .infoGrid div.bold {
  font-weight: 700;
}
.liveprogram ul {
  padding-bottom: 20px;
}
.liveprogram .buttWrap {
  text-align: center;
}
.liveprogram .separator {
  display: block;
  margin-top: 70px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}
.liveprogram h2 {
  font-family: "Syncopate", sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
}
.liveprogram .nameCardSmall {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .liveprogram h1 {
    font-size: 24px;
  }
  .liveprogram h4 {
    font-size: 18px;
  }
  .liveprogram .infoGrid {
    display: block;
  }
  .liveprogram .whiteBack {
    padding: 25px;
    margin-bottom: 15px;
  }
  .liveprogram .buttWrap {
    margin-top: 35px;
  }
}

.nameCardSmall {
  display: flex;
}
.nameCardSmall img {
  margin-right: 18px;
}
.nameCardSmall .name {
  font-weight: 700;
  margin-bottom: 8px;
}

.favorites .nothingYet {
  text-align: center;
  margin-bottom: 200px;
}
.favorites .nothingYet img {
  margin-top: 115px;
}
.favorites .nothingYet h5 {
  margin-top: 30px;
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */
  letter-spacing: 0.37em;
  text-transform: uppercase;
  /* Brown/Dark */
  color: #685252;
}

.pleaseUpgrade {
  text-align: center;
  margin-bottom: 250px;
}
.pleaseUpgrade p {
  font-size: 18px;
  color: #1D1D1D;
  max-width: 945px;
  margin: auto;
  margin-bottom: 40px;
}
.pleaseUpgrade img {
  max-width: 552px;
  margin-bottom: 30px;
}
.pleaseUpgrade h2 {
  text-transform: uppercase;
}

.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

.iframe-container iframe, .iframe-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .iframe-container.iframe-container-mobile-ratio {
    padding-bottom: 156.25%;
  }
  .iframe-container video#welcomeVideo {
    object-fit: cover;
  }
}

.downloadWrap {
  display: flex;
  justify-content: center;
  margin-bottom: 300px;
}
.downloadWrap .download {
  display: inline-flex;
  align-items: flex-start;
  gap: 32px;
}
.downloadWrap .download .text-side {
  display: flex;
  gap: 21px;
}
.downloadWrap .download .text-side img {
  display: none;
}
.downloadWrap .download h2 {
  font-family: "Syncopate";
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
  color: #000000;
  margin-top: 8px;
  margin-bottom: 12px !important;
}
.downloadWrap .download p {
  font-size: 18px;
  line-height: 160%;
  color: #000000;
}
.downloadWrap .download .buttWrap {
  margin-top: 38px;
}
.downloadWrap .download .buttWrap button, .downloadWrap .download .buttWrap a {
  margin-right: 15px;
  margin-bottom: 15px;
}
@media (max-width: 799px) {
  .downloadWrap .download img {
    display: none;
  }
  .downloadWrap .download .text-side img {
    display: inline;
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 599px) {
  .downloadWrap .download h2 {
    font-size: 18px;
    margin-bottom: 6px !important;
  }
  .downloadWrap .download p {
    font-size: 14px;
  }
  .downloadWrap .download .buttWrap {
    margin-top: 21px;
  }
  .downloadWrap .download .buttWrap button, .downloadWrap .download .buttWrap a {
    width: 100%;
    display: block;
  }
}

.payment2Wrap {
  margin-bottom: 200px;
  display: flex;
  gap: 117px;
}
.payment2Wrap h2 {
  font-family: "Syncopate";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
  color: #1D1D1D;
  margin-bottom: 35px;
}
.payment2Wrap .whiteBox {
  background: #FAF7F6;
  border: 1px solid #E8D8D8;
  border-radius: 20px;
  padding: 40px;
}
.payment2Wrap .whiteBox h5 {
  font-family: "Syncopate";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130.5%;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 30px;
}
.payment2Wrap .whiteBox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.payment2Wrap .whiteBox ul li {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.payment2Wrap .whiteBox ul li img {
  margin-right: 12px;
}
.payment2Wrap .whiteBox .details {
  margin-top: 26px;
  padding: 27px 40px;
  background-color: #FFFFFF;
  border: 1px solid #E8D8D8;
  border-radius: 12px;
  display: inline-block;
}
.payment2Wrap .whiteBox .details h6 {
  font-size: 16px;
  line-height: 130.5%;
  font-weight: 500;
  text-transform: uppercase;
  color: #000000;
}
.payment2Wrap .whiteBox .details .detail {
  margin-bottom: 10px;
  display: flex;
  gap: 15px;
  justify-content: space-between;
}
.payment2Wrap .whiteBox .details .status {
  padding: 8px 17px 8px 12px;
  background-color: #F7F1F0;
  border-radius: 18px;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
  display: inline-flex;
  align-items: center;
  color: #685252;
}
.payment2Wrap .whiteBox .details .status img {
  margin-right: 8px;
}
.payment2Wrap .whiteBox .buttWrap {
  margin-top: 40px;
}
.payment2Wrap .whiteBox .registration-modal__form {
  width: 100%;
}
.payment2Wrap .whiteBox .registration-modal__form h6 {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  color: #1D1D1D;
  margin-bottom: 0;
  margin-top: 90px;
}
@media (max-width: 1199px) {
  .payment2Wrap .right-side {
    display: none;
  }
  .payment2Wrap h2 {
    font-size: 18px;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .payment2Wrap .buttWrap button {
    width: 100%;
  }
}

.passwordWrap {
  display: flex;
  justify-content: center;
  background-color: #FAF7F6;
  margin-bottom: 200px;
  border-radius: 20px;
}
.passwordWrap > div {
  max-width: 700px;
  display: inline-flex;
  gap: 120px;
  padding-top: 70px;
  padding-bottom: 60px;
  padding-left: 40px;
  padding-right: 40px;
}
.passwordWrap h2 {
  font-family: "Syncopate";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 130.5%;
  text-transform: uppercase;
  color: #1D1D1D !important;
  margin-top: 50px;
  margin-bottom: 40px;
}
.passwordWrap p {
  font-size: 16px;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #000000;
}
.passwordWrap form {
  margin: auto;
  width: 100%;
  text-align: left;
}
.passwordWrap form label {
  margin-top: 20px;
  margin-bottom: 0;
}
.passwordWrap form input {
  background-color: transparent;
  -webkit-box-shadow: unset !important;
  -webkit-text-fill-color: unset !important;
}
.passwordWrap form .error .errorText {
  color: #E3364D !important;
}
@media (max-width: 991px) {
  .passwordWrap > div {
    flex-direction: column-reverse;
    gap: 40px;
  }
  .passwordWrap > div > div:last-child {
    display: flex;
    justify-content: center;
  }
  .passwordWrap h2 {
    text-align: center;
    margin-top: 0;
  }
  .passwordWrap button, .passwordWrap a {
    width: 100%;
  }
}

.liveTitle {
  display: flex;
  justify-content: center;
}

.liveContainer h1 {
  text-align: center;
}
.liveContainer .info-card {
  color: #513E3E !important;
}
.liveContainer .buttWrap {
  padding-top: 60px;
  text-align: center;
  margin-bottom: 30px;
}

.liveContainerBottom {
  padding-top: 80px;
  padding-bottom: 40px;
}

.didYouKnow {
  margin-bottom: 200px;
}
.didYouKnow .content {
  display: flex;
  color: #E8D8D8;
}
.didYouKnow .content h1 {
  font-family: "Syncopate";
  font-size: 40px;
  margin-bottom: 30px;
  color: white;
}
.didYouKnow .content p {
  font-size: 18px;
  margin-bottom: 20px;
}
.didYouKnow .content ul {
  list-style: none;
  padding-left: 70px;
}
.didYouKnow .content ul li {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 160%;
  position: relative;
}
.didYouKnow .content ul li::before {
  content: url("/img/Fill-51.svg");
  position: absolute;
  left: -30px;
  top: 5px;
}
.didYouKnow .content .buttWrap {
  margin-top: 48px;
}
@media (max-width: 991px) {
  .didYouKnow {
    padding-top: 80px;
  }
  .didYouKnow .pic-side {
    display: none;
  }
}
@media (max-width: 575px) {
  .didYouKnow h1 {
    text-align: center;
  }
  .didYouKnow .buttWrap {
    text-align: center;
  }
}

.question-pre-div {
  border-radius: 20px;
  border: 1px solid var(--brown-light, #E8D8D8);
  background: rgba(255, 255, 255, 0.4);
  padding: 50px;
  display: flex;
  align-items: center;
  gap: 55px;
  margin-bottom: 70px;
}
.question-pre-div img {
  width: 227px;
}
.question-pre-div img.mobilePic {
  display: none;
}
.question-pre-div h2 {
  font-family: Syncopate;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.question-pre-div p {
  margin-bottom: 20px;
}
.question-pre-div .buttWrap {
  margin-bottom: 0;
  text-align: left;
}
@media (max-width: 767px) {
  .question-pre-div {
    gap: 20px;
    align-items: flex-start;
    padding: 28px 20px;
  }
  .question-pre-div img {
    display: none;
  }
  .question-pre-div img.mobilePic {
    display: inline;
  }
}

.ask-now {
  border-radius: 20px;
  border: 1px solid var(--brown-light, #E8D8D8);
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  gap: 50px;
  justify-content: space-between;
  padding: 40px 50px 50px 50px;
  margin-bottom: 70px;
}
.ask-now .askNowHideWide {
  display: none;
}
.ask-now .pic-side {
  text-align: center;
  width: 30%;
  background: #FFF;
  box-shadow: 0px 0px 7px 0px rgba(202, 202, 202, 0.5);
}
.ask-now .pic-side img {
  margin-bottom: 30px;
}
.ask-now .pic-side h5 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  margin-bottom: 8px;
}
.ask-now .question-side {
  width: 70%;
}
.ask-now .question-side h2 {
  font-family: Syncopate;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 23px;
}
.ask-now .question-side .formRow {
  margin-bottom: 10px;
}
.ask-now .question-side .buttWrap {
  margin-top: 40px;
  text-align: left;
}
@media (max-width: 991px) {
  .ask-now {
    flex-direction: column;
    gap: 28px;
    padding: 25px;
  }
  .ask-now input {
    margin-bottom: 8px;
  }
  .ask-now .formRow {
    margin-bottom: 0 !important;
  }
  .ask-now > div {
    width: 100% !important;
  }
  .ask-now .pic-side {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid var(--brown-light, #E8D8D8);
    padding: 20px;
    background-color: transparent;
  }
  .ask-now .pic-side img {
    width: 74px;
    max-width: 74px;
    margin-bottom: 0;
    border: 1px solid #C1A4A0;
    border-radius: 100px;
  }
  .ask-now .askNowHideSlim {
    display: none;
  }
  .ask-now .askNowHideWide {
    display: block;
    text-align: center;
    text-transform: uppercase;
  }
  .ask-now button {
    width: 100%;
  }
}

.mentor {
  margin-bottom: 150px;
}
.mentor__img {
  max-width: 100%;
}
.mentor .textAndPicFlex {
  margin-bottom: 60px;
}
.mentor .breadcrumb {
  margin-bottom: 60px;
}
.mentor .courseSwitcher {
  margin-bottom: 80px;
}
.mentor .cMenuPoint h2 {
  font-family: Syncopate;
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
.mentor .cMenuPoint .course-card {
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}
.mentor .cMenuPoint .course-card__eddig img {
  margin-left: 0;
}
.mentor .menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
.mentor .menu .menuBox {
  margin-bottom: -15px;
  padding: 40px;
  padding-top: 60px;
  border-radius: 20px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background: var(--Brown-Lightest, #FAF7F6);
  /* lara shadow */
  box-shadow: 0px 4px 50px 0px rgba(193, 164, 160, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mentor .menu .menuBox > p {
  text-align: center;
}
.mentor .menu .menuBox > .buttWrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.mentor .menu .menuBox > img {
  margin-bottom: 40px;
}
.mentor .menu .menuBox p {
  font-size: 16px;
}
.mentor .menu .menuBox .onlyOnce {
  border-radius: 20px 20px 0 0;
  background-color: var(--Brown-Lighter, #F2E6E4);
  color: #513E3E;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 5px 17px;
  text-align: center;
  font-weight: 700;
}
.mentor .menu .menuBox .notAvailableRow {
  border-radius: 20px 20px 0 0;
  background-color: var(--Brown-Lighter, #F2E6E4);
  cursor: pointer;
  color: #513E3E;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 5px 17px;
  display: flex;
  justify-content: space-between;
}
.mentor .menu .menuBox .notAvailableRow img {
  margin-bottom: 0;
}
.mentor .menu .menuBox .notAvailableRow > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mentor .menu .menuBox .usedUpWrap {
  text-align: center;
}
.mentor .menu .menuBox .usedUpWrap img {
  margin-bottom: 18px;
}
.mentor .menu .menuBox .usedUpWrap p {
  margin-bottom: 17px;
}
.mentor .menu .menuBox .usedUpWrap .buttWrap {
  max-width: 340px;
  margin: auto;
}
.mentor .menu .menuBox .usedUpWrap .buttWrap button {
  display: block;
  width: 100%;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .mentor .textAndPicFlex {
    margin-bottom: 20px;
  }
  .mentor .menu {
    grid-template-columns: 1fr;
  }
  .mentor .menu .menuBox {
    padding: 30px;
    padding-top: 40px;
    margin-bottom: -40px;
  }
  .mentor .menu .menuBox img {
    margin-bottom: 30px;
  }
}

.personalJel {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: flex-start;
  gap: 29px;
  padding: 40px 50px;
}
.personalJel h6 {
  color: var(--brown-darkest, #312D2D);
  font-family: Syncopate;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 15px;
}
.personalJel p {
  font-size: 16px;
  line-height: 140%;
}
.personalJel .buttWrap {
  margin-top: 30px;
}
.personalJel .buttWrap button {
  margin-right: 15px;
}
@media (max-width: 1199px) {
  .personalJel {
    flex-direction: column;
    text-align: center;
    align-items: center;
    border: 1px solid var(--brown-standard, #C1A4A0);
    border-radius: 12px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .personalJel .buttWrap button {
    width: 100%;
    margin-bottom: 15px;
  }
}

.backWrap {
  margin-top: 15px;
}

.personalJelMaster button {
  margin-right: 15px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .personalJelMaster {
    background: var(--brown-darkest, #312D2D);
    box-shadow: 0px -11px 20px 0px rgba(254, 248, 239, 0.05);
    position: fixed;
    padding: 20px;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .personalJelMaster button {
    margin-bottom: 0;
  }
}

.jelcsoClosed {
  border-radius: 20px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  padding: 32px 50px;
  color: #312D2D;
  gap: 30px;
}
@media (max-width: 991px) {
  .jelcsoClosed {
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
}

.my-work-upload {
  border-radius: 20px;
  border: 1px solid var(--brown-light, #E8D8D8);
  background: rgba(255, 255, 255, 0.4);
  padding: 50px 60px;
  margin-bottom: 90px;
  display: flex;
  gap: 60px;
  justify-content: space-around;
}
.my-work-upload h2 {
  font-family: Syncopate;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
}
.my-work-upload .purpose-text {
  display: flex;
  gap: 20px;
}
.my-work-upload .purpose-text img {
  display: none;
}
@media (max-width: 767px) {
  .my-work-upload {
    padding: 20px;
    padding-bottom: 50px;
  }
  .my-work-upload .purpose-text img {
    display: inline-block;
  }
  .my-work-upload h2 {
    font-size: 18px;
    line-height: 150.5%;
    text-align: center;
  }
  .my-work-upload .icon-side {
    display: none;
  }
}

.my-work-upload-step {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 2000;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.my-work-upload-step .registration-modal__form {
  width: 100%;
}
.my-work-upload-step .file-input-wrap {
  margin-top: 20px;
}
.my-work-upload-step .file-input-wrap p {
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #513E3E;
}
.my-work-upload-step .file-input-wrap .click-here-box {
  margin: auto;
  max-width: 367px;
  padding: 70px 50px;
  border-radius: 20px;
  text-align: center;
  border: 1px dashed var(--brown-standard, #C1A4A0);
  cursor: pointer;
}
.my-work-upload-step .file-input-wrap .work-uploaded-pic-container {
  margin: auto;
  max-width: 367px;
  border-radius: 20px;
}
.my-work-upload-step .file-input-wrap .work-uploaded-pic-container img {
  width: 100%;
  max-width: 100%;
}
.my-work-upload-step .inner {
  margin-top: 100px;
  margin-bottom: 100px;
  border-radius: 20px;
  max-width: 600px;
  background: var(--brown-lightest, #FAF7F6);
  padding: 60px 50px;
  margin-left: auto;
  margin-right: auto;
}
.my-work-upload-step .inner h2 {
  font-family: Syncopate;
  font-size: 24px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 30px;
  text-align: center;
}
.my-work-upload-step .inner .h2-with-pic {
  display: flex;
  align-items: center;
  gap: 18px;
}
.my-work-upload-step .inner .h2-with-pic h2 {
  margin-bottom: 0;
}
.my-work-upload-step .inner .slim-form-wrap {
  max-width: 380px;
}
.my-work-upload-step .inner .img-wrap {
  margin-top: 36px;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.my-work-upload-step .inner .img-wrap img {
  max-width: 150px;
}
@media (max-width: 991px) {
  .my-work-upload-step .inner .img-wrap {
    flex-direction: column;
  }
  .my-work-upload-step .inner .img-wrap img {
    max-width: 250px;
  }
}
.my-work-upload-step .inner .buttWrap {
  margin-top: 56px;
  text-align: center;
}
@media (max-width: 767px) {
  .my-work-upload-step .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .my-work-upload-step .inner .h2-with-pic {
    flex-direction: column-reverse;
    gap: 40px;
  }
  .my-work-upload-step .inner .h2-with-pic h2 {
    margin-bottom: 15px;
  }
  .my-work-upload-step .inner button {
    max-width: calc(100% - 15px) !important;
  }
}

.course-offering {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.4);
  margin-bottom: 50px;
}
.course-offering .top-title {
  border-radius: 20px 20px 0 0;
  color: var(--gray-darkest, #1C1E22);
  text-align: center;
  font-family: Syncopate;
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
  background: var(--brown-light, #E8D8D8);
  padding: 17px;
}
.course-offering .content {
  padding: 37px;
}
.course-offering .content .a-course {
  border-radius: 20px;
  border: 1px solid var(--brick, #DAACA4);
  padding: 30px;
  padding-right: 56px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 10px;
}
.course-offering .content .a-course .left-side {
  width: 60%;
}
.course-offering .content .a-course .left-side .course-title {
  font-family: Syncopate;
  font-size: 22px;
  line-height: 130.5%;
  text-transform: uppercase;
}
.course-offering .content .a-course .left-side .butt-wrap {
  margin-top: 100px;
}
.course-offering .content .a-course .right-side {
  width: 40%;
  min-height: 190px;
  background-image: url("/img/course-pic-example.png");
  border-radius: 9px;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}
@media (max-width: 767px) {
  .course-offering .top-title {
    font-size: 18px;
    border-radius: 0;
  }
  .course-offering .content {
    padding: 20px;
  }
  .course-offering .content .a-course {
    border-radius: 9px;
    padding: 20px;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .course-offering .content .a-course .left-side {
    width: 100%;
  }
  .course-offering .content .a-course .left-side .butt-wrap {
    margin-top: 20px;
  }
  .course-offering .content .a-course .left-side .butt-wrap button {
    width: 100%;
  }
  .course-offering .content .a-course .right-side {
    width: 100%;
  }
}

.work-upload-blog .butt-bottom {
  text-align: center;
  margin-bottom: 100px;
}

.liveCourseWrap2 {
  background-color: var(--brown-lightest, #FAF7F6);
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 15px;
}
.liveCourseWrap2 .liveCourse {
  display: flex;
}
.liveCourseWrap2 .liveCourse .textSide {
  width: 50%;
}
.liveCourseWrap2 .liveCourse .textSide .vid {
  display: none;
}
.liveCourseWrap2 .liveCourse .textSide .liveTitle {
  justify-content: flex-start;
  margin-bottom: 10px;
}
.liveCourseWrap2 .liveCourse .textSide .title {
  font-family: Syncopate;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  margin-bottom: 30px;
}
.liveCourseWrap2 .liveCourse .textSide .date {
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.liveCourseWrap2 .liveCourse .textSide .date img {
  margin-left: 15px;
  margin-right: 8px;
}
.liveCourseWrap2 .liveCourse .vidSide {
  width: 50%;
}
.liveCourseWrap2 .liveCourse .vidSide img {
  border-radius: 12px;
}
@media (max-width: 991px) {
  .liveCourseWrap2 {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .liveCourseWrap2 .liveCourse .textSide {
    width: 100%;
  }
  .liveCourseWrap2 .liveCourse .textSide .vid {
    display: block;
  }
  .liveCourseWrap2 .liveCourse .textSide .vid img {
    width: 100%;
    max-width: 100%;
    border-radius: 9px;
    margin-bottom: 30px;
  }
  .liveCourseWrap2 .liveCourse .textSide .title {
    font-size: 22px;
  }
  .liveCourseWrap2 .liveCourse .textSide .date {
    margin-bottom: 40px;
  }
  .liveCourseWrap2 .liveCourse .textSide .buttWrap button, .liveCourseWrap2 .liveCourse .textSide .buttWrap a {
    width: 100%;
  }
  .liveCourseWrap2 .liveCourse .vidSide {
    display: none;
  }
}

.loginTextPlus {
  font-size: 14px;
  line-height: 23px;
}

.no-live {
  padding-bottom: 150px;
}
.no-live .hero {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 50px;
}
.no-live .hero h1 {
  font-family: Syncopate;
  font-size: 40px;
  line-height: 130.5%;
  text-transform: uppercase;
}
.no-live .hero img {
  width: 200px;
  height: 200px;
}
.no-live .form textarea {
  height: 190px;
}
.no-live .form .buttWrap {
  margin-top: 50px;
}
@media (max-width: 991px) {
  .no-live .hero h1 {
    font-size: 22px;
  }
  .no-live .hero p {
    font-size: 16px;
  }
  .no-live .hero img {
    width: 106px;
    height: 106px;
  }
  .no-live .form .buttWrap {
    margin-top: 40px;
  }
  .no-live .form .buttWrap button {
    width: 100%;
  }
}

.program {
  padding-bottom: 180px;
}
.program .hero {
  background-color: rgba(255, 255, 255, 0.4);
  padding-top: 20px;
  padding-bottom: 28px;
}
.program .heroInner {
  display: flex;
  align-items: center;
  gap: 150px;
}
.program .heroInner .textSide .smallPic {
  display: none;
}
.program .heroInner .textSide h1 {
  font-family: Syncopate;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.program .heroInner .textSide p {
  margin-bottom: 45px;
  line-height: 160%;
}
.program .heroInner .picSide .bigPic {
  display: inline;
}
@media (max-width: 991px) {
  .program .heroInner {
    gap: 15px;
    align-items: flex-start;
  }
  .program .heroInner .textSide .smallPic {
    display: inline;
    float: right;
    margin-left: 15px;
  }
  .program .heroInner .textSide h1 {
    font-size: 22px;
  }
  .program .heroInner .textSide p {
    margin-bottom: 45px;
    line-height: 140%;
  }
  .program .heroInner .picSide .bigPic {
    display: none;
  }
  .program .heroInner button, .program .heroInner a {
    width: 100%;
  }
}

.programList {
  padding-bottom: 180px;
}
.programList h2 {
  color: var(--Gray-Darkest, #1D1D1D);
  text-align: center;
  font-family: Syncopate;
  font-size: 30px;
  line-height: 130.5%; /* 39.15px */
  text-transform: uppercase;
  margin-bottom: 50px;
}
.programList .courseProgramInCarousel {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(16px);
  padding: 45px 60px;
  display: flex;
  gap: 50px;
  align-items: center;
}
.programList .courseProgramInCarousel h2 {
  text-align: left;
}
.programList .courseProgramInCarousel .picSide {
  width: 50%;
}
.programList .courseProgramInCarousel .picSide img {
  max-width: 100%;
  width: 100%;
  border-radius: 10px;
  cursor: pointer;
}
.programList .courseProgramInCarousel .picSide h2 {
  display: none;
}
.programList .courseProgramInCarousel .picSide .picBackground {
  background-size: cover;
  background-position: center;
  min-height: 450px;
  border-radius: 10px;
}
.programList .courseProgramInCarousel .textSide {
  width: 50%;
}
.programList .courseProgramInCarousel .textSide h2 {
  font-family: Syncopate;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.programList .courseProgramInCarousel .textSide .infoRow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.programList .courseProgramInCarousel .textSide .buttWrap {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .programList h2 {
    display: none;
  }
  .programList .courseProgramInCarousel {
    display: block;
    padding: 20px 16px;
  }
  .programList .courseProgramInCarousel .picSide {
    width: 100%;
    margin-bottom: 40px;
  }
  .programList .courseProgramInCarousel .picSide img {
    width: 100%;
  }
  .programList .courseProgramInCarousel .picSide h2 {
    font-family: Syncopate;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130.5%;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: block;
    text-align: center;
    margin-bottom: 9px;
  }
  .programList .courseProgramInCarousel .textSide {
    width: 100%;
  }
  .programList .courseProgramInCarousel .textSide h2 {
    display: none;
  }
  .programList .courseProgramInCarousel .textSide .infoRow {
    justify-content: center;
  }
  .programList .courseProgramInCarousel .textSide .buttWrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .programList .courseProgramInCarousel .textSide button, .programList .courseProgramInCarousel .textSide a {
    width: 100%;
  }
}

.programSubscribe {
  padding-bottom: 180px;
}
.programSubscribe .breadcrumb {
  margin-bottom: 48px;
}
.programSubscribe h2 {
  margin-bottom: 30px;
  font-family: syncopate;
  text-transform: uppercase;
  text-align: center;
}
.programSubscribe .vidiframeWrap {
  max-width: 820px;
  margin: auto;
}
@media (max-width: 991px) {
  .programSubscribe .back a {
    margin-bottom: 14px;
  }
  .programSubscribe button {
    width: 100%;
  }
}

.lessonsList {
  padding-bottom: 180px;
}
.lessonsList .whiteBack {
  background: var(--brown-lightest, #FAF7F6);
  padding-top: 30px;
  padding-bottom: 148px;
}
.lessonsList .aboveCarousel {
  max-width: 600px;
  margin: auto;
}
.lessonsList .aboveCarousel h2 {
  color: var(--gray-darkest, #1D1D1D);
  text-align: center;
  font-family: Syncopate;
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.lessonsList .aboveCarousel p {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.lessonsList .aboveCarousel .carousel-indicators {
  position: unset;
  justify-content: space-between;
  margin: 0;
  margin-bottom: 20px;
}
.lessonsList .aboveCarousel .carousel-indicators [data-bs-target] {
  opacity: 0.3;
  text-indent: unset;
  font-size: 12px;
  width: 21px;
  min-width: 21px;
  height: 21px;
  border: 0;
  border-radius: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #E8D8D8;
  margin: 0;
  color: #685252;
  font-size: 12px;
  font-weight: 700;
}
.lessonsList .aboveCarousel .carousel-indicators [data-bs-target].seen {
  background-color: #685252 !important;
  opacity: 0.5 !important;
  color: white !important;
}
.lessonsList .aboveCarousel .carousel-indicators [data-bs-target].on {
  background-image: unset;
  background-color: #685252;
  opacity: 1 !important;
}
.lessonsList .lessonsCarousel .lesson {
  border-radius: 9px;
  max-width: 600px;
  margin: auto;
  border: 1px solid var(--brown-light, #E8D8D8);
}
.lessonsList .lessonsCarousel .lesson .top {
  background-color: var(--gray-light, #B0B0B0);
  color: white;
  border-radius: 9px 9px 0 0;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
}
.lessonsList .lessonsCarousel .lesson .top.done {
  background-color: #00A176;
}
.lessonsList .lessonsCarousel .lesson .top.available {
  background-color: #4480DA;
}
.lessonsList .lessonsCarousel .lesson .mid {
  min-height: 450px;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 50px;
  position: relative;
}
.lessonsList .lessonsCarousel .lesson .mid .shadow {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 15;
}
.lessonsList .lessonsCarousel .lesson .mid .title {
  color: #FFF;
  text-align: center;
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  position: relative;
  z-index: 15;
}
.lessonsList .lessonsCarousel .lesson .mid .num {
  position: absolute;
  left: 20px;
  bottom: 14px;
  color: white;
  font-family: Quicksand;
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  z-index: 300;
}
.lessonsList .lessonsCarousel .lesson .bottom {
  border-radius: 0 0 9px 9px;
  background-color: var(--brown-lighter, #F2E6E4);
  padding-bottom: 30px;
}
.lessonsList .lessonsCarousel .lesson .bottom .buttWrap {
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 15px;
}
.lessonsList .lessonsCarousel .lesson .bottom .progressBar {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.lessonsList .lessonsCarousel .lesson .bottom .progressBar p {
  padding-top: 5px;
  padding-bottom: 5px;
}
.lessonsList .lessonsCarousel .lesson .bottom .progressBar .innerWrap {
  height: 6px;
  border-radius: 2px;
  background-color: rgba(242, 230, 228, 0.2);
}
.lessonsList .lessonsCarousel .lesson .bottom .progressBar .innerWrap .inner {
  height: 6px;
  border-radius: 2px;
  background-color: var(--Brown-Light, #E8D8D8);
}
.lessonsList .lessonsCarousel .lesson .bottom button, .lessonsList .lessonsCarousel .lesson .bottom a {
  font-family: Quicksand !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 23px !important;
  padding: 10px 20px !important;
  letter-spacing: unset;
  text-transform: none;
}
.lessonsList .lessonsCarousel .lesson .bottom .dots {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-right: 38px;
}
.lessonsList .lessonsCarousel .lesson .bottom .dots span {
  width: 6px;
  height: 6px;
  background-color: #C1A4A0;
  border-radius: 6px;
}
@media (max-width: 991px) {
  .lessonsList .back a {
    margin-bottom: 14px;
  }
  .lessonsList .lessonsCarousel .lesson .top {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .lessonsList .lessonsCarousel .lesson .mid {
    padding-top: 30px;
    min-height: 233px;
  }
}

.lessonMain {
  padding-bottom: 180px;
}
.lessonMain .hero {
  display: flex;
  align-items: center;
  gap: 100px;
  margin-bottom: 64px;
}
.lessonMain .hero .title {
  color: var(--Brown-Darkest, #312D2D);
  font-family: Syncopate;
  font-size: 24px;
  line-height: 130.5%;
  margin-bottom: 50px;
}
.lessonMain .hero > div {
  width: 50%;
}
.lessonMain .hero .basicInfos {
  border-radius: 9px;
  background: var(--brown-lightest, #FAF7F6);
  backdrop-filter: blur(16px);
  padding: 30px;
}
.lessonMain .hero .basicInfos .innerGrid {
  display: grid;
  grid-template-columns: 3fr 2fr;
}
.lessonMain .hero .basicInfos .innerGrid div {
  padding: 8px;
}
.lessonMain .hero .basicInfos .innerGrid .right {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
}
.lessonMain h3 {
  font-family: Syncopate;
  font-size: 24px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.lessonMain p {
  margin-bottom: 40px;
}
.lessonMain .buttWrap .btn--transparent {
  display: none;
}
@media (max-width: 991px) {
  .lessonMain .hero {
    margin-bottom: 30px;
    flex-direction: column-reverse;
    gap: 24px;
  }
  .lessonMain .hero .title {
    text-align: center;
  }
  .lessonMain .hero > div {
    width: 100%;
  }
  .lessonMain h3 {
    font-size: 16px;
    margin-bottom: 7px;
  }
  .lessonMain p {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .lessonMain .course-ingredients {
    border: 1px solid var(--brown-light, #E8D8D8);
  }
  .lessonMain .buttWrap button, .lessonMain .buttWrap a {
    width: 100%;
    margin-bottom: 30px;
  }
  .lessonMain .buttWrap .btn--transparent {
    display: inline-block;
  }
}

.lessonWatch {
  padding-bottom: 180px;
}
.lessonWatch .breadcrumb {
  margin-bottom: 50px;
}
.lessonWatch .inner {
  max-width: 900px;
  margin: auto;
}
.lessonWatch .inner .buttWrap {
  text-align: center;
}
.lessonWatch h2 {
  font-family: Syncopate;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.lessonWatch .buttWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
@media (max-width: 991px) {
  .lessonWatch h2 {
    font-size: 16px;
  }
  .lessonWatch .iframeContainer {
    margin-bottom: 40px;
  }
  .lessonWatch .buttWrap {
    flex-direction: column;
  }
  .lessonWatch .buttWrap button {
    width: 100%;
  }
  .lessonWatch .buttWrap .btn--transparent {
    display: inline-block;
  }
}

.we-are-planning .hero {
  text-align: center;
  margin-bottom: 30px;
}
.we-are-planning .hero img {
  margin-bottom: 20px;
}
.we-are-planning .hero h5 {
  color: var(--Brown-Dark, #685252);
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 6.66px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.we-are-planning .form .buttWrap {
  margin-top: 50px;
}
@media (max-width: 991px) {
  .we-are-planning .hero {
    margin-bottom: 20px;
  }
  .we-are-planning .hero h5 {
    font-size: 13px;
  }
  .we-are-planning .hero p {
    font-size: 14px;
  }
  .we-are-planning .form .buttWrap {
    margin-top: 40px;
  }
  .we-are-planning .form .buttWrap button {
    width: 100%;
  }
}

.reason-box {
  background-color: #FAF7F6;
}

.back {
  display: none;
  margin: auto;
}
.back a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--brown-deep-dark, #513E3E);
  text-align: center;
  font-family: Quicksand;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.95px;
  text-transform: uppercase;
  margin-bottom: 28px;
}

.breadcrumb {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.breadcrumb a:last-child {
  font-weight: 700;
}
.breadcrumb .caret {
  margin-left: 10px;
  margin-right: 10px;
}
.breadcrumb a {
  color: inherit;
}

@media (max-width: 991px) {
  .breadcrumb {
    display: none;
  }
  .back {
    display: block;
  }
}
.chooseLevel {
  padding-bottom: 200px;
}
.chooseLevel h2 {
  text-align: center;
  font-family: Syncopate;
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.chooseLevel .container > p {
  text-align: center;
  margin-bottom: 38px;
}
.chooseLevel .optionBoxesWrap {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.chooseLevel .optionBoxesWrap .optionBox {
  cursor: pointer;
  border-radius: 20px;
  background-color: #312D2D;
  height: 280px;
  width: 280px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.chooseLevel .optionBoxesWrap .optionBox img.imgNovice {
  margin-bottom: 31px;
}
.chooseLevel .optionBoxesWrap .optionBox img.imgSkilled {
  margin-bottom: 12px;
}
.chooseLevel .optionBoxesWrap .optionBox > p {
  color: var(--Brown-Light, #E8D8D8);
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 991px) {
  .chooseLevel .optionBoxesWrap .optionBox {
    height: 180px;
  }
  .chooseLevel .optionBoxesWrap .optionBox p {
    font-size: 14px;
    white-space: nowrap;
  }
  .chooseLevel .optionBoxesWrap .optionBox img.imgNovice {
    width: 120px;
  }
  .chooseLevel .optionBoxesWrap .optionBox img.imgSkilled {
    width: 62px;
  }
}
.chooseLevel .buttWrap {
  margin-top: 40px;
  text-align: center;
}

.pseudoption {
  width: 16px;
  height: 16px;
  background-image: url("/img/Deselected.svg");
}
.pseudoption.on {
  background-image: url("/img/Selected.svg");
}

.intro-screen h1 {
  margin-top: 40px;
}
.intro-screen .buttWrap {
  margin-top: 50px;
}
.intro-screen .buttWrap a {
  display: inline-block;
}
.intro-screen .buttWrap a:first-child {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .intro-screen h1 {
    margin-top: 0;
  }
  .intro-screen .buttWrap {
    margin-top: 40px;
  }
  .intro-screen .buttWrap a:first-child {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .mentor__img {
    margin-top: 30px;
  }
}
.question-answer {
  padding-bottom: 200px;
}
.question-answer .breadcrumb {
  margin-bottom: 80px;
}
.question-answer .questionFormWrap {
  padding: 40px;
  border-radius: 22px;
  background: var(--Brown-Lightest, #FAF7F6);
}
.question-answer .formRow {
  margin-bottom: 20px;
}
.question-answer .noQuestionsYetWrap {
  text-align: center;
  padding-top: 50px;
}
.question-answer .noQuestionsYetWrap img {
  max-width: 100%;
  margin-bottom: 30px;
}
.question-answer .noQuestionsYetWrap p {
  font-family: Quicksand;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 4.81px;
  text-transform: uppercase;
}
.question-answer .noQuestionsYetWrap .buttWrap {
  margin-top: 30px;
}
.question-answer .myTask {
  background-color: #FAF7F6;
  padding: 11px 20px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.question-answer .myTask.deleted {
  display: none;
}
.question-answer .myTask .topRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.question-answer .myTask .topRow .date {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
}
.question-answer .myTask .topRow .readSpot {
  min-width: 10px;
  width: 10px;
  min-height: 10px;
  height: 10px;
  background-color: #513E3E;
  border-radius: 50%;
  background-color: #DAACA4;
}
.question-answer .myTask .topRow .readSpot.on {
  display: none;
}
.question-answer .myTask p {
  margin-bottom: 20px;
  font-weight: 700;
  cursor: pointer;
}
.question-answer .myTask .bottomRow {
  display: flex;
  justify-content: space-between;
}
.question-answer .myTask .bottomRow label {
  border-radius: 18px;
  border: 1px solid var(--Brown-Light, #312D2D);
  padding: 4px 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.question-answer .myTask .bottomRow img {
  cursor: pointer;
}
.question-answer .backButt {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .question-answer .questionFormWrap {
    padding: 30px 16px;
  }
}

.backButt a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  font-family: Quicksand;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 4.81px;
  text-transform: uppercase;
  padding-left: 0 !important;
}
.backButt.backButtOnlyOnMobile {
  display: none;
}
@media (max-width: 991px) {
  .backButt.backButtOnlyOnMobile {
    display: flex;
  }
}

.fullWidthPop {
  background-color: #F7F1F0;
  background-image: url(/img/bg-blob-left-desktop.png), url(/img/bg-blob-right-desktop.png);
  background-position: left top, right 595px;
  background-repeat: repeat-y, repeat-y;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.fullWidthPop .topBreadcrumb {
  height: 100px;
}
.fullWidthPop .videoWrap {
  background: var(--Brown-Darkest, #312D2D);
  padding-top: 57px;
  padding-bottom: 20px;
  margin-bottom: 100px;
}
.fullWidthPop .videoWrap .textPart {
  max-width: 660px;
  margin: auto;
}
.fullWidthPop .videoWrap .textPart h1 {
  color: var(--White, #FFF);
  text-align: center;
  font-family: Syncopate;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 29px;
}
.fullWidthPop .videoWrap .textPart p {
  text-align: center;
}
.fullWidthPop .videoWrap .textPart .buttWrap {
  margin-top: 26px;
  display: flex;
  gap: 24px;
  justify-content: center;
}
.fullWidthPop .videoWrap .vidPart {
  margin-top: 26px !important;
  max-width: 660px;
  margin: auto;
}
.fullWidthPop .innerRelative {
  position: relative;
}
.fullWidthPop .innerRelative .closer {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .fullWidthPop .topBreadcrumb {
    height: 50px;
  }
  .fullWidthPop .innerRelative .closer {
    right: 15px;
    top: 15px;
    width: 24px;
    height: 24px;
  }
  .fullWidthPop .videoWrap .textPart .buttWrap {
    flex-direction: column;
  }
}

.innerRelative {
  position: relative;
}

.myTaskDetails {
  padding-top: 150px;
  padding-bottom: 200px;
}
.myTaskDetails .subject {
  padding: 20px;
  border-radius: 12px;
  background: var(--Brown-Lightest, #FAF7F6);
  margin-bottom: 10px;
  font-weight: 600;
}
.myTaskDetails .subject p {
  margin-bottom: 0;
}
.myTaskDetails .questionD {
  padding: 30px 20px;
  border-radius: 12px;
  background: var(--Brown-Lightest, #FAF7F6);
  margin-bottom: 17px;
}
.myTaskDetails .answerD {
  padding: 30px 20px;
  border-radius: 12px;
  background: var(--Brown-Lightest, #FAF7F6);
}
.myTaskDetails .answerD div {
  background-color: transparent !important;
  font-size: 16px !important;
  font-family: Quicksand !important;
}
.myTaskDetails .answerD img {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
.myTaskDetails .backButt {
  margin-top: 30px;
}
.myTaskDetails .backButt a {
  cursor: pointer;
}
@media (max-width: 991px) {
  .myTaskDetails {
    padding-top: 60px;
  }
}

.personalCourses h2 {
  text-align: center;
  font-family: Syncopate;
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
}
.personalCourses .course-card__eddig img {
  margin-left: 0;
}
.personalCourses .backButt {
  margin-top: 30px;
}

.myWorks h2 {
  margin-top: 80px;
  margin-bottom: 30px;
}
.myWorks .buttWrap {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
}
.myWorks .backButt {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .myWorks h2 {
    margin-top: 0;
  }
}

.myWorksListWrap .myWork {
  border-radius: 8px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background: var(--Brown-Lightest, #FAF7F6);
  padding: 10px 18px;
  margin-bottom: 10px;
}
.myWorksListWrap .myWork .upper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myWorksListWrap .myWork .upper .title {
  margin-bottom: 15px;
  padding-left: 5px;
  overflow-wrap: break-word;
  word-break: break-word;
  padding-right: 10px;
}
.myWorksListWrap .myWork .upper .ratedOrNotRated {
  border-radius: 18px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 10px;
  margin-right: 15px;
}
.myWorksListWrap .myWork .upper .rightSide {
  display: flex;
  align-items: center;
  gap: 20px;
}
.myWorksListWrap .myWork .upper .rightSide .myWorkImgWrap {
  border-radius: var(--Small, 6px);
  background-size: cover;
  background-position: center;
  width: 95px;
  height: 60px;
  cursor: pointer;
}
.myWorksListWrap .myWork .bottom {
  display: none;
}
.myWorksListWrap .megnezemButton {
  border: 0;
  border-radius: 24px;
  background-color: var(--Brown-Light, #E8D8D8);
  padding: 10px 20px 10px 17px;
  color: var(--Brown-Deep-dark, #513E3E);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 4.81px;
  text-transform: uppercase;
}
.myWorksListWrap .megnezemButton:disabled {
  opacity: 0.4;
}
@media (max-width: 991px) {
  .myWorksListWrap .myWork .rightSide .megnezemButton {
    display: none;
  }
  .myWorksListWrap .myWork .bottom {
    display: block;
  }
  .myWorksListWrap .myWork .bottom .megnezemButton {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }
}

.profile2 {
  padding-bottom: 200px;
}
.profile2 .submenus {
  margin-top: 50px;
}
.profile2 .plusStuff {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.profile2 .plusStuff > div {
  min-height: 60px;
}
@media (max-width: 991px) {
  .profile2 .plusStuff {
    flex-direction: column;
  }
}

.myCredits {
  display: inline-flex;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border-radius: 12px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background: rgba(255, 255, 255, 0.4);
  text-align: center;
  font-family: Quicksand;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  text-transform: uppercase;
}

.creditValue {
  display: flex;
  padding: 2px 10px !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 11px;
  border: 1px solid rgba(232, 216, 216, 0.2);
  box-shadow: 0px 4px 10px 0px rgba(123, 97, 93, 0.2);
  color: var(--Yellow-Standard, #513E3E);
  font-family: Quicksand;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}

.submenus {
  border-bottom: 1px solid rgba(232, 216, 216, 0.5);
}
.submenus .titleRow {
  border-top: 1px solid rgba(232, 216, 216, 0.5);
  background-color: rgba(255, 255, 255, 0.4);
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--Brown-Darkest, #312D2D);
  font-family: Quicksand;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  text-transform: uppercase;
  cursor: pointer;
}
.submenus .titleRow span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.submenus .submenuContent {
  display: none;
  padding: 30px 50px;
  background-color: #FAF7F6;
}
.submenus .submenuContent .membership__body {
  padding-bottom: 0;
}
.submenus .submenuContent .myInterests p {
  margin-bottom: 20px;
}
.submenus .submenuContent .adult-reg-form label {
  margin-top: 20px;
}
.submenus .submenuContent .adult-reg-form label:first-child {
  margin-top: 0;
}
.submenus .submenuContent .notFoundYet {
  text-align: center;
}
.submenus .submenuContent .notFoundYet img {
  margin-bottom: 40px;
  max-width: 80%;
}
.submenus .submenuContent .notFoundYet p {
  font-family: Quicksand;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 4.81px;
  text-transform: uppercase;
}
.submenus .submenuContent .notFoundYet .buttWrap {
  margin-top: 50px;
}
@media (max-width: 991px) {
  .submenus .submenuContent {
    padding: 20px 5px;
  }
  .submenus .submenuContent .membership__body {
    padding: 0;
  }
}

.myQpons {
  border-radius: 20px;
  padding: 0 50px;
  padding-bottom: 30px;
  margin-top: 30px;
  border-radius: 20px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background: var(--Brown-Lightest, #FAF7F6);
}
.myQpons .titleRow {
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
  font-family: Syncopate;
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(232, 216, 216, 0.5);
}
.myQpons .validPart {
  margin-top: 30px;
}
.myQpons .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
  margin-bottom: 20px;
}
.myQpons .invalidPart {
  margin-top: 30px;
}
.myQpons .invalidPart .boxesWrap .qponBox {
  opacity: 0.5;
  border: 1px solid var(--Brown-Standard, #C1A4A0);
}
.myQpons .boxesWrap .qponBox {
  border-radius: 12px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background-color: white;
  padding: 20px;
}
.myQpons .boxesWrap .qponBox .qponRow1 {
  display: flex;
  gap: 17px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 20px;
  margin-left: 30px;
}
.myQpons .boxesWrap .qponBox .qponRow2 {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.myQpons .boxesWrap .qponBox .qponRow2 .date {
  font-weight: 700;
}
.myQpons .boxesWrap .qponBox hr {
  background-color: #E8D8D8;
  margin-bottom: 20px;
}
.myQpons .boxesWrap .qponBox .pseudoButton {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 4.81px;
  text-transform: uppercase;
  padding: 10px 30px;
  text-align: center;
  cursor: pointer;
}
.myQpons .boxesWrap .qponBox .gridDetailsWrap {
  display: flex;
  justify-content: center;
}
.myQpons .boxesWrap .qponBox .gridDetailsWrap .gridDetails {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  margin: auto;
  font-size: 14px;
  gap: 6px;
}
@media (max-width: 991px) {
  .myQpons {
    padding: 20px 20px;
  }
  .myQpons .titleRow {
    flex-direction: column;
  }
}

.myInterestsLabels {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.myInterestsLabels label {
  border-radius: 18px;
  padding: 5px 15px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid var(--Brown-Standard, #C1A4A0);
  background: var(--Brown-Lightest, #FAF7F6);
  color: #685252;
}
.myInterestsLabels label.on {
  background-color: #1D1D1D;
  color: #E8D8D8;
}

.creditCourse {
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  margin-bottom: 10px;
}
.creditCourse .desktop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.creditCourse .desktop .rightSide {
  display: flex;
  align-items: center;
  gap: 20px;
}
.creditCourse .mobile {
  display: none;
}
.creditCourse .mobile .topSide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}
.creditCourse .mobile .bottomSide button {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
.creditCourse .mobile .bottomSide button img {
  margin-right: 0;
}
.creditCourse .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 10px;
}
.creditCourse .date {
  font-size: 14px;
  line-height: 23px;
  display: flex;
  gap: 20px;
}
.creditCourse .coursePicBackgroundDiv {
  width: 95px;
  height: 60px;
  border-radius: 6px;
  background-position: center;
  background-size: cover;
}
@media (max-width: 991px) {
  .creditCourse {
    padding-bottom: 20px;
  }
  .creditCourse .desktop {
    display: none;
  }
  .creditCourse .mobile {
    display: block;
  }
}

.appointment {
  padding-bottom: 200px;
}
.appointment .breadcrumb {
  margin-bottom: 50px;
}
.appointment .mainTitle {
  border-radius: 20px 20px 0 0;
  font-family: Syncopate;
  font-size: 40px;
  line-height: 130.5%;
  text-transform: uppercase;
  padding: 30px;
  text-align: center;
}
.appointment .backButt {
  margin-top: 28px;
}
.appointment .submenus .submenuContent {
  padding: 0;
}
.appointment .submenus .submenuContent .expertHourWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.appointment .submenus .submenuContent .expertHourWrap button {
  font-family: Quicksand !important;
  text-transform: unset;
  letter-spacing: unset;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 25px;
}
.appointment .submenus .submenuContent .expertHourWrap .expertHour {
  display: flex;
  align-items: center;
  gap: 10px;
}
.appointment .submenus .submenuContent .expertHourWrap .reserved {
  color: var(--Magenta-Standard, #CE0A59);
  font-size: 13px;
  font-weight: 700;
}
.appointment .myAppointmentDetails {
  border-radius: 20px;
  background: rgba(54, 49, 49, 0.81);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 58px 36px;
}
.appointment .myAppointmentDetails .topRow {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.appointment .myAppointmentDetails .topRow .leftSide {
  color: var(--Brown-Lighter, #F2E6E4);
  font-family: Quicksand;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 4.81px;
  text-transform: uppercase;
  border-radius: 70px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  padding: 18px 35px;
}
@media (max-width: 991px) {
  .appointment .myAppointmentDetails {
    padding: 20px;
  }
  .appointment .myAppointmentDetails .topRow {
    flex-direction: column;
    gap: 20px;
  }
  .appointment .mainTitle {
    font-size: 24px;
  }
}

.myBills .aBill {
  display: flex;
  justify-content: space-between;
  background-color: #312D2D;
  padding: 12px;
  border-radius: 4px;
  margin-bottom: 5px;
}
.myBills .aBill .bigLeftAndTop {
  display: flex;
  width: 100%;
}
.myBills .aBill .bigLeftAndTop .stripe {
  width: 4px;
  margin-right: 35px;
  border-radius: 4px;
  background: var(--Brown-Standard, #C1A4A0);
}
.myBills .aBill .bigLeftAndTop .detailsGrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
  width: 100%;
}
.myBills .aBill .bigLeftAndTop .detailsGrid .name {
  font-size: 12px;
}
.myBills .aBill .bigLeftAndTop .detailsGrid .value.price {
  font-weight: 700;
}
.myBills .aBill .bigLeftAndTop .detailsGrid .status {
  color: #FA8334;
  display: flex;
  align-items: center;
}
.myBills .aBill .bigLeftAndTop .detailsGrid .status.outdated {
  color: #E3364D;
}
.myBills .aBill .buttWrap {
  display: flex;
  align-items: center;
}
.myBills .aBill .buttWrap button {
  padding: 10px 25px;
  color: black;
}
@media (max-width: 991px) {
  .myBills .aBill {
    display: block;
  }
  .myBills .aBill .bigLeftAndTop .detailsGrid {
    grid-template-columns: 1fr 1fr;
  }
  .myBills .aBill .buttWrap {
    margin-top: 19px;
    justify-content: flex-end;
  }
}

.btn--betelt {
  border: 0;
  border-radius: 50px;
  background-color: #CE0A59;
  padding: 5px 18px;
  color: var(--Gray-Darkest, #1D1D1D);
  text-align: center;
  font-family: Quicksand;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  text-transform: uppercase;
}

.weHaveSomeBadNews {
  border-radius: 20px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  gap: 35px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 30px 50px;
}
.weHaveSomeBadNews h6 {
  font-family: Syncopate;
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.weHaveSomeBadNews p {
  margin-bottom: 20px;
}
.weHaveSomeBadNews .buttWrap {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 991px) {
  .weHaveSomeBadNews {
    flex-direction: column;
    align-items: center;
    padding: 20px;
    text-align: center;
  }
  .weHaveSomeBadNews img.makeImgSmallerOnMobile {
    max-width: 150px;
  }
  .weHaveSomeBadNews p {
    text-align: center;
  }
  .weHaveSomeBadNews .buttWrap {
    display: flex;
    flex-direction: column;
  }
  .weHaveSomeBadNews .buttWrap button {
    width: 100%;
  }
}

.booking-success .buttTransparent {
  display: block;
  text-align: center !important;
  display: flex;
  justify-content: center;
}
.booking-success .buttTransparent button {
  color: #685252 !important;
  text-decoration: underline;
}

.mid-sized-action-sousage {
  border-radius: 20px;
  background: var(--Brown-Lightest, #FAF7F6);
  display: flex;
  padding: 24px 52px;
  gap: 67px;
  align-items: center;
}
.mid-sized-action-sousage .buttWrap {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .mid-sized-action-sousage {
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    padding-bottom: 30px;
  }
  .mid-sized-action-sousage p {
    text-align: center;
  }
  .mid-sized-action-sousage .buttWrap button {
    width: 100%;
  }
}

.newJobContainer {
  padding-top: 150px;
  padding-bottom: 150px;
}
.newJobContainer h2 {
  color: #1D1D1D;
  font-family: Syncopate;
  font-size: 40px;
  line-height: 130.5%;
  text-transform: uppercase;
}
.newJobContainer p {
  margin-top: 20px;
  color: #312D2D;
  font-weight: 600;
}
.newJobContainer .pictureAndButton {
  text-align: center;
  margin-top: 40px;
}
.newJobContainer .pictureAndButton .picExamples {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.newJobContainer .pictureAndButton .picExamples img {
  max-width: 250px;
}
.newJobContainer .pictureAndButton img {
  max-width: 100%;
}
.newJobContainer .pictureAndButton .buttWrap {
  margin-top: 44px;
}
.newJobContainer .moreCreditsButtonWrap {
  margin-top: 30px;
}
.newJobContainer .chooseAndButton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
}
.newJobContainer .chooseAndButton p {
  margin-bottom: 40px;
}
.newJobContainer .chooseAndButton .buttWrap {
  margin-top: 45px;
}
.newJobContainer .myCourses {
  margin-top: 30px;
}
.newJobContainer .myCourses > div {
  border-radius: 8px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background-color: var(--Brown-Lightest, #FAF7F6);
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.newJobContainer .myCourses > div .imageDiv {
  width: 95px;
  height: 60px;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
}
.newJobContainer .finalForm {
  margin-top: 35px;
  display: none;
}
.newJobContainer .finalForm.on {
  display: block;
}
.newJobContainer .finalForm label {
  /* padding-left: 0;
  font-weight: 400;*/
}
.newJobContainer .finalForm .choosersWrap {
  margin-top: 20px;
  margin-bottom: 40px;
}
.newJobContainer .finalForm textarea {
  margin-top: 30px;
}
.newJobContainer .finalForm .buttWrap {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .newJobContainer {
    padding-top: 80px;
  }
  .newJobContainer .pictureAndButton .picExamples {
    flex-direction: column;
  }
  .newJobContainer h2 {
    text-align: center;
    font-size: 18px;
  }
  .newJobContainer .finalForm .buttWrap button {
    width: 100%;
  }
}

.choosersWrap {
  display: flex;
  gap: 20px;
}
.choosersWrap .chooser {
  border-radius: 8px;
  color: #312D2D;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background: var(--Brown-Lightest, #FAF7F6);
  padding: 10px 7px;
  min-width: 90px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.choosersWrap .chooser .circle {
  width: 16px;
  height: 16px;
  border: 1px solid #685252;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.choosersWrap .chooser.on .circle .innerCircle {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #685252;
}
@media (max-width: 991px) {
  .choosersWrap {
    justify-content: center;
  }
}

.onboarding {
  padding-bottom: 350px;
}
.onboarding .stepSpots {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 65px;
}
.onboarding .stepSpots > div {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #E8D8D8;
}
.onboarding .stepSpots > div.on {
  width: 12px;
  height: 12px;
  background-color: black;
}
.onboarding h1 {
  font-family: Syncopate;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.onboarding h2 {
  font-family: Syncopate;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  text-align: center;
}
.onboarding p {
  text-align: center;
  margin-bottom: 0;
}
.onboarding .iconButtons {
  padding-top: 50px;
  padding-bottom: 30px;
  display: flex;
  gap: 12px;
  justify-content: center;
}
.onboarding .iconButtons > div {
  flex-grow: 1;
  flex-basis: 0;
  border-radius: 12px;
  background: var(--Brown-Lightest, #FAF7F6);
  box-shadow: 0px 4px 44px 0px rgba(193, 164, 160, 0.3);
  padding: 40px 16px 24px 16px;
  text-align: center;
  cursor: pointer;
}
.onboarding .iconButtons > div .imgPremium {
  display: none;
}
.onboarding .iconButtons > div > p {
  font-size: 18px;
  font-weight: 700;
}
.onboarding .iconButtons > div img {
  margin-bottom: 32px;
}
.onboarding .iconButtons > div.on {
  border: 2px solid var(--Brick, #DAACA4);
}
@media (max-width: 991px) {
  .onboarding .iconButtons p {
    text-align: left;
  }
}
.onboarding .imageBoxes {
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.onboarding .imageBoxes > div {
  width: 205px;
  min-width: 205px;
  border-radius: 12px;
  background: var(--Brown-Lightest, #FAF7F6);
  box-shadow: 0px 4px 44px 0px rgba(193, 164, 160, 0.3);
  cursor: pointer;
}
.onboarding .imageBoxes > div.on {
  border: 2px solid var(--Brick, #DAACA4);
}
.onboarding .imageBoxes > div .imgDiv {
  background-size: cover;
  background-position: center;
  height: 110px;
  border-radius: 12px 12px 0 0;
}
.onboarding .imageBoxes > div > p {
  text-align: center;
  font-size: 14px;
  padding: 20px 5px 30px 5px;
}
@media (max-width: 991px) {
  .onboarding .imageBoxes {
    display: block;
  }
  .onboarding .imageBoxes > div {
    width: unset;
    min-width: unset;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .onboarding .imageBoxes > div .imgDiv {
    width: 120px;
    border-radius: 12px 0 0 12px;
  }
  .onboarding .imageBoxes > div > p {
    padding: 0;
    font-size: 16px;
    text-align: left;
  }
}
.onboarding .textBoxes {
  padding-top: 48px;
  padding-bottom: 48px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 12px;
}
.onboarding .textBoxes > div {
  border-radius: 12px;
  background: var(--Brown-Lightest, #FAF7F6);
  box-shadow: 0px 4px 44px 0px rgba(193, 164, 160, 0.3);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboarding .textBoxes > div.on {
  border: 2px solid var(--Brick, #DAACA4);
}
.onboarding .textBoxes > div > p {
  text-align: center;
  font-size: 14px;
  padding: 24px 16px;
}
@media (max-width: 991px) {
  .onboarding .textBoxes {
    display: block;
  }
  .onboarding .textBoxes > div {
    margin-bottom: 10px;
  }
}
.onboarding .buttWrap {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 15px;
}
.onboarding .buttWrap p {
  margin-bottom: 30px;
}
.onboarding .choosersWrap {
  padding-top: 48px;
  padding-bottom: 48px;
  justify-content: center;
}
.onboarding .optionsWrap {
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  justify-content: center;
}
.onboarding .optionsWrap form > div {
  margin-bottom: 10px;
}
.onboarding .optionsWrap form > div label {
  font-weight: normal;
}
.onboarding .vidi {
  max-width: 820px;
  margin: auto;
  margin-bottom: 45px;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .onboarding {
    padding-top: 40px;
  }
  .onboarding h1 {
    font-size: 22px;
  }
  .onboarding .buttWrap {
    flex-direction: column-reverse;
  }
  .onboarding .iconButtons {
    display: block;
  }
  .onboarding .iconButtons > div {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px 30px;
  }
  .onboarding .iconButtons > div > p {
    font-size: 16px;
  }
  .onboarding .iconButtons > div img {
    margin-bottom: 0;
  }
  .onboarding .choosersWrap {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

.home2 h1 {
  font-family: Syncopate;
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
  padding: 30px;
}
.home2 .offerings-numbers {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
}
.home2 .offerings-numbers a {
  color: inherit;
}
.home2 .offerings-numbers .numbered-box {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.4);
  padding: 49px 53px 46px 53px;
}
.home2 .offerings-numbers .numbered-box img {
  margin-bottom: 24px;
}
.home2 .offerings-numbers .numbered-box .big-number {
  color: var(--brown-deep-dark, #513E3E);
  font-family: Syncopate;
  font-size: 40px;
  font-weight: 700;
  line-height: 130.5%;
  margin-bottom: 7px;
}
.home2 .offerings-numbers .numbered-box p {
  font-size: 18px;
  margin-bottom: 0;
}
.home2 .butt-wrap {
  margin-top: 50px;
  justify-content: center;
  display: flex;
  gap: 20px;
  margin-bottom: 70px;
}
.home2 .main-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.home2 .main-features .box {
  color: white;
  display: flex;
}
.home2 .main-features .box .text-side {
  padding: 30px 30px 34px 40px;
  width: 60%;
}
@media (max-width: 575px) {
  .home2 .main-features .box .text-side a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.home2 .main-features .box .pic-side {
  width: 40%;
}
.home2 .main-features .box .pic-side.pic_01 {
  background-image: url("/img/main-feature-pic-01.png");
  background-size: cover;
  background-position: left;
}
.home2 .main-features .box .pic-side.pic_02 {
  background-image: url("/img/main-feature-pic-edina.png");
  background-size: cover;
  background-position: left;
}
.home2 .main-features .box .pic-side.pic_03 {
  background-image: url("/img/main-feature-pic-04.png");
  background-size: cover;
  background-position: left;
}
.home2 .main-features .box .pic-side.pic_04 {
  background-image: url("/img/main-feature-pic-03.png");
  background-size: cover;
  background-position: left;
}
.home2 .main-features .box.box1 {
  background-color: #247BA0;
}
.home2 .main-features .box.box2 {
  background-color: #8A84E2;
}
.home2 .main-features .box .title {
  color: var(--White, #FFF);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.home2 .main-features .box p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 140%;
}
@media (max-width: 992px) {
  .home2 .offerings-numbers {
    grid-template-columns: 1fr 1fr;
  }
  .home2 .offerings-numbers .numbered-box img {
    margin-bottom: 10px;
  }
  .home2 .offerings-numbers .numbered-box .big-number {
    font-size: 24px;
  }
  .home2 .offerings-numbers .numbered-box p {
    font-size: 12px;
  }
  .home2 .butt-wrap button, .home2 .butt-wrap a {
    margin-bottom: 15px;
    width: 100%;
  }
  .home2 .main-features {
    grid-template-columns: 1fr;
  }
  .home2 .main-features > div:nth-child(1) {
    order: 1;
  }
  .home2 .main-features > div:nth-child(2) {
    order: 2;
  }
  .home2 .main-features > div:nth-child(3) {
    order: 4;
  }
  .home2 .main-features > div:nth-child(4) {
    order: 3;
  }
}
@media (max-width: 768px) {
  .home2 .offerings-numbers .numbered-box {
    padding: 15px 15px 27px 15px;
  }
  .home2 .butt-wrap {
    display: block;
  }
  .home2 .butt-wrap button {
    width: 100%;
    margin-bottom: 15px;
  }
  .home2 .main-features .box .text-side {
    padding: 20px;
  }
  .home2 .main-features .box .title {
    font-size: 21px;
  }
  .home2 .main-features .box p {
    font-size: 13px;
  }
}

.desktop h2 {
  font-family: Syncopate;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
}
.desktop .desktopWrap {
  padding-bottom: 150px;
  max-width: 800px;
  margin: auto;
}
.desktop .dIcons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 17px;
}
.desktop .dIcons > div {
  border-radius: 20px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background: var(--Brown-Lightest, #FAF7F6);
  padding: 20px;
  text-align: center;
  cursor: pointer;
  width: 100%;
}
.desktop .dIcons > div .buttWrap {
  margin-top: 30px;
}
.desktop .dIcons > div img {
  margin-bottom: 20px;
}
.desktop .dIcons > div p {
  margin-bottom: 0;
}
.desktop.enterprise .dIcons {
  grid-template-columns: 1fr 1fr 1fr;
}
.desktop.enterprise .desktopWrap {
  max-width: 1000px;
}
.desktop .buttWrap {
  margin-top: 50px;
  text-align: center;
}
@media (max-width: 991px) {
  .desktop h2 {
    font-size: 24px;
    margin-bottom: 27px;
  }
  .desktop .dIcons {
    grid-template-columns: 1fr 1fr;
  }
  .desktop.enterprise .dIcons {
    grid-template-columns: 1fr;
  }
}

.mobileMenu {
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #FAF7F6;
  border-top: 1px solid rgba(232, 216, 216, 0.4);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  justify-content: space-around;
  display: none;
  align-items: flex-end;
  transition: linear 0.3s;
}
.mobileMenu.off {
  bottom: -80px;
}
.mobileMenu > a {
  text-align: center;
  padding: 20px;
  color: inherit;
}
.mobileMenu > a img {
  margin-bottom: 8px;
}
.mobileMenu > a p {
  font-size: 12px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .mobileMenu {
    display: flex;
  }
  .mobileMenu > a {
    padding: 12px;
  }
}

.menuDue {
  position: fixed;
  z-index: 200;
  background: var(--White, #FFF);
  box-shadow: -10px 0px 7px 0px rgba(0, 0, 0, 0.02);
  width: 281px;
  right: -100%;
  transition: 0.25s ease-in-out;
  top: 0;
  bottom: 0;
  box-shadow: -10px 0px 7px 0px rgba(0, 0, 0, 0.02);
}
.menuDue.on {
  right: 0;
}
.menuDue .innerRelative {
  padding: 80px 50px;
  position: relative;
}
.menuDue .innerRelative .closer {
  position: absolute;
  top: 20px;
  right: 20px;
}
.menuDue ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menuDue ul li {
  margin-bottom: 40px;
}
.menuDue ul li a {
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 475px) {
  .menuDue {
    width: 100%;
  }
}

.loggedInMenuWrap {
  display: flex;
  gap: 25px;
  align-items: center;
}
.loggedInMenuWrap > * {
  cursor: pointer;
}
.loggedInMenuWrap .loggedInMenu {
  display: flex;
  gap: 4px;
  align-items: center;
  border-radius: 11px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background: var(--White, #FFF);
  padding: 8px 10px;
}
.loggedInMenuWrap .loggedInMenu .circle {
  width: 27px;
  height: 27px;
  background-image: url("/img/pointEllipse.svg");
  background-position: center;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.knowledgebase {
  padding-top: 40px;
  margin-bottom: 150px;
}
.knowledgebase .hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  max-width: 980px;
  margin: auto;
  margin-bottom: 50px;
}
.knowledgebase .hero h2 {
  font-family: Syncopate;
  font-size: 40px;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
}
.knowledgebase .topics {
  margin-top: 50px;
}
.knowledgebase .topics > div {
  display: flex;
  padding: 30px 60px;
  align-items: stretch;
  gap: 50px;
  border-radius: 20px;
  background: var(--Brown-Lightest, #FAF7F6);
  backdrop-filter: blur(16px);
  margin-bottom: 10px;
}
.knowledgebase .topics > div .leftSide {
  border-right: 1px solid var(--Brown-Light, #E8D8D8);
  text-align: center;
  width: 110px;
  min-width: 110px;
}
.knowledgebase .topics > div h3 {
  font-family: Syncopate;
  font-size: 24px;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .knowledgebase .topics > div .leftSide {
    border-right: 0;
  }
}
@media (max-width: 991px) {
  .knowledgebase .hero {
    flex-direction: column-reverse;
    gap: 25px;
  }
  .knowledgebase .hero h2 {
    font-size: 18px;
  }
  .knowledgebase .topics > div {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 20px;
  }
  .knowledgebase .topics > div .leftSide {
    width: unset;
  }
  .knowledgebase .topics > div h3 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.downloads > div {
  display: flex;
  padding: 45px 60px;
  align-items: center;
  gap: 40px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(16px);
  margin-bottom: 10px;
}
.downloads > div .leftSide {
  border-radius: 12px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background-color: var(--White, #FFF);
  background-position: center;
  background-repeat: no-repeat;
  width: 50%;
  min-width: 50%;
  height: 280px;
}
.downloads > div h3 {
  color: var(--Gray-Darkest, #1D1D1D);
  font-family: Syncopate;
  font-size: 24px;
  line-height: 130.5%;
  text-transform: uppercase;
}
.downloads > div .buttWrap {
  margin-top: 36px;
}
@media (max-width: 991px) {
  .downloads > div {
    padding: 30px 20px;
    flex-direction: column;
  }
  .downloads > div .leftSide {
    width: 100%;
  }
  .downloads > div h3 {
    text-align: center;
  }
  .downloads > div .buttWrap a {
    width: 100%;
  }
}

.publication {
  margin-top: 80px;
  padding-bottom: 150px;
}
.publication > div {
  display: flex;
  align-items: center;
  gap: 80px;
  justify-content: space-between;
}
.publication > div h1 {
  color: var(--Gray-Darkest, #1D1D1D);
  font-family: Syncopate;
  font-size: 40px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.publication > div .buttWrap {
  margin-top: 50px;
}
.publication > div .rightSide {
  border-radius: 12px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background-color: var(--White, #FFF);
  background-position: center;
  background-repeat: no-repeat;
  width: 50%;
  height: 280px;
}
@media (max-width: 991px) {
  .publication {
    margin-top: 30px;
  }
  .publication > div {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .publication > div h1 {
    font-size: 18px;
  }
  .publication > div .rightSide {
    width: 100%;
  }
  .publication > div .buttWrap {
    margin-top: 40px;
  }
  .publication > div .buttWrap button {
    width: 100%;
    margin-bottom: 20px;
    justify-content: center;
  }
}

.knowledgeLesson {
  padding-bottom: 150px;
}
.knowledgeLesson .backButt {
  display: none;
}
.knowledgeLesson .backButt.backButtBottom {
  display: block;
}
.knowledgeLesson .lesson h1 {
  text-align: center;
  font-family: Syncopate;
  font-size: 40px;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 30px;
}
.knowledgeLesson .lesson .contentBoxes > div {
  border-radius: 12px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background: rgba(255, 255, 255, 0.4);
  padding: 30px 60px;
  margin-bottom: 10px;
  position: relative;
}
.knowledgeLesson .lesson .contentBoxes > div > .openCloser {
  width: 20px;
  height: 20px;
  background-image: url("/img/bigPlus.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
.knowledgeLesson .lesson .contentBoxes > div .mainContent {
  display: none;
}
.knowledgeLesson .lesson .contentBoxes > div.on .mainContent {
  display: block;
  margin-top: 20px;
}
.knowledgeLesson .lesson .contentBoxes > div.on > .openCloser {
  background-image: url("/img/bigMinus.svg");
}
.knowledgeLesson .lesson .contentBoxes > div h6 {
  font-family: Syncopate;
  font-size: 16px;
  font-style: normal;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 0;
}
.knowledgeLesson .lesson .contentBoxes > div .lessons > div {
  border-radius: 4px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  background: var(--White, #FFF);
  padding: 30px;
  margin-bottom: 10px;
  position: relative;
}
.knowledgeLesson .lesson .contentBoxes > div .lessons > div .titleRow {
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 700;
}
.knowledgeLesson .lesson .contentBoxes > div .lessons > div .titleRow .circle {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: 1px solid #E8D8D8;
}
.knowledgeLesson .lesson .contentBoxes > div .lessons > div p {
  display: none;
}
.knowledgeLesson .lesson .contentBoxes > div .lessons > div > .openCloser {
  width: 20px;
  height: 20px;
  background-image: url("/img/bigPlus.svg");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
.knowledgeLesson .lesson .contentBoxes > div .lessons > div.on > .openCloser {
  background-image: url("/img/bigMinus.svg");
}
.knowledgeLesson .lesson .contentBoxes > div .lessons > div.on p {
  display: block;
  margin-top: 30px;
}
.knowledgeLesson .lesson .contentBoxes > div .lessons > div.on .titleRow .circle {
  background-image: url("/img/Checked.svg");
  background-position: center;
  background-size: cover;
}
.knowledgeLesson .lesson .contentBoxes > div .vidAndText {
  display: flex;
  gap: 20px;
}
.knowledgeLesson .lesson .contentBoxes > div .vidAndText .leftSide {
  width: 300px;
  min-width: 300px;
}
@media (max-width: 991px) {
  .knowledgeLesson .backButt {
    display: block;
  }
  .knowledgeLesson .lesson h1 {
    font-size: 18px;
    margin-top: 10px;
  }
  .knowledgeLesson .lesson .contentBoxes > div {
    padding: 30px 15px;
    padding-right: 60px;
  }
  .knowledgeLesson .lesson .contentBoxes > div .vidAndText {
    flex-direction: column-reverse;
  }
  .knowledgeLesson .lesson .contentBoxes > div .vidAndText .leftSide {
    width: unset;
  }
}

.RepositoryOfKnowledge .backButtTop {
  display: none;
}
@media (max-width: 991px) {
  .RepositoryOfKnowledge .backButtTop {
    display: flex;
  }
}

.nothingIsHereYet {
  text-align: center;
  margin-top: 20px;
}
.nothingIsHereYet img {
  margin-bottom: 30px;
}
.nothingIsHereYet h6 {
  text-align: center;
  font-family: Quicksand;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 4.81px;
  text-transform: uppercase;
}

.searcherKeyword {
  background-image: url("/img/search.svg");
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  padding-right: 40px;
}

.searcher {
  padding-bottom: 150px;
}
.searcher .buttWrap {
  margin-top: 50px;
  text-align: center;
}
.searcher .edinaOffers {
  text-align: center;
  margin-top: 40px;
}
.searcher .edinaOffers > p {
  margin-bottom: 16px;
}
.searcher .edinaOffers .offers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.searcher .edinaOffers .offers > div {
  align-self: stretch;
  width: 180px;
  min-width: 180px;
  background: var(--Brown-Lightest, #FAF7F6);
  box-shadow: 0px 4px 50px 0px rgba(193, 164, 160, 0.3);
  border-radius: 20px;
  cursor: pointer;
}
.searcher .edinaOffers .offers > div .picDiv {
  background-size: cover;
  height: 140px;
  min-height: 140px;
  border-radius: 20px 20px 0 0;
}
.searcher .edinaOffers .offers > div p {
  margin: 0;
  padding: 15px 10px;
  font-size: 16px;
}
.searcher .backButt {
  display: none;
}
.searcher .backButt.backButtBottom {
  display: block;
}
.searcher .titleOnMobile {
  font-family: Syncopate;
  font-size: 18px;
  line-height: 150.5%;
  text-transform: uppercase;
  text-align: center;
  display: none;
  margin-top: 20px;
}
.searcher .titleOnMobile .level {
  font-family: "Quicksand", sans-serif;
  text-transform: none;
  font-size: 15px;
}
@media (max-width: 991px) {
  .searcher {
    /*.searcherCentrum {
      margin-top: 40px;
    }*/
  }
  .searcher .backButt {
    display: block;
  }
  .searcher .backButt.backButtBottom {
    display: none;
  }
  .searcher .titleOnMobile {
    display: block;
  }
  .searcher .edinaOffers .offers {
    flex-direction: column;
    gap: 10px;
  }
  .searcher .edinaOffers .offers > div {
    display: flex;
    width: 100%;
    align-items: center;
  }
  .searcher .edinaOffers .offers > div .picDiv {
    width: 115px;
    min-width: 115px;
    border-radius: 20px 0 0 20px !important;
    height: 80px;
    min-height: 80px;
  }
  .searcher .edinaOffers .offers > div p {
    font-size: 12px;
    padding-left: 30px;
    font-size: 14px;
  }
}

.searcherCentrum {
  margin: auto;
  margin-top: 60px;
  max-width: 700px;
  position: relative;
}
.searcherCentrum .subjectWordsUl {
  position: absolute;
  z-index: 99;
  display: none;
  padding: 0;
  list-style-type: none;
  width: 100%;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid #E8D8D8;
  border-top: none;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
  max-height: 400px;
  overflow-y: auto;
  top: 53px;
}
.searcherCentrum .subjectWordsUl li {
  padding: 13px 20px;
  margin: 0;
  background: #FFFFFF;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  display: none;
}
.searcherCentrum .subjectWordsUl li:hover {
  filter: brightness(0.97);
}
.searcherCentrum > p {
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
}
.searcherCentrum .oftenUsedKeywords {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.searcherCentrum .oftenUsedKeywords > div {
  border-radius: 18px;
  background: var(--White, #FFF);
  box-shadow: 0px 4px 50px 0px rgba(193, 164, 160, 0.3);
  font-size: 12px;
  display: flex;
  align-items: center;
  padding: 0px 16px;
  gap: 8px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .searcherCentrum {
    margin-top: 40px;
  }
}

.searcherResult .backButt {
  display: none;
}
.searcherResult .searcherCentrum {
  margin-top: 0;
}
.searcherResult h1 {
  font-family: Syncopate;
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-top: 18px;
  text-align: center;
  margin-bottom: 10px;
}
.searcherResult .subTitle {
  font-size: 16px;
  text-align: center;
  margin-bottom: 0;
}
.searcherResult .filtersWrap {
  margin-top: 30px;
  margin-bottom: 30px;
}
.searcherResult .filtersWrap .firstRow {
  display: flex;
  gap: 20px;
  align-items: center;
}
.searcherResult .filtersWrap .firstRow form {
  width: 100%;
}
.searcherResult .filtersWrap .firstRow .moreFiltersSwitcher {
  width: 43px;
  min-width: 43px;
  height: 43px;
  background-image: url("/img/filterSwitcher2.svg");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.searcherResult .filtersWrap .firstRow .moreFiltersSwitcher.on {
  background-image: url("/img/filterSwitcher2On.svg");
}
.searcherResult .filtersWrap .extendedFilters {
  display: none;
}
.searcherResult .filtersWrap .extendedFilters .littleTitle {
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
}
.searcherResult .filtersWrap .extendedFilters .littleTitle .custom-switch {
  background-color: transparent !important;
}
.searcherResult .filtersWrap .extendedFilters .difficultyLevel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 375px;
}
.searcherResult .filtersWrap .extendedFilters .difficultyLevel span {
  height: 21px;
  min-height: 21px;
  max-height: 21px;
  width: 21px;
  min-width: 21px;
  max-width: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E8D8D8;
  color: #312D2D;
  font-size: 12px;
  font-weight: 700;
  border-radius: 100%;
  cursor: pointer;
}
.searcherResult .filtersWrap .extendedFilters .difficultyLevel span.on {
  background-color: #685252;
  color: white;
}
.searcherResult .filtersWrap .extendedFilters .diffSliderBottomPart .sliderAndValue {
  display: flex;
  align-items: center;
  gap: 15px;
}
.searcherResult .filtersWrap .extendedFilters .diffSliderBottomPart .sliderAndValue .difficultySlider {
  width: 330px;
}
.searcherResult .filtersWrap .extendedFilters .innerRelative {
  position: relative;
  padding: 24px;
}
.searcherResult .filtersWrap .extendedFilters .innerRelative .closerX {
  position: absolute;
  right: 20px;
  top: 20px;
  display: none;
}
.searcherResult .filtersWrap .extendedFilters .innerRelative .buttWrap {
  margin-top: 100px;
  display: none;
}
@media (max-width: 991px) {
  .searcherResult .filtersWrap .extendedFilters {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: var(--Brown-Lightest, #FAF7F6);
    width: 100%;
    z-index: 1500;
  }
  .searcherResult .filtersWrap .extendedFilters .innerRelative {
    padding-top: 60px;
  }
  .searcherResult .filtersWrap .extendedFilters .innerRelative .closerX {
    display: block;
  }
  .searcherResult .filtersWrap .extendedFilters .innerRelative .buttWrap {
    display: flex;
    justify-content: center;
  }
}
.searcherResult .notFoundAtAll {
  display: none;
  margin-top: 10px;
  padding-bottom: 50px;
}
.searcherResult .results .buttAfterResultsWrap {
  margin-top: 30px;
  padding-bottom: 60px;
  text-align: center;
}
@media (max-width: 991px) {
  .searcherResult .results button {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .searcherResult h1 {
    font-size: 18px;
  }
  .searcherResult .backButt {
    display: block;
  }
}

.switchers {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.switchers > div {
  font-size: 14px;
  padding: 5px 12px;
  border-radius: 18px;
  border: 1px solid var(--Brown-Standard, #C1A4A0);
  background-color: var(--Brown-Lightest, #FAF7F6);
  cursor: pointer;
}
.switchers > div.on {
  color: #E8D8D8;
  background: var(--Gray-Darkest, #1D1D1D);
}

.lessonsListSimple {
  padding-bottom: 150px;
}
.lessonsListSimple h2 {
  text-align: center;
  font-family: Syncopate;
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
}
.lessonsListSimple .lessonsListWrap {
  margin-top: 30px;
}
.lessonsListSimple .lessonsListWrap > div {
  border-radius: 6px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px;
  margin-bottom: 10px;
  gap: 10px;
}
.lessonsListSimple .lessonsListWrap > div p {
  margin-bottom: 0;
}
.lessonsListSimple .lessonsListWrap > div .imgWrap {
  width: 95px;
  min-width: 95px;
  height: 60px;
  background-size: cover;
  background-position: center;
}
.lessonsListSimple .buttWrap {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .lessonsListSimple .buttWrap button, .lessonsListSimple .buttWrap a {
    width: 100%;
  }
}

.congratsForCredits {
  max-width: 900px;
  margin: auto;
  padding-top: 200px;
  padding-bottom: 200px;
}
.congratsForCredits .textAndPic {
  display: flex;
  gap: 40px;
}
.congratsForCredits .textAndPic h1 {
  font-family: Syncopate;
  font-size: 40px;
  line-height: 130.5%;
  text-transform: uppercase;
}
.congratsForCredits .textAndPic .myCredits {
  margin-bottom: 25px;
}
.congratsForCredits .textAndPic p {
  margin-bottom: 25px;
  margin-top: 25px;
}
.congratsForCredits .buttWrap {
  margin-top: 40px;
}
.congratsForCredits .buttWrap button {
  margin-right: 15px;
}
@media (max-width: 991px) {
  .congratsForCredits {
    padding-top: 80px;
  }
  .congratsForCredits .textAndPic {
    flex-direction: column-reverse;
    text-align: center;
  }
  .congratsForCredits .textAndPic h1 {
    font-size: 24px;
  }
  .congratsForCredits .textAndPic p {
    text-align: left;
  }
  .congratsForCredits .buttWrap {
    margin-top: 30px;
  }
  .congratsForCredits .buttWrap button, .congratsForCredits .buttWrap a {
    width: 100%;
    margin-bottom: 15px;
  }
}

.kapcsMaterialsWrap {
  background: rgba(0, 0, 0, 0.5);
}
.kapcsMaterialsWrap .innerRelative {
  padding-top: 100px;
}
.kapcsMaterialsWrap .kapcsMaterials {
  max-width: 600px;
  margin: auto;
  border-radius: 20px;
  background: var(--Brown-Lightest, #FAF7F6);
  padding: 80px 40px;
}
.kapcsMaterialsWrap .kapcsMaterials h3 {
  text-align: center;
  font-family: Syncopate;
  font-size: 22px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.kapcsMaterialsWrap .kapcsMaterials .materialsList {
  padding-left: 15px;
  padding-right: 15px;
}
.kapcsMaterialsWrap .kapcsMaterials .materialsList > div {
  border-radius: 9px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  padding: 10px 30px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kapcsMaterialsWrap .kapcsMaterials .materialsList > div .compassDrafting {
  width: 16px;
  height: 16px;
  background-image: url("/img/compass-drafting-light1.svg");
}
.kapcsMaterialsWrap .kapcsMaterials .buttWrap {
  margin-top: 50px;
  text-align: center;
}
.kapcsMaterialsWrap .kapcsMaterials .buttWrap .btn--gold {
  display: none;
}
@media (max-width: 991px) {
  .kapcsMaterialsWrap {
    background-color: #1D1D1D;
  }
  .kapcsMaterialsWrap .innerRelative {
    padding-top: 0;
  }
  .kapcsMaterialsWrap .kapcsMaterials {
    background-color: #1D1D1D;
  }
  .kapcsMaterialsWrap .kapcsMaterials h3 {
    color: white;
  }
  .kapcsMaterialsWrap .kapcsMaterials .materialsList > div {
    color: #E8D8D8;
  }
  .kapcsMaterialsWrap .kapcsMaterials .materialsList > div .compassDrafting {
    background-image: url("/img/compass-drafting-dark1.svg");
  }
  .kapcsMaterialsWrap .kapcsMaterials .buttWrap .btn--black {
    display: none;
  }
  .kapcsMaterialsWrap .kapcsMaterials .buttWrap .btn--gold {
    display: block;
    width: 100%;
  }
}

.congratsCourseProgramFinal {
  padding-top: 100px;
  padding-bottom: 150px;
}
.congratsCourseProgramFinal .inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 50px;
}
.congratsCourseProgramFinal .inner .leftSide {
  text-align: center;
  width: 40%;
}
.congratsCourseProgramFinal .inner .leftSide img {
  margin-bottom: 16px;
}
.congratsCourseProgramFinal .inner .leftSide h3 {
  font-family: Syncopate;
  font-size: 24px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.congratsCourseProgramFinal .inner .leftSide p {
  margin-bottom: 23px;
}
.congratsCourseProgramFinal .inner .leftSide .appreciateBox {
  border-radius: 12px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
  padding: 30px 25px;
}
.congratsCourseProgramFinal .inner .rightSide {
  width: 60%;
}
.congratsCourseProgramFinal .buttWrap {
  margin-top: 110px;
  display: flex;
  justify-content: center;
  gap: 15px;
}
@media (max-width: 991px) {
  .congratsCourseProgramFinal {
    padding-top: 60px;
  }
  .congratsCourseProgramFinal .inner {
    flex-direction: column;
  }
  .congratsCourseProgramFinal .inner > div {
    width: 100% !important;
  }
  .congratsCourseProgramFinal .inner .leftSide .appreciateBox {
    padding: 15px 20px;
  }
  .congratsCourseProgramFinal .buttWrap {
    flex-direction: column;
    margin-top: 50px;
  }
}

.workUploadAfterLessonWatch .finalForm {
  display: block;
}
.workUploadAfterLessonWatch .finalForm label {
  color: #E8D8D8 !important;
}

.mentor-introduction p a {
  color: inherit;
}
.mentor-introduction h2 {
  text-align: center;
  font-family: Syncopate;
  font-size: 30px;
  line-height: 150.5%;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.mentor-introduction .sections {
  margin-bottom: 80px;
}
.mentor-introduction .sections > div {
  border-radius: 20px;
  background: #FAF7F6;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.mentor-introduction .sections > div .picSide {
  width: 30%;
  background-size: cover;
  background-position: center;
}
.mentor-introduction .sections > div .picSide img {
  max-width: 100%;
  height: 100%;
}
.mentor-introduction .sections > div .textSide {
  width: 70%;
  padding: 40px;
}
.mentor-introduction .sections > div .textSide h3 {
  font-family: Syncopate;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 130.5%;
}
.mentor-introduction .sections > div.picOnRight .picSide {
  text-align: right;
  border-radius: 0 20px 20px 0;
}
.mentor-introduction .sections > div.picOnRight .picSide img {
  border-radius: 0 20px 20px 0;
}
.mentor-introduction .sections > div.picOnLeft .picSide {
  border-radius: 20px 0 0 20px;
}
.mentor-introduction .sections > div.picOnLeft .picSide img {
  border-radius: 20px 0 0 20px;
}
.mentor-introduction .quotes {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.mentor-introduction .quotes > div {
  border-radius: 20px;
  background: var(--Brown-Lightest, #FAF7F6);
  padding: 45px 60px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
}
.mentor-introduction .quotes > div img {
  width: 100px;
  border-radius: 100%;
}
.mentor-introduction .quotes > div p {
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: 160%;
}
.mentor-introduction .quotes > div p.membername {
  font-size: 14px;
}
@media (max-width: 991px) {
  .mentor-introduction h2 {
    font-size: 24px;
  }
  .mentor-introduction h2.errolszolaprogram {
    margin-top: 50px;
  }
  .mentor-introduction button, .mentor-introduction a {
    width: 100%;
  }
  .mentor-introduction .sections > div {
    flex-direction: column;
  }
  .mentor-introduction .sections > div .textSide {
    padding: 15px;
  }
  .mentor-introduction .sections > div > div {
    width: 100% !important;
  }
  .mentor-introduction .sections > div > div img {
    border-radius: 20px 20px 0 0 !important;
    width: 100%;
  }
  .mentor-introduction .sections > div.picOnRight {
    flex-direction: column-reverse;
  }
  .mentor-introduction .sections > div.picOnRight .picSide {
    min-height: 250px;
    border-radius: 20px 20px 0 0;
  }
  .mentor-introduction .sections > div.picOnRight .picSide img {
    width: 100%;
  }
  .mentor-introduction .sections > div.picOnLeft .picSide {
    min-height: 250px;
    border-radius: 20px 20px 0 0;
  }
  .mentor-introduction .quotes {
    flex-direction: column;
  }
}

.loginpage {
  padding-bottom: 150px;
}

.loginbox {
  display: flex;
  border-radius: 20px;
  max-width: 900px;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.4);
}
.loginbox .picSide img {
  border-radius: 20px 0 0 20px;
}
.loginbox .formSide {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 80px;
  padding-right: 80px;
}
.loginbox .formSide p {
  font-size: 14px;
}
.loginbox .formSide h2 {
  margin-bottom: 8px;
  font-family: Syncopate;
  font-size: 24px;
  line-height: 130.5%;
  text-transform: uppercase;
}
.loginbox .formSide .formRow {
  margin-bottom: 20px;
}
.loginbox .formSide .loginTextPlus {
  margin-top: 20px;
}
.loginbox .formSide .forgot-btn {
  padding: 0;
  background: none;
  border: none;
  color: #685252;
  font-size: 14px;
  line-height: 23px;
}
.loginbox .formSide p strong {
  text-decoration: underline;
  cursor: pointer;
}
.loginbox .formSide .buttWrap {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .loginbox .picSide {
    display: none;
  }
  .loginbox .formSide {
    padding-left: 15px;
    padding-right: 15px;
  }
  .loginbox .formSide h2 {
    text-align: center;
  }
  .loginbox .formSide p {
    text-align: center;
  }
  .loginbox .formSide button {
    width: 100%;
  }
  .loginbox .formSide .loginTextPlus {
    text-align: center;
  }
}

.our-team {
  padding-bottom: 150px;
}
.our-team .hero {
  background-color: white;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 80px;
}
.our-team h2 {
  text-align: center;
  font-family: Syncopate;
  font-size: 30px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.our-team p.textAboveCarousel {
  text-align: center;
  font-size: 16px;
  margin-bottom: 35px;
}
.our-team .carouselWrapper {
  max-width: 450px;
  margin: auto;
}

.textAndPicFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 130px;
}
.textAndPicFlex .textSide h2 {
  color: var(--Gray-Darkest, #1D1D1D);
  font-family: Syncopate;
  font-size: 36px;
  line-height: 130.5%;
  text-transform: uppercase;
  margin-bottom: 30px;
  text-align: left;
  display: flex;
  align-items: center;
}
.textAndPicFlex .textSide h2 img {
  max-width: 120px;
  display: none;
}
.textAndPicFlex .textSide .buttWrap {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.textAndPicFlex .picSide {
  max-width: 33%;
}
.textAndPicFlex .picSide img {
  max-width: 100%;
}
@media (max-width: 991px) {
  .textAndPicFlex .textSide h2 {
    font-size: 22px;
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .textAndPicFlex .textSide h2 img {
    display: inline;
    float: right;
    margin-top: 0;
  }
  .textAndPicFlex .picSide {
    display: none;
  }
  .textAndPicFlex .buttWrap {
    flex-direction: column;
  }
  .textAndPicFlex .buttWrap button, .textAndPicFlex .buttWrap a {
    width: 100%;
  }
}

.aPersonInTheCarousel {
  border-radius: 9px;
  background-color: var(--Brown-Lightest, #FAF7F6);
  width: 300px;
  padding: 30px;
  text-align: center;
  margin: auto;
}
.aPersonInTheCarousel img.profilepic {
  margin-bottom: 20px;
  max-width: 150px;
}
.aPersonInTheCarousel h5 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.aPersonInTheCarousel .position {
  font-size: 14px;
  margin-bottom: 30px;
}
.aPersonInTheCarousel .quotes {
  margin-bottom: 10px;
}
.aPersonInTheCarousel .aboutMe {
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.counseling .formWrap {
  margin-top: 100px;
  background: #FCF9F5;
  box-shadow: 0px 4px 119.6px 0px #C1A4A0;
  padding-top: 40px;
  padding-bottom: 40px;
}
.counseling .formWrap .formWrap2 {
  display: flex;
  justify-content: center;
}
.counseling .formWrap .formWrap2 a {
  color: inherit;
  text-decoration: underline;
}
.counseling .formWrap .loginbox {
  max-width: unset;
  background-color: transparent;
}

.downloadMain {
  padding-bottom: 150px;
}

.about-credits {
  padding-top: 145px;
  padding-bottom: 150px;
}
.about-credits h2 {
  font-family: Syncopate;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  color: #1D1D1D !important;
}
.about-credits .openerBox {
  margin-top: 70px;
}
.about-credits .buttWrap {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
}
@media (max-width: 991px) {
  .about-credits {
    padding-top: 50px;
  }
  .about-credits .openerBox {
    margin-top: 50px;
  }
  .about-credits .buttWrap {
    flex-direction: column-reverse;
  }
  .about-credits .buttWrap button, .about-credits .buttWrap a {
    width: 100%;
  }
}

.openerBox {
  border-radius: 20px;
  border: 1px solid var(--Brown-Light, #E8D8D8);
}
.openerBox .titleTop {
  border-radius: 20px 20px 0 0;
  background-color: #DAACA4;
  padding: 30px;
  padding-left: 50px;
  color: #1D1D1D;
  font-family: Syncopate;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-bottom: 1px solid var(--Brown-Light, #E8D8D8);
}
.openerBox .openCloser {
  border-bottom: 1px solid var(--Brown-Light, #E8D8D8);
}
.openerBox .openCloser:last-child {
  border: 0;
}
.openerBox .openCloser:last-child .hiddenPart {
  border-radius: 0 0 20px 20px;
}
.openerBox .openCloser .titleLine {
  padding: 20px;
  color: #685252;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.openerBox .openCloser .titleLine .caret {
  transition: 0.3s;
}
.openerBox .openCloser .titleLine .caret.on {
  transform: rotate(90deg);
}
.openerBox .openCloser .hiddenPart {
  display: none;
  background-color: #DAACA4;
  padding: 20px;
}
.openerBox .openCloser .hiddenPart .picWrap {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.openerBox .openCloser .hiddenPart .flexx {
  display: flex;
  gap: 20px;
}
@media (max-width: 991px) {
  .openerBox .openCloser .hiddenPart .flexx {
    flex-direction: column-reverse;
  }
}

.special-event {
  padding-top: 120px;
  padding-bottom: 120px;
  text-align: center;
}
.special-event h2 {
  color: var(--White, #FFF);
  text-align: center;
  font-family: Syncopate;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%; /* 31.32px */
  text-transform: uppercase;
  margin-bottom: 32px;
}
.special-event img {
  margin-bottom: 28px;
}
.special-event > p {
  margin-bottom: 30px;
}
.special-event .formWrap {
  background-color: #513E3E;
  padding: 40px;
  border-radius: 22px;
  text-align: left;
}
.special-event .formWrap > p {
  color: var(--Brown-Light, #E8D8D8);
  font-family: Quicksand;
  font-size: 16px;
  font-weight: 700;
}
.special-event .formWrap .formRow {
  margin-bottom: 20px;
}
.special-event .formWrap .formRow input {
  max-width: 300px;
}
.special-event .formWrap .buttWrap {
  margin-top: 50px;
}
@media (max-width: 991px) {
  .special-event {
    padding-top: 60px;
  }
  .special-event .formWrap .formRow input {
    max-width: unset;
  }
  .special-event .formWrap .buttWrap button {
    width: 100%;
  }
}

.edina-tips {
  padding-bottom: 100px;
}
.edina-tips .hero {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.edina-tips .hero h2 {
  font-family: Syncopate;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%; /* 52.2px */
  text-transform: uppercase;
}
.edina-tips .labelContainer2 {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .edina-tips .hero {
    flex-direction: column;
  }
}

.edinatipWatch {
  padding-bottom: 100px;
}
.edinatipWatch .vidPart {
  margin-top: 50px;
}
.edinatipWatch .vid-title {
  margin-top: 50px;
  font-family: Syncopate;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
}
.edinatipWatch .lead {
  margin-top: 20px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 28.8px */
}
.edinatipWatch .attached-course {
  margin-top: 60px;
}
.edinatipWatch .attached-course .top-title {
  text-align: center;
  font-family: Syncopate;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
  background: var(--Brown-Light, #E8D8D8);
  border-radius: 10px 10px 0 0;
  padding: 18px;
}
.edinatipWatch .attached-course .bottom {
  display: flex;
  background-color: white;
  border-radius: 0 0 10px 10px;
}
.edinatipWatch .attached-course .bottom .left {
  width: 70%;
  padding: 50px;
}
.edinatipWatch .attached-course .bottom .left .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 130.5%;
  text-transform: uppercase;
}
.edinatipWatch .attached-course .bottom .left .buttWrap {
  margin-top: 30px;
}
.edinatipWatch .attached-course .bottom .pic {
  width: 30%;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 10px 0;
  cursor: pointer;
}
@media (max-width: 991px) {
  .edinatipWatch .attached-course .bottom {
    flex-direction: column;
  }
  .edinatipWatch .attached-course .bottom .left {
    width: 100%;
    padding: 20px;
  }
  .edinatipWatch .attached-course .bottom .pic {
    min-height: 300px;
    width: 100%;
  }
}

.oktatoanyagok {
  padding-bottom: 100px;
}
.oktatoanyagok .courseSwitcher {
  margin-top: 30px;
}

/*# sourceMappingURL=style_056.css.map */