:root {
  --_colors---bgcolor: #fefefe;
  --_colors---textcolor: #262626;
  --bgdarklight: #9e9e9e;
  --_colors---bgcolor05: #fefefe80;
  --_colors---bgcolor09: #fefefecc;
  --_darkcolors---bgcolordark: #5e5e5e;
  --textcolorhover: #19191ebf;
  --_colors---altbgcolorhover: #e22d2d;
  --_colors---altbgcolor: #bf1717;
  --_colors---cyan: #ff3a3b;
  --_darkcolors---bgcolordark09: #5e5e5ee6;
  --_colors---getcoursebuttoncolor: #213467;
  --_colors---getcoursebuttoncolorhover: #1a2ab4;
  --_colors---darkercyan: #b30001;
  --_colors---textcolorhover: #262636;
  --_colors---darkerpink: #bd0c6d;
  --_colors---pink: #ff418e;
  --_colors---darkerorange: #ec6c22;
  --_colors---orange: #ffa836;
  --_colors---darkeryellow: #e6ab00;
  --_colors---yellow: #ffe95a;
  --_colors---lightblue: #b9ccff;
  --_colors---lightpink: #ffbcd7;
  --_colors---lightred: #ffc3c3;
  --_colors---lightorange: #ffddb1;
  --_colors---lightcyan: #ff8d8e;
  --_colors---lightyellow: #fff7c5;
  --_colors---alttextcolor: #4b4b4b;
  --_colors---faqactivatedbgcolor: #b1e8ff;
  --_colors---footerbordercolor: #cfcfcf;
  --_colors---coursesyellow: #f1b61a;
  --_darkcolors---bgfaqcolordark: #0082f3;
  --_darkcolors---textcolordark: #eee;
  --_darkcolors---toggleoffsetlight: 0rem;
  --_darkcolors---toggleoffsetdark: .5rem;
  --_darkcolors---faqactivatedbgcolordark: #0050bd;
  --_colors---coursesblue: #2475b4;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--_colors---bgcolor);
  color: var(--_colors---textcolor);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.navbar-no-shadow {
  border-bottom: 1px solid var(--bgdarklight);
  color: var(--_colors---textcolor);
}

.navbar-no-shadow.dark-theme {
  border-bottom-color: var(--_colors---bgcolor05);
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1140px;
  height: 80px;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 20px;
}

.container-regular {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1260px;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-brand {
  cursor: pointer;
}
.navbar-brand.display_none {
  display: none;
}

.nav-menu-wrapper {
  flex: 1;
  padding-left: 100px;
  padding-right: 100px;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.hooternavlink {
  color: var(--_colors---textcolor);
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: all .15s;
}

.hooternavlink:hover {
  color: var(--_colors---altbgcolorhover);
}

.hooternavlink:focus-visible, .hooternavlink[data-wf-focus-visible] {
  outline-color: var(--_colors---altbgcolor);
  outline-offset: 0px;
  color: var(--_colors---altbgcolorhover);
  border-radius: 4px;
  outline-width: 1px;
  outline-style: solid;
}

.hooternavlink.w--current {
  color: var(--_colors---altbgcolor);
  font-size: 20px;
}

.hooternavlink.selected {
  color: var(--_colors---altbgcolor);
  transition: all .15s;
}

.hooternavlink.selected.w--current {
  color: var(--_colors---altbgcolor);
  font-size: 20px;
}

.hooternavlink.dark-theme {
  color: var(--_colors---bgcolor);
}

.hooternavlink.dark-theme:hover, .hooternavlink.dark-theme.w--current {
  color: var(--_colors---cyan);
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-button-wrapper {
  filter: drop-shadow(0px 0px 3px var(--_colors---altbgcolor));
  cursor: pointer;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  position: relative;
  overflow: hidden;
}

.nav-button-wrapper:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---altbgcolorhover));
}

.buttonhooter {
  background-color: var(--_colors---altbgcolor);
  color: var(--_colors---bgcolor);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  width: 100%;
  min-width: 235px;
  height: 40px;
  font-family: Droid Sans, sans-serif;
  font-size: 16px;
  line-height: 40px;
  text-decoration: none;
  transition: all .2s;
}

.buttonhooter:hover {
  background-color: var(--_colors---altbgcolorhover);
  color: #fff;
}

.buttonhooter:active {
  background-color: var(--_colors---altbgcolorhover);
  box-shadow: 0 1px 5px 0 var(--_colors---altbgcolorhover);
}

.sectionone {
  background-image: url('../images/bpCUT-min.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  width: 100vw;
}

.sectionone__bg {
  background-color: var(--_colors---bgcolor09);
  width: 100%;
  height: 100%;
}

.sectionone__bg.dark-theme {
  background-color: var(--_darkcolors---bgcolordark09);
}

.container {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 700px;
}

.container.containerstart {
  max-width: 1200px;
  min-height: 600px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.container.containersectiontwo {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 580px;
  padding-top: 20px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  overflow-x: clip;
}

.container.containerfour {
  background-image: url('../images/ChatGPTmin500.webp');
  background-position: 50% 0;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  max-width: 100vw;
  min-height: 570px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container.containerfour.blogadd__addsslider {
  display: none;
}

.container.containerthree {
  flex-flow: column;
  max-width: 1200px;
  min-height: 625px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: relative;
}

.container.containerfooter {
  z-index: 228;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1140px;
  min-height: 0;
  padding: 30px 60px 60px;
  display: flex;
  position: relative;
}

.startleft {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 60%;
  padding: 10px 20px;
  display: flex;
}

.startright {
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 40%;
  padding: 10px;
  display: flex;
}

.hooterlogo {
  height: 70px;
  max-height: 100%;
}

.hooterlistitem {
  cursor: pointer;
}

.hooterlistitem.toggle {
  width: 65px;
  height: 35px;
  position: absolute;
  right: 10px;
}

.body {
  background-color: var(--_colors---bgcolor);
  max-width: 100vw;
  font-family: Droid Sans, sans-serif;
  overflow-x: clip;
}

.body.bodyflex {
  color: var(--_colors---textcolor);
}

.body.bodyflex.center {
  justify-content: flex-start;
  align-items: center;
}

.body.bodyflex.blogfont {
  font-family: Montserrat, sans-serif;
}

.body.light-theme {
  background-color: var(--_colors---bgcolor);
  color: var(--_colors---textcolor);
}

.body.dark-theme {
  background-color: var(--_darkcolors---bgcolordark);
  color: var(--_colors---bgcolor);
}

.sectiononeh1 {
  color: var(--_colors---altbgcolor);
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 50px;
  font-size: 32px;
}

.startparagraph {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 26px;
}

.sectiononetextlink {
  color: var(--_colors---altbgcolor);
  font-weight: 700;
  text-decoration: none;
}

.getcousrebutton {
  background-color: var(--_colors---getcoursebuttoncolor);
  color: var(--_colors---bgcolor);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  transition: all .2s;
  display: flex;
}

.getcousrebutton:hover {
  background-color: var(--_colors---getcoursebuttoncolorhover);
}

.getcousrebutton:active {
  box-shadow: 0 1px 5px 0 var(--_colors---getcoursebuttoncolorhover);
}

.getcousrebutton.red_button {
  background-color: var(--_colors---altbgcolor);
}

.getcousrebutton.red_button:hover {
  background-color: var(--_colors---altbgcolorhover);
}

.getcousrebutton.red {
  background-color: var(--_colors---altbgcolor);
}

.getcousrebutton.red:hover {
  background-color: var(--_colors---altbgcolorhover);
}

.startlogobg {
  opacity: .7;
  padding-bottom: 10px;
  padding-left: 10px;
  position: absolute;
}

.buttonholder {
  filter: drop-shadow(0px 2px 5px var(--_colors---getcoursebuttoncolor));
  overflow: hidden;
}

.buttonholder:hover {
  filter: drop-shadow(0px 2px 5px var(--_colors---getcoursebuttoncolorhover));
}

.buttonholder.red {
  filter: drop-shadow(0px 2px 5px var(--_colors---altbgcolor));
}

.buttonholder.red:hover {
  filter: drop-shadow(0px 2px 5px var(--_colors---altbgcolorhover));
}

.spanarc, .spanarcheader {
  border-right: 5px solid var(--_colors---bgcolor);
  border-bottom: 5px solid var(--_colors---bgcolor);
  border-left: 5px solid var(--_colors---bgcolor);
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  width: 50px;
  height: 30px;
  position: absolute;
  top: -5px;
  left: -10px;
}

.spanarcheader.red {
  border-right-color: var(--_colors---altbgcolor);
  border-bottom-color: var(--_colors---altbgcolor);
  border-left-color: var(--_colors---altbgcolor);
}

.spanarcheader.display_none {
  display: none;
}

.redcontactsheaderpart {
  background-color: var(--_colors---altbgcolor);
  filter: drop-shadow(0px 1px 2px var(--_colors---altbgcolorhover));
  z-index: 1500;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 35px;
  display: flex;
  position: fixed;
  top: 0%;
}

.redcontactsheaderpart__social {
  z-index: 229;
  justify-content: space-between;
  align-items: stretch;
  min-width: 70px;
  height: 30px;
  margin-left: 50px;
  margin-right: 50px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.redcontactsheaderpart__heading {
  color: var(--_colors---bgcolor);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 400;
}

.redcontactsheaderpart__heading.email, .redcontactsheaderpart__heading.phone_number {
  cursor: pointer;
}

.redcontactsheaderpart__img {
  filter: drop-shadow(0px 0px 3px var(--_colors---cyan));
  cursor: pointer;
  min-width: 30px;
  height: 30px;
  margin: 0;
  transition: all .15s;
}

.redcontactsheaderpart__img:hover {
  filter: drop-shadow(0px 1px 3px var(--_colors---textcolorhover));
}

.redcontactsheaderpart__contacts {
  justify-content: flex-start;
  align-items: center;
  min-width: 100px;
  height: 35px;
  margin-right: 25px;
  display: flex;
}

.redcontactsheaderpart__devider {
  border-left: 2px solid var(--_colors---bgcolor05);
  height: 80%;
}

.sectiontwo {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.sectiontwoh1 {
  text-transform: uppercase;
  font-size: 32px;
}

.sectiontwotextlink {
  color: var(--_colors---altbgcolor);
  font-weight: 700;
  text-decoration: none;
}

.sectiontwo__cardplace {
  z-index: 10;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  display: flex;
}

.sectiontwo__cardplace:hover {
  border-top-left-radius: 40px;
  border-top-right-radius: 0;
}

.sectiontwo__card {
  background-color: var(--_colors---getcoursebuttoncolor);
  background-image: linear-gradient(50deg, var(--_colors---getcoursebuttoncolor), var(--_colors---getcoursebuttoncolorhover));
  transform-style: preserve-3d;
  border-radius: 40px;
  width: 350px;
  height: 175px;
  margin: 0;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.sectiontwo__card.pink {
  background-image: linear-gradient(25deg, var(--_colors---darkerpink), var(--_colors---pink));
  margin: 0;
}

.sectiontwo__card.red {
  background-image: linear-gradient(25deg, var(--_colors---altbgcolor) 40%, #ff5656);
}

.sectiontwo__card.orange {
  background-image: linear-gradient(25deg, var(--_colors---darkerorange), var(--_colors---orange));
}

.sectiontwo__card.yellow {
  background-image: linear-gradient(25deg, var(--_colors---darkeryellow), var(--_colors---yellow));
}

.sectiontwo__card.blue {
  background-image: linear-gradient(25deg, var(--_colors---getcoursebuttoncolor), var(--_colors---getcoursebuttoncolorhover));
  margin: 0;
}

.sectiontwo__card.cyan {
  background-image: linear-gradient(25deg, var(--_colors---darkercyan), var(--_colors---cyan));
}

.sectiontwo__card__front {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-image: linear-gradient(25deg, #000, #fff);
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  transform: rotateY(0);
}

.sectiontwo__card__front.blue {
  background-image: linear-gradient(25deg, var(--_colors---getcoursebuttoncolor), var(--_colors---getcoursebuttoncolorhover));
}

.sectiontwo__card__front.pink {
  background-image: linear-gradient(25deg, var(--_colors---darkerpink), var(--_colors---pink));
}

.sectiontwo__card__front.red {
  background-image: linear-gradient(25deg, var(--_colors---altbgcolor) 25%, var(--_colors---altbgcolorhover) 75%);
}

.sectiontwo__card__front.orange {
  background-image: linear-gradient(25deg, var(--_colors---darkerorange), var(--_colors---orange));
}

.sectiontwo__card__front.cyan {
  background-image: linear-gradient(25deg, var(--_colors---darkercyan), var(--_colors---cyan));
}

.sectiontwo__card__front.yellow {
  background-image: linear-gradient(25deg, var(--_colors---darkeryellow), var(--_colors---yellow));
}

.sectiontwo__card__back {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-image: linear-gradient(335deg, #000, #fff);
  border-radius: 0 40px 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  transform: rotateY(180deg);
}

.sectiontwo__card__back.blue {
  background-image: linear-gradient(335deg, var(--_colors---getcoursebuttoncolor), var(--_colors---getcoursebuttoncolorhover));
  border-top-left-radius: 0;
  border-top-right-radius: 40px;
}

.sectiontwo__card__back.red {
  background-image: linear-gradient(335deg, var(--_colors---altbgcolor) 25%, var(--_colors---altbgcolorhover) 75%);
}

.sectiontwo__card__back.orange {
  background-image: linear-gradient(335deg, var(--_colors---darkerorange), var(--_colors---orange));
}

.sectiontwo__card__back.cyan {
  background-image: linear-gradient(335deg, var(--_colors---darkercyan), var(--_colors---cyan));
}

.sectiontwo__card__back.yellow {
  background-image: linear-gradient(335deg, var(--_colors---darkeryellow), var(--_colors---yellow));
}

.sectiontwo__card__back.pink {
  background-image: linear-gradient(335deg, var(--_colors---darkerpink), var(--_colors---pink));
}

.sectiontwo__card__text {
  color: var(--_colors---bgcolor);
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.bold-text {
  font-size: 16px;
  font-weight: 700;
}

.bold-text-2 {
  font-weight: 400;
}

.sectiontwo__card__boldtext {
  color: var(--_colors---bgcolor);
  text-align: center;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 700;
}

.sectiontwo__card__spanarc {
  border-top-style: solid;
  border-top-width: 7px;
  border-top-color: var(--_colors---bgcolor);
  border-right-style: solid;
  border-right-width: 7px;
  border-right-color: var(--_colors---bgcolor);
  border-bottom-style: solid;
  border-bottom-width: 7px;
  border-bottom-color: var(--_colors---bgcolor);
  border-left-style: solid;
  border-left-width: 7px;
  border-left-color: var(--_colors---bgcolor);
  z-index: 10;
  backface-visibility: hidden;
  border-radius: 85px;
  width: 85px;
  height: 85px;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  position: absolute;
  top: -30px;
  left: -10px;
}

.sectiontwo__card__spanarc.courses_slider_arc {
  border-radius: 65px;
  width: 65px;
  height: 65px;
  top: -20px;
}

.sectiontwo__card__icon {
  width: 35px;
  height: 35px;
  margin-bottom: 5px;
}

.sectiontwo__card__icon._55 {
  width: 55px;
  height: 55px;
}

.breathingcircle {
  border: 10px solid var(--_colors---altbgcolor);
  opacity: .25;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  position: absolute;
}

.breathingcircle.blue_big_circle {
  border-width: 25px;
  border-color: var(--_colors---getcoursebuttoncolorhover);
  opacity: .15;
  width: 750px;
  height: 750px;
  transition: all 5s linear;
  inset: auto auto -350px -25%;
}

.breathingcircle.breathing_animation.triangle {
  opacity: .25;
  z-index: 13;
  width: auto;
  height: auto;
  transition-property: all;
  transition-duration: 1.5s;
  transition-timing-function: ease;
  display: none;
  inset: auto auto 25px -20%;
}

.breathingcircle.breathing_animation.triangle.red {
  opacity: .25;
}

.breathingcircle.breathing_animation.big_orange_circle {
  border-top-width: 15px;
  border-top-color: var(--_colors---orange);
  border-right-width: 15px;
  border-right-color: var(--_colors---orange);
  border-bottom-width: 15px;
  border-bottom-color: var(--_colors---orange);
  border-left-width: 15px;
  border-left-color: var(--_colors---orange);
  opacity: .15;
  z-index: 13;
  width: 200px;
  height: 200px;
  transition-property: all;
  transition-duration: 1.5s;
  transition-timing-function: ease;
  bottom: 35%;
  left: 10vw;
}

.breathingcircle.breathing_animation.big_orange_circle.course {
  width: 500px;
  height: 500px;
  left: auto;
  right: 5vw;
}

.breathingcircle.breathing_animation.yellow_circle {
  border-top-width: 20px;
  border-top-color: var(--_colors---darkeryellow);
  border-right-width: 20px;
  border-right-color: var(--_colors---darkeryellow);
  border-bottom-width: 20px;
  border-bottom-color: var(--_colors---darkeryellow);
  border-left-width: 20px;
  border-left-color: var(--_colors---darkeryellow);
  z-index: 10;
  width: 750px;
  height: 750px;
  transition-property: all;
  transition-duration: 1.5s;
  transition-timing-function: ease;
  bottom: -300px;
  right: -15%;
}

.breathingcircle.breathing_animation.blu_circle {
  border-width: 15px;
  border-color: var(--_colors---getcoursebuttoncolorhover);
  width: 250px;
  height: 250px;
  transition: all 1.5s;
  top: 12.5%;
  right: 100px;
}

.breathingcircle.breathing_animation.triangle_form {
  border-top-style: none;
  border-top-color: var(--_colors---pink);
  border-right-style: none;
  border-right-color: var(--_colors---pink);
  border-bottom-style: none;
  border-bottom-color: var(--_colors---pink);
  border-left-style: none;
  border-left-color: var(--_colors---pink);
  z-index: 13;
  width: auto;
  height: auto;
  transition-property: all;
  transition-duration: 1.5s;
  transition-timing-function: ease;
  display: none;
  bottom: 3%;
  left: 2.5px;
  right: auto;
}

.breathingcircle.breathing_animation.yellow_big_circle_form {
  border-width: 25px;
  border-color: var(--_colors---yellow);
  width: 750px;
  height: 750px;
  transition: all 2.5s;
  position: relative;
  top: 50%;
  left: -350px;
}

.breathingcircle.breathing_animation.cyan_medium_circle_form {
  border-width: 15px;
  border-color: var(--_colors---cyan);
  width: 250px;
  height: 250px;
  transition: all 2.5s;
  inset: auto auto 15% 10%;
}

.breathingcircle.breathing_animation.cyan_medium_circle_form.display_none {
  display: none;
}

.breathingcircle.breathing_animation.red_small_circle {
  top: 25%;
  left: 25%;
}

.breathingcircle.breathing_animation.courses_blue_circle {
  border-width: 15px;
  border-color: var(--_colors---getcoursebuttoncolorhover);
  opacity: .15;
  width: 250px;
  height: 250px;
  top: 50%;
  left: 2.5%;
}

.breathingcircle.orange_circle {
  border-color: var(--_colors---orange);
  width: 200px;
  height: 200px;
  inset: 25% auto auto 25%;
}

.breathingcircle.orange_circle.breathing_animation {
  z-index: 15;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: auto 2.5% 10px auto;
}

.breathingcircle.orange_circle.breathing_animation.display_none {
  display: none;
}

.breathingcircle.triangle {
  opacity: 1;
  border-style: none;
  bottom: -40%;
  right: 15%;
}

.breathingcircle.yellow_circle {
  width: 300px;
  height: 300px;
  bottom: -100px;
}

.sectionthree {
  flex-flow: column;
  width: 100vw;
  display: block;
  overflow-x: clip;
}

.sectionthreeh1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
}

.courses {
  display: flex;
}

.sectionthree__cousescontainer {
  z-index: 11;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  max-width: 60%;
  padding: 40px 20px;
  display: flex;
}

.sectionthree__coursephoto {
  z-index: 10;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: 40%;
  margin: 20px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sectionthree__img {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
}

.sectionthree__img__spanarc {
  border-right: 15px solid var(--_colors---bgcolor);
  border-bottom: 15px solid var(--_colors---bgcolor);
  border-left: 15px solid var(--_colors---bgcolor);
  border-bottom-right-radius: 180px;
  border-bottom-left-radius: 180px;
  width: 150px;
  height: 90px;
  transition: all .2s;
  position: absolute;
  inset: -10px auto auto -20px;
}

.sectionthree__course {
  border: 2px solid var(--_colors---altbgcolor);
  background-color: var(--_colors---bgcolor);
  filter: drop-shadow(0px 0px 5px var(--_colors---altbgcolor));
  cursor: pointer;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 24px;
  height: 54px;
  margin: 10px;
  padding: 0;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.sectionthree__course:hover {
  filter: drop-shadow(0px 0px 7px var(--_colors---altbgcolorhover));
}

.sectionthree__course__span {
  background-color: var(--_colors---altbgcolor);
  z-index: 10;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding-bottom: 5px;
  padding-right: 5px;
  display: flex;
}

.sectionthree__course__link {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  display: flex;
}

.sectionthree__course__span__img {
  width: 40px;
  height: 40px;
}

.sectionthree__course__link__h3 {
  color: var(--_colors---textcolor);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 20px;
  line-height: 50px;
}

.sectionthree__course__link__h3.dark-theme {
  color: var(--_colors---bgcolor);
}

.sectionthree__buttonholder {
  filter: drop-shadow(0px 2px 5px var(--_colors---altbgcolor));
  cursor: pointer;
  overflow: hidden;
}

.sectionthree__buttonholder:hover {
  filter: drop-shadow(0px 2px 5px var(--_colors---altbgcolorhover));
}

.sectionthree__course__buttonplace {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.cardshotfix {
  justify-content: center;
  align-items: center;
  margin: 20px;
  overflow: hidden;
}

.sectionfour {
  width: 100vw;
  overflow: clip;
}

.sectionfour__bgcolor {
  background-color: var(--_colors---bgcolor09);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.sectionfour__bgcolor.dark-theme {
  background-color: var(--_darkcolors---bgcolordark09);
}

.sectionfour__caroussel {
  flex: 1;
  padding-bottom: 10px;
}

.sectionfive {
  width: 100vw;
  padding-top: 20px;
  padding-bottom: 20px;
}

.sectionfour__h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 50px;
}

.sectionfour__card {
  background-color: var(--_colors---bgcolor);
  filter: drop-shadow(0px 0px 3px var(--_colors---textcolor));
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 350px;
  height: 400px;
  display: flex;
}

.sectionfour__card.blue {
  filter: drop-shadow(0px 0px 3px var(--_colors---getcoursebuttoncolorhover));
}

.sectionfour__card.pink {
  filter: drop-shadow(0px 0px 3px var(--_colors---pink));
}

.sectionfour__card.red {
  filter: drop-shadow(0px 0px 3px var(--_colors---altbgcolorhover));
}

.sectionfour__card.red.dark_theme {
  background-color: var(--bgdarklight);
}

.sectionfour__card.orange {
  filter: drop-shadow(0px 0px 3px var(--_colors---darkerorange));
}

.sectionfour__card.cyan {
  filter: drop-shadow(0px 0px 3px var(--_colors---cyan));
}

.sectionfour__card.yellow {
  filter: drop-shadow(0px 0px 3px var(--_colors---yellow));
}

.sectionfour__card.dark-theme {
  background-color: var(--bgdarklight);
}

.sectionfour__card__text {
  flex: 1;
  padding: 20px 20px 0;
  font-family: Caveat, sans-serif;
  font-size: 22px;
}

.text-block {
  font-family: Comfortaa, sans-serif;
  font-size: 14px;
  line-height: 18px;
  display: flex;
}

.sectionfour__card__stars {
  width: 100%;
  height: 35px;
  padding-left: 20px;
  padding-right: 20px;
}

.sectionfour__card__user {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 75px;
  max-height: 100px;
  padding: 10px 20px;
  display: flex;
}

.sectionfour__card__user__photo {
  width: 65px;
  height: 65px;
}

.sectionfour__card__img {
  border-radius: 100%;
}

.sectionfour__card__img.blue {
  background-color: var(--_colors---lightblue);
}

.sectionfour__card__img.pink {
  background-color: var(--_colors---lightpink);
}

.sectionfour__card__img.red {
  background-color: var(--_colors---lightred);
}

.sectionfour__card__img.orange {
  background-color: var(--_colors---lightorange);
}

.sectionfour__card__img.cyan {
  background-color: var(--_colors---lightcyan);
}

.sectionfour__card__img.yellow {
  background-color: var(--_colors---lightyellow);
}

.sectionfour__card__userdata {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.sectionfour__card__username {
  width: 100%;
  height: 35px;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 35px;
}

.sectionfour__card__usercourse {
  color: var(--_colors---alttextcolor);
  width: 100%;
  height: 20px;
  padding-left: 5px;
  font-weight: 700;
}

.sectionfour__card__star {
  width: 35px;
  height: 35px;
}

.slider {
  cursor: grab;
  background-color: #0000;
  max-width: 100vw;
  height: 100%;
  overflow: hidden;
}

.slider.display_none {
  display: none;
}

.slider.courses {
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}

.slider.slider_courses {
  box-shadow: inset 0 0 5px 0 var(--_colors---getcoursebuttoncolorhover);
  flex: 1;
  padding-left: 80px;
  padding-right: 80px;
}

.slider.slider_courses.pink {
  box-shadow: inset 0 0 5px 0 var(--_colors---darkeryellow);
}

.slider.slider_courses.red {
  box-shadow: inset 0 0 5px 0 var(--_colors---altbgcolor);
}

.slider.slider_courses.orange {
  box-shadow: inset 0 0 5px 0 var(--_colors---darkerorange);
}

.slide {
  -webkit-user-select: none;
  user-select: none;
  max-width: 370px;
  margin-left: 0;
  margin-right: 20px;
  padding: 10px;
}

.slide.courses {
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
}

.slide-nav {
  display: none;
}

.icon.right.courses {
  filter: drop-shadow(0px 2px 2px var(--_colors---getcoursebuttoncolor));
  z-index: 15;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: linear;
  position: relative;
}

.icon.right.courses:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---getcoursebuttoncolor));
}

.icon.right.courses.pink {
  filter: drop-shadow(0px 2px 2px var(--_colors---darkeryellow));
}

.icon.right.courses.pink:hover {
  filter: drop-shadow(0px 3px 5px var(--_colors---darkeryellow));
}

.icon.right.courses.orange {
  filter: drop-shadow(0px 2px 2px var(--_colors---darkerorange));
}

.icon.right.courses.orange:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---darkerorange));
}

.icon.right.courses.red {
  filter: drop-shadow(0px 2px 2px var(--_colors---altbgcolor));
}

.icon.right.courses.red:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---altbgcolor));
}

.icon.left.courses {
  filter: drop-shadow(0px 2px 2px var(--_colors---getcoursebuttoncolor));
  z-index: 15;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: linear;
}

.icon.left.courses:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---getcoursebuttoncolor));
}

.icon.left.courses.pink {
  filter: drop-shadow(0px 2px 2px var(--_colors---darkeryellow));
}

.icon.left.courses.pink:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---darkeryellow));
}

.icon.left.courses.red {
  filter: drop-shadow(0px 2px 2px var(--_colors---altbgcolor));
}

.icon.left.courses.red:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---altbgcolor));
}

.icon.left.courses.orange {
  filter: drop-shadow(0px 2px 2px var(--_colors---darkerorange));
}

.icon.left.courses.orange:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---darkerorange));
}

.sectionfive__h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 50px;
}

.sectionfive__faq {
  border-top: 2px solid var(--_colors---faqactivatedbgcolor);
  border-bottom: 2px none var(--_colors---faqactivatedbgcolor);
  flex-flow: column;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all .15s linear;
  display: flex;
}

.sectionfive__faq__q {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  transition: all .2s linear;
  display: flex;
}

.sectionfive__faq__q.w--open {
  height: 40px;
  padding: 10px 20px 0;
}

.sectionfive__faq__h2 {
  flex: 1;
  margin: 20px 20px 20px 0;
  font-size: 18px;
  line-height: 30px;
}

.sectionfive__faq__h2.dark-theme {
  color: var(--_colors---bgcolor);
}

.heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.sectionsix {
  border-top: 2px solid var(--_colors---footerbordercolor);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.sectionfive__faq__icon {
  color: var(--_colors---textcolor);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 30px;
  display: flex;
  rotate: 90deg;
}

.sectionfive__faq__a {
  background-color: var(--_colors---faqactivatedbgcolor);
  width: 100%;
  margin-top: 100px;
  margin-left: -30px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 24px;
  transition: all .2s linear;
}

.sectionfive__faq__a.w--open {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  font-size: 16px;
  display: flex;
  position: relative;
}

.sectionfive__faq__a__text {
  margin-left: 0;
  padding-left: 0;
  transition: opacity .2s linear;
}

.sectionfive__faq__a__text.dark-theme {
  color: var(--_colors---bgcolor);
}

.sectionfive__logo {
  opacity: .1;
  background-image: url('../images/logo-spark-color-mini.png');
  background-position: 50%;
  background-size: contain;
  width: 531px;
  height: 531px;
  margin-top: 5%;
  margin-left: -10%;
  position: absolute;
}

.footerleft {
  flex-flow: column;
  max-width: 235px;
  height: 180px;
  display: flex;
  position: relative;
}

.footerright {
  z-index: 10;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: 180px;
  display: flex;
  position: relative;
}

.footerterms {
  color: var(--_colors---alttextcolor);
  z-index: 1488;
  justify-content: center;
  align-items: center;
  width: 960px;
  max-width: 100vw;
  height: 30px;
  display: flex;
}

.footerleft__text {
  color: var(--_colors---footerbordercolor);
  white-space: normal;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.footerright__pages, .footerright__faq {
  flex-flow: column;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.footerright__contacts {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-decoration: underline;
  display: flex;
}

.footerright__link {
  color: #6d6d6d;
  cursor: pointer;
  width: 175px;
  height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.footerright__link:hover {
  color: var(--_colors---textcolor);
}

.footerright__link.dark-theme {
  color: var(--_colors---bgcolor09);
}

.footerright__link.dark-theme:hover {
  color: var(--_colors---bgcolor);
}

.footerright__contacts__socials {
  justify-content: space-between;
  min-width: 110px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.footerright__contacts__numbrs__h2 {
  color: #6d6d6d;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
}

.footerright__contacts__numbrs__h2.dark-theme {
  color: var(--_colors---bgcolor09);
}

.footerterms__link {
  color: var(--_colors---alttextcolor);
}

.footerterms__link:hover {
  color: var(--_colors---textcolor);
}

.footerterms__link:visited {
  color: var(--_colors---alttextcolor);
}

.footerterms__link.dark-theme {
  color: var(--_colors---bgcolor09);
}

.footerterms__text {
  color: #6d6d6d;
}

.footerterms__text.dark-theme {
  color: var(--_colors---bgcolor05);
}

.sectioncourse {
  flex: 1;
}

.containercourse {
  max-width: 1200px;
  position: relative;
}

.bodyflex {
  flex-flow: column;
  display: flex;
}

.containercourse__date {
  z-index: 14;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  display: flex;
  position: relative;
}

.containercourse__price {
  z-index: 14;
  flex-flow: column;
  flex: 1;
  display: flex;
  position: relative;
}

.containercourse__description {
  z-index: 14;
  padding: 0 20px 30px;
  position: relative;
}

.containercourse__date__lessons {
  background-color: var(--_colors---altbgcolor);
  filter: drop-shadow(0px 0px 3px var(--_colors---altbgcolor));
  color: var(--_colors---bgcolor);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 40px;
  font-size: 16px;
  line-height: 50px;
  display: flex;
}

.containercourse__date__start {
  color: var(--_colors---alttextcolor);
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  line-height: 40px;
}

.containercourse__date__start.dark-theme {
  color: var(--_colors---bgcolor09);
}

.containercourse__date__back {
  color: var(--_colors---altbgcolor);
  text-align: center;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: flex-end;
  align-items: center;
  width: 150px;
  height: 50px;
  padding: 0 20px 0 10px;
  font-size: 18px;
  line-height: 50px;
  transition-property: all;
  transition-duration: .1s;
  transition-timing-function: linear;
  display: flex;
  position: relative;
  overflow: hidden;
}

.containercourse__date__back:hover {
  filter: drop-shadow(0px 2px 2px var(--_colors---altbgcolor));
}

.containercourse__date__back.pink {
  background-image: linear-gradient(228deg, var(--_colors---pink), var(--_colors---lightpink));
  filter: drop-shadow(0px 2px 5px var(--_colors---darkerpink));
}

.containercourse__date__buttonplace {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.containercourse__date__back__img {
  width: 35px;
  height: 35px;
}

.containercourse__date__backbutton {
  text-decoration: none;
}

.containercourse__price__h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 34px;
}

.containercourse__price__description {
  z-index: 20;
  flex: 1;
  min-height: 50px;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.containercourse__price__description.text_14 {
  font-size: 14px;
  line-height: 18px;
}

.text-block-3 {
  font-size: 14px;
}

.containercourse__price__getcourseplace {
  filter: drop-shadow(0px 0px 3px var(--_colors---getcoursebuttoncolor));
  margin-top: 20px;
  text-decoration: none;
  overflow: hidden;
}

.containercourse__price__getcourseplace:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---getcoursebuttoncolorhover));
}

.containercourse__price__getcourseplace.margin_top_20 {
  margin-top: 20px;
}

.containercourse__price__h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 36px;
}

.containercourse__price__getcoursebutton {
  background-color: var(--_colors---getcoursebuttoncolor);
  color: var(--_colors---bgcolor);
  text-align: center;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 275px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  text-decoration: none;
  transition: all .2s;
}

.containercourse__price__getcoursebutton:hover {
  background-color: var(--_colors---getcoursebuttoncolorhover);
}

.containercourse__description__h3 {
  text-transform: uppercase;
}

.containercourse__description__paragraph {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 16px;
  display: flex;
}

.containercourse__description__h4 {
  direction: ltr;
  margin-left: 0;
  list-style: none;
  display: list-item;
}

.containercourse__description__paragraphlist {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 25px;
  font-size: 16px;
  display: flex;
}

.mask {
  width: 370px;
  margin-left: 20px;
  overflow: visible;
}

.mask.courses {
  width: 370px;
  margin-left: 0;
}

.mask.courses_mask {
  margin-left: 0;
}

.mask.slider_mask_courses {
  width: 260px;
}

.containercourse__description__paragraph__img {
  height: 35px;
  margin-right: 0;
  padding-right: 0;
}

.containercourse__description__paragraph__img._25 {
  height: 30px;
}

.containercourse__description__h4place {
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  display: flex;
}

.containercourse__description__listplace {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.containercourse__triangle {
  opacity: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.containercourse__triangle__color {
  border-right: 145px solid #0000;
  border-bottom: 225px solid var(--_colors---altbgcolor);
  border-left: 145px solid #0000;
  width: 0;
  height: 0;
}

.containercourse__triangle__color.pink {
  border-bottom-color: var(--_colors---pink);
}

.containercourse__triangle__center {
  border-right: 110px solid #0000;
  border-bottom: 175px solid var(--_colors---bgcolor);
  border-left: 110px solid #0000;
  padding-top: 15px;
  position: absolute;
}

.redcontactsheaderpart__linkblock {
  margin-left: 5px;
  margin-right: 5px;
}

.containercourse__date__infoplace {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.courseslist__h1 {
  color: var(--_colors---altbgcolor);
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 30px;
}

.coureslist {
  z-index: 14;
  position: relative;
}

.courseslist__description {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
}

.courseslist__description__boldtext {
  color: var(--_colors---altbgcolor);
}

.courseslist__itemlist__list {
  flex-flow: wrap;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.courseslist__itemlist__item {
  background-color: var(--_colors---faqactivatedbgcolor);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  min-width: 100px;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  transition: all .2s;
  display: none;
}

.courseslist__itemlist__item.blue {
  background-color: var(--_colors---lightblue);
  transition: all .2s;
}

.courseslist__itemlist__item.blue:hover {
  filter: drop-shadow(0px 0px 3px var(--_colors---getcoursebuttoncolorhover));
}

.courseslist__itemlist__item.pink {
  background-color: var(--_colors---lightpink);
}

.courseslist__itemlist__item.pink:hover {
  filter: drop-shadow(0px 0px 3px var(--_colors---pink));
}

.courseslist__itemlist__item.red {
  background-color: var(--_colors---lightred);
}

.courseslist__itemlist__item.red:hover {
  filter: drop-shadow(0px 0px 3px var(--_colors---altbgcolorhover));
}

.courseslist__itemlist__item.orange {
  background-color: var(--_colors---lightorange);
}

.courseslist__itemlist__item.orange:hover {
  filter: drop-shadow(0px 0px 3px var(--_colors---orange));
}

.courseslist__itemlist__h2 {
  text-transform: none;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 22px;
  line-height: 28px;
}

.courseslist__itemlist__item__h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.courseslist__itemlist__link {
  filter: drop-shadow(0 1px 2px #000000b3);
  color: var(--_colors---textcolor);
  margin: 0;
  text-decoration: none;
  transition: all .15s linear;
}

.courseslist__itemlist__link:hover {
  filter: drop-shadow(0 3px 3px #000000b3);
}

.courseslist__itemlist__link.course_blue {
  filter: drop-shadow(0px 1px 2px var(--_colors---getcoursebuttoncolorhover));
}

.courseslist__itemlist__link.course_blue:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---getcoursebuttoncolorhover));
}

.courseslist__itemlist__link.course_pink {
  filter: drop-shadow(0px 1px 2px var(--_colors---darkerorange));
}

.courseslist__itemlist__link.course_pink:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---darkerorange));
}

.courseslist__itemlist__link.course_red {
  filter: drop-shadow(0px 1px 2px var(--_colors---altbgcolorhover));
}

.courseslist__itemlist__link.course_red:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---altbgcolorhover));
}

.courseslist__itemlist__link.course_orange {
  filter: drop-shadow(0px 1px 2px var(--_colors---cyan));
}

.courseslist__itemlist__link.course_orange:hover {
  filter: drop-shadow(0px 5px 3px var(--_colors---cyan));
}

.courseslist__testbuttonplace {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.courseslist__testbuttonplace__button {
  background-color: var(--_colors---getcoursebuttoncolor);
  filter: drop-shadow(0px 2px 3px var(--_colors---getcoursebuttoncolor));
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  min-width: 300px;
  height: 50px;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  position: relative;
  overflow: hidden;
}

.courseslist__testbuttonplace__button:hover {
  background-color: var(--_colors---getcoursebuttoncolorhover);
  filter: drop-shadow(0px 2px 5px var(--_colors---getcoursebuttoncolorhover)) drop-shadow(0px 2px 3px var(--_colors---getcoursebuttoncolor));
}

.courseslist__testbuttonplace__h2 {
  color: var(--_colors---altbgcolor);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 24px;
  line-height: 46px;
}

.courseslist__testbuttonplace__h2.white {
  color: var(--_colors---bgcolor);
  line-height: 50px;
}

.courseslist__testbuttonplace__link {
  color: var(--_colors---textcolor);
  text-align: center;
  font-size: 18px;
  line-height: 50px;
  text-decoration: none;
}

.coureslist__logo {
  opacity: .25;
  z-index: 14;
  background-image: url('../images/logo-spark-color-mini.png');
  background-position: 50%;
  background-size: contain;
  background-attachment: scroll;
  width: 540px;
  height: 540px;
  position: absolute;
  bottom: 50px;
  right: 100px;
}

.headerbuttontext {
  color: var(--_colors---bgcolor);
  text-align: center;
  width: 100%;
  padding-left: 10px;
  font-size: 16px;
  position: absolute;
}

.headerbuttonicon {
  display: none;
}

.containerform {
  max-width: 1200px;
  position: relative;
}

.sectionform {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  display: flex;
  position: relative;
}

.form__formplace {
  height: 100%;
}

.sectioncontactus {
  background-image: url('../images/iStock-471171348-min.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  flex: 1;
  width: 100vw;
  display: flex;
}

.contactusform {
  z-index: 228;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: relative;
}

.formplace {
  z-index: 228;
  width: 640px;
  position: relative;
  overflow-x: clip;
}

.formplace__form {
  width: 100%;
  overflow-x: clip;
}

.mainlink {
  padding: 5px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.footercirclehider {
  width: 100vw;
  height: 600px;
  position: absolute;
  bottom: 0;
  overflow: clip;
}

.footercirclehider.display_none {
  display: none;
}

.sliderarrowhighlight {
  filter: drop-shadow(0px 0px 3px var(--_colors---getcoursebuttoncolor));
  cursor: pointer;
  transition: all .2s linear;
}

.sliderarrowhighlight:hover {
  filter: drop-shadow(0px 0px 3px var(--_colors---getcoursebuttoncolorhover));
}

.sliderarrowhighlight:active {
  filter: drop-shadow(0px 0px 5px var(--_colors---getcoursebuttoncolorhover));
}

.sliderarrowhighlight.courses {
  background-color: var(--_colors---bgcolor);
  z-index: 14;
}

.sliderarrowhighlight.courses.red {
  filter: drop-shadow(0px 0px 3px var(--_colors---altbgcolor));
}

.sliderarrowhighlight.courses.red.mobile_arrows {
  filter: drop-shadow(0px 2px 5px var(--_colors---altbgcolor));
}

.sliderarrowhighlight.courses.pink {
  filter: drop-shadow(0px 0px 3px var(--_colors---darkerpink));
}

.sliderarrowhighlight.courses.pink.mobile_arrows {
  filter: drop-shadow(0px 2px 5px var(--_colors---darkeryellow));
}

.sliderarrowhighlight.courses.orange {
  filter: drop-shadow(0px 0px 3px var(--_colors---darkerorange));
}

.sliderarrowhighlight.courses.orange.mobile_arrows {
  filter: drop-shadow(0px 2px 5px var(--_colors---darkerorange));
}

.sliderarrowhighlight.courses.mobile_arrows {
  filter: drop-shadow(0px 2px 5px var(--_colors---getcoursebuttoncolorhover));
}

.sliderarrowhighlight.courses.mobile_arrows.display_none.dark-theme {
  background-color: var(--_darkcolors---bgcolordark);
}

.containercourse__basicinfo {
  z-index: 228;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.containercourse__basicinfo__right {
  flex-flow: column;
  flex: 1;
  height: 310px;
  padding: 25px 10px;
  display: flex;
}

.containercourse__basicinfo__left {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 480px;
  max-width: 40%;
  height: 310px;
  padding: 25px 30px;
  display: flex;
}

.containercourse__basicinfo__cardplace {
  justify-content: center;
  align-items: center;
  display: flex;
}

.containercourse__basicinfo__card {
  filter: drop-shadow(0 2px 5px #000000b3);
  background-image: linear-gradient(228deg, #000, #fff);
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 60px;
  justify-content: center;
  align-items: center;
  max-width: 420px;
  max-height: 260px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.containercourse__basicinfo__card.blue {
  background-image: linear-gradient(228deg, var(--_colors---getcoursebuttoncolorhover), var(--_colors---getcoursebuttoncolor));
  filter: drop-shadow(0px 2px 5px var(--_colors---getcoursebuttoncolor));
}

.containercourse__basicinfo__card.pink {
  background-image: linear-gradient(228deg, var(--_colors---coursesyellow), var(--_colors---yellow));
  filter: drop-shadow(0px 2px 5px var(--_colors---orange));
  overflow: hidden;
}

.containercourse__basicinfo__card.red {
  background-image: linear-gradient(228deg, var(--_colors---altbgcolorhover), var(--_colors---altbgcolor));
  filter: drop-shadow(0px 2px 5px var(--_colors---altbgcolor));
  z-index: 10;
}

.containercourse__basicinfo__card.orange {
  background-image: linear-gradient(228deg, var(--_colors---orange), var(--_colors---lightorange));
  filter: drop-shadow(0px 2px 5px var(--_colors---darkerorange));
}

.containercourse__basicinfo__card.cyan {
  background-image: linear-gradient(228deg, var(--_colors---cyan), var(--_colors---lightcyan));
  filter: drop-shadow(0px 2px 5px var(--_colors---darkercyan));
}

.containercourse__basicinfo__card.yellow {
  background-image: linear-gradient(228deg, var(--_colors---darkerorange), var(--_colors---coursesyellow));
  filter: drop-shadow(0px 2px 5px var(--_colors---orange));
  z-index: 13;
}

.containercourse__basicinfo__img {
  opacity: .45;
  z-index: 14;
  max-width: 420px;
}

.containercourse__basicinfo__name {
  color: var(--_colors---bgcolor);
  text-align: center;
  z-index: 14;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 25px;
  line-height: 30px;
  position: absolute;
}

.sectionthree__circleplace {
  width: 400px;
  height: 400px;
  display: none;
  position: absolute;
  bottom: -100px;
  right: -10%;
  overflow-x: clip;
}

.sectiontwo__circlehider {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  right: 0;
  overflow-x: clip;
}

.testpagecirclehider {
  z-index: 10;
  width: 100vw;
  max-width: 100vw;
  height: 100%;
  position: absolute;
  overflow-x: clip;
}

.formbigcirclehider {
  justify-content: flex-end;
  align-items: center;
  width: 1000px;
  height: 1000px;
  position: absolute;
  top: 50%;
  right: 0;
  overflow-x: clip;
}

.cardshotfixcourses {
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.sectiontwo__cardcourses {
  color: var(--_colors---bgcolor);
  transform-style: preserve-3d;
  border-radius: 40px;
  width: 240px;
  height: 115px;
  margin: 0;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.sectiontwo__cardcourses.pink {
  background-image: linear-gradient(25deg, var(--_colors---darkerpink), var(--_colors---pink));
  margin: 0;
}

.sectiontwo__cardcourses.red {
  background-image: linear-gradient(25deg, var(--_colors---altbgcolor) 40%, #ff5656);
}

.sectiontwo__cardcourses.orange {
  background-image: linear-gradient(25deg, var(--_colors---darkerorange), var(--_colors---orange));
}

.sectiontwo__cardcourses.yellow {
  background-image: linear-gradient(25deg, var(--_colors---darkeryellow), var(--_colors---yellow));
}

.sectiontwo__cardcourses.blue {
  background-image: linear-gradient(25deg, var(--_colors---getcoursebuttoncolor), var(--_colors---getcoursebuttoncolorhover));
  margin: 0;
}

.sectiontwo__cardcourses.cyan {
  background-image: linear-gradient(25deg, var(--_colors---darkercyan), var(--_colors---cyan));
}

.sectiontwo__card__frontcourses {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-image: linear-gradient(25deg, #000, #fff);
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  transform: rotateY(0);
}

.sectiontwo__card__frontcourses.blue {
  background-image: linear-gradient(25deg, var(--_colors---getcoursebuttoncolor), var(--_colors---getcoursebuttoncolorhover));
}

.sectiontwo__card__frontcourses.pink {
  background-image: linear-gradient(25deg, var(--_colors---darkerpink), var(--_colors---pink));
}

.sectiontwo__card__frontcourses.red {
  background-image: linear-gradient(25deg, var(--_colors---altbgcolor) 25%, var(--_colors---altbgcolorhover) 75%);
}

.sectiontwo__card__frontcourses.orange {
  background-image: linear-gradient(25deg, var(--_colors---darkerorange), var(--_colors---orange));
}

.sectiontwo__card__frontcourses.cyan {
  background-image: linear-gradient(25deg, var(--_colors---darkercyan), var(--_colors---cyan));
}

.sectiontwo__card__frontcourses.yellow {
  background-image: linear-gradient(25deg, var(--_colors---darkeryellow), var(--_colors---yellow));
}

.sectiontwo__card__frontcourses.course_blue {
  background-color: var(--_colors---getcoursebuttoncolor);
  background-image: none;
}

.sectiontwo__card__frontcourses.course_pink {
  background-color: var(--_colors---coursesyellow);
  background-image: none;
}

.sectiontwo__card__frontcourses.course_red {
  background-color: var(--_colors---altbgcolor);
  background-image: none;
}

.sectiontwo__card__frontcourses.course_orange {
  background-color: var(--_colors---darkerorange);
  background-image: none;
}

.courses__caroussel {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 135px;
  display: flex;
}

.contactusform__left {
  flex: 1;
  max-width: 65%;
  padding-right: 50px;
}

.contactus__bg {
  background-color: var(--_colors---bgcolor09);
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 600px;
  display: flex;
}

.contactus__bg.dark-theme {
  background-color: var(--_darkcolors---bgcolordark09);
}

.contactusform__right {
  flex: 1;
  max-width: 35%;
}

.contactusform__left__h1 {
  font-size: 32px;
  line-height: 50px;
}

.contactusform__left__input {
  color: var(--_colors---textcolor);
  height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.contactusform__left__input.textarea {
  flex-flow: column;
  height: 150px;
  transition: all .15s linear;
  display: flex;
}

.contactusform__left__textline {
  background-color: var(--_colors---bgcolor);
  filter: drop-shadow(0px 1px 1px var(--_colors---getcoursebuttoncolor));
  color: var(--_colors---textcolor);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 100%;
  font-size: 18px;
  transition: all .15s linear;
}

.contactusform__left__textline:hover {
  filter: drop-shadow(0px 3px 3px var(--_colors---getcoursebuttoncolor));
}

.contactusform__left__textbox {
  background-color: var(--_colors---bgcolor);
  filter: drop-shadow(0px 1px 1px var(--_colors---getcoursebuttoncolor));
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 100%;
  font-size: 18px;
  transition: all .15s linear;
}

.contactusform__left__textbox:hover {
  filter: drop-shadow(0px 3px 3px var(--_colors---getcoursebuttoncolor));
}

.contactusform__left__textarea {
  background-color: var(--_colors---bgcolor);
  filter: drop-shadow(0px 1px 1px var(--_colors---getcoursebuttoncolor));
  color: var(--_colors---textcolor);
  object-fit: fill;
  resize: none;
  box-sizing: border-box;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  flex: 1;
  margin-bottom: 0;
  font-size: 18px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: linear;
}

.contactusform__left__textarea:hover {
  filter: drop-shadow(0px 3px 3px var(--_colors---getcoursebuttoncolor));
}

.contactusform__left__text {
  font-size: 16px;
}

.submit-button {
  background-color: var(--_colors---altbgcolor);
  z-index: 229;
  width: 200px;
  height: 50px;
  font-size: 16px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: linear;
}

.submit-button:hover {
  background-color: var(--_colors---altbgcolorhover);
}

.submit-button.blue {
  background-color: var(--_colors---getcoursebuttoncolorhover);
}

.submit-button.blue:hover {
  background-color: var(--_darkcolors---bgfaqcolordark);
}

.submit-button.pink {
  background-color: var(--_colors---darkerpink);
}
.submit-button.pink:hover {
  background-color: var(--_colors---pink);
}

.submit-button.orange {
  background-color: var(--_colors---orange);
}
.submit-button.orange:hover {
  background-color: var(--_colors---darkerorange);
}

.submit-button.cyan {
  background-color: var(--_colors---cyan);
}
.submit-button.cyan:hover {
  background-color: var(--_colors---darkercyan);
}

.submit-button.yellow {
  background-color: var(--_colors---darkeryellow);
}
.submit-button.yellow:hover {
  background-color: var(--_colors---yellow);
}

.submit-button.red {
  background-color: var(--_colors---altbgcolor);
}
.submit-button.red:hover {
  background-color: var(--_colors---altbgcolorhover);
}

.contactusform__left__buttonplace {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.contactusform__left__button {
  filter: drop-shadow(0px 0px 2px var(--_colors---altbgcolor));
  cursor: pointer;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: linear;
  position: relative;
  overflow: hidden;
}

.contactusform__left__button:hover {
  filter: drop-shadow(0px 3px 3px var(--_colors---altbgcolor));
}

.contactusform__left__button.blue {
  filter: drop-shadow(0px 0px 3px var(--_colors---getcoursebuttoncolorhover));
}

.contactusform__left__button.blue:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---getcoursebuttoncolorhover));
}

.contactusform__left__button.pink {
  filter: drop-shadow(0px 0px 2px var(--_colors---darkerpink));
}

.contactusform__left__button.pink:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---darkerpink));
}

.contactusform__left__button.red {
  filter: drop-shadow(0px 0px 2px var(--_colors---altbgcolor));
}

.contactusform__left__button.red:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---altbgcolor));
}

.contactusform__left__button.orange {
  filter: drop-shadow(0px 0px 2px var(--_colors---orange));
}

.contactusform__left__button.orange:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---orange));
}

.contactusform__left__button.cyan {
  filter: drop-shadow(0px 0px 2px var(--_colors---cyan));
}

.contactusform__left__button.cyan:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---cyan));
}

.contactusform__left__button.yellow {
  filter: drop-shadow(0px 0px 2px var(--_colors---darkeryellow));
}

.contactusform__left__button.yellow:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---darkeryellow));
}

.contactusform__right__h1 {
  font-size: 32px;
  line-height: 50px;
}

.contactusform__right__h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 50px;
}

.contactusform__right__textblock {
  height: 50px;
  padding-left: 10px;
  font-size: 18px;
  line-height: 50px;
}

.contactus__contacts__socials {
  flex-flow: wrap;
  justify-content: space-between;
  min-width: 110px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.contactus__mainlink {
  color: var(--_colors---textcolor);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin: 10px;
  font-size: 18px;
  text-decoration: none;
  display: flex;
}

.contactus__mainlink.dark-theme {
  color: var(--_colors---bgcolor);
}

.contactus__mainlink__text {
  padding-left: 10px;
  line-height: 35px;
  transition: all .15s linear;
}

.contactus__mainlink__text:hover {
  filter: drop-shadow(0px 0px 2px var(--_colors---altbgcolor));
}

.contactusform__right__container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.captcharreminder {
  background-color: var(--_colors---altbgcolor);
  text-align: center;
  cursor: pointer;
  z-index: 229;
  width: 150px;
  height: 50px;
  position: fixed;
}

.captchareminder {
  background-color: var(--_colors---altbgcolor);
  text-align: center;
  z-index: 229;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 235px;
  height: 50px;
  position: fixed;
}

.nav-button-wrapper-engtest {
  filter: drop-shadow(0px 0px 3px var(--_colors---altbgcolor));
  cursor: pointer;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: none;
  position: fixed;
  bottom: 75px;
  right: 20px;
  overflow: hidden;
}

.nav-button-wrapper-engtest:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---altbgcolorhover));
}

.redcontactsheaderpart__right {
  justify-content: flex-start;
  align-items: center;
  height: 35px;
  margin-left: 50px;
  margin-right: 25px;
  display: flex;
}

.lightdarktoggle {
  cursor: pointer;
  z-index: 1500;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 35px;
  display: flex;
  position: absolute;
  top: 25%;
  right: -70px;
}

.lightdarktoggle.display_none {
  display: none;
}

.lightdarktoggle.navbar {
  top: auto;
  right: auto;
}

.lightdarktoggle.navbar.display_none {
  display: none;
}

.lightdarktoggle__bottom {
  background-color: var(--_colors---faqactivatedbgcolor);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 55px;
  height: 30px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: linear;
  position: relative;
  overflow: hidden;
}

.lightdarktoggle__bottom.dark {
  background-color: var(--_colors---textcolorhover);
}

.lightdarktoggle__top {
  background-color: var(--_colors---yellow);
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  margin-right: 5px;
  transition: all .15s;
  position: absolute;
  left: 5px;
}

.lightdarktoggle__top.dark {
  background-color: var(--bgdarklight);
  left: 25px;
}

.lightdarktoggle__top__dot {
  background-color: var(--_colors---yellow);
  border-radius: 5px;
  width: 5px;
  height: 5px;
  transition: all .15s linear;
  position: absolute;
  top: 5px;
  left: 5px;
}

.lightdarktoggle__top__dot.dot_mid {
  border-radius: 7px;
  width: 7px;
  height: 7px;
  top: 15px;
  left: 7px;
}

.lightdarktoggle__top__dot.dot_big {
  border-radius: 10px;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 13px;
}

.lightdarktoggle__top__dot.dark {
  background-color: var(--_colors---alttextcolor);
}

.lightdarktoggle__bottom__clouds {
  width: 55px;
  height: 30px;
  transition: all .1s linear;
  position: relative;
  left: 0;
}

.lightdarktoggle__bottom__clouds.dark {
  left: 30px;
}

.lightdarktoggle__bottom__clouds__cloud {
  background-color: var(--_colors---bgcolor);
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
}

.lightdarktoggle__bottom__clouds__cloud.midle_cloud {
  top: 20px;
  left: 30px;
}

.lightdarktoggle__bottom__clouds__cloud.big_cloud {
  width: 20px;
  height: 20px;
  top: 10px;
  left: 35px;
}

.lightdarktoggle__bottom__stars {
  width: 55px;
  height: 30px;
  transition: all .1s linear;
  position: absolute;
  inset: 0% auto auto -30px;
}

.lightdarktoggle__bottom__stars.dark {
  left: 0;
}

.lightdarktoggle__bottom__stars__star {
  background-color: var(--_colors---bgcolor);
  border-radius: 100%;
  width: 5px;
  height: 5px;
}

.lightdarktoggle__bottom__stars__star.star_midle {
  width: 3px;
  height: 3px;
  position: relative;
  top: 3px;
  left: 5px;
}

.lightdarktoggle__bottom__stars__star.star_midle.pos10 {
  top: 5px;
  left: 17px;
}

.lightdarktoggle__bottom__stars__star.star_midle.pos20 {
  top: 20px;
  left: 20px;
}

.lightdarktoggle__bottom__stars__star.star_big {
  width: 5px;
  height: 5px;
  position: relative;
  top: 10px;
  left: 7px;
}

.lightdarktoggle__bottom__stars__star.star_small {
  width: 2px;
  height: 2px;
  position: relative;
  top: 12px;
  left: 15px;
}

.toggleplace {
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 100%;
  display: flex;
  position: absolute;
  right: -65px;
}

.lightdarktoggle__shadow {
  box-shadow: inset 0 0 3px 0 var(--_colors---altbgcolor);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 55px;
  height: 30px;
  position: absolute;
}

.sectionblogs {
  z-index: 1488;
  flex-flow: column;
  flex: 1;
  display: flex;
  position: relative;
  min-height: calc(100vh - 270px);
}

.containerblogs {
  flex-flow: wrap;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  padding: 20px;
  display: flex;
}

.blogbutton {
  background-color: var(--_colors---bgcolor);
  filter: drop-shadow(0 0 3px #000000b3);
  cursor: pointer;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  flex-flow: column;
  width: 350px;
  height: 300px;
  margin: 15px;
  padding: 10px;
  transition: all .2s linear;
  display: flex;
}


.blogbutton {
  cursor: pointer;
}

.blogbutton__img {
  height: 215px;
  transition: height 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.blogbutton_text {
  display: none;
  transition: opacity 0.35s;
}

.blogcredentials {
  opacity: 0.75;
  transition: opacity 0.35s;
}


.blogbutton:hover {
  filter: drop-shadow(0 0 5px #000000b3);
}
.blogbutton.dark {
  background-color: var(--bgdarklight);
}
.blogbutton_h1.dark {
  color: var(--_colors---bgcolor);
}
.blogbutton_text.dark {
  color: var(--_colors---bgcolor);
}

.blogbutton.blue {
  filter: drop-shadow(0px 0px 3px var(--_colors---getcoursebuttoncolorhover));
}

.blogbutton.blue:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---getcoursebuttoncolorhover));
}

.blogbutton.pink {
  filter: drop-shadow(0px 0px 3px var(--_colors---pink));
}

.blogbutton.pink:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---pink));
}

.blogbutton.red {
  filter: drop-shadow(0px 0px 3px var(--_colors---altbgcolorhover));
}

.blogbutton.red:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---altbgcolorhover));
}

.blogbutton.orange {
  filter: drop-shadow(0px 0px 3px var(--_colors---orange));
}

.blogbutton.orange:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---orange));
}

.blogbutton.cyan {
  filter: drop-shadow(0px 0px 3px var(--_colors---cyan));
}

.blogbutton.cyan:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---cyan));
}

.blogbutton.yellow {
  filter: drop-shadow(0px 0px 3px var(--_colors---darkeryellow));
}

.blogbutton.yellow:hover {
  filter: drop-shadow(0px 0px 5px var(--_colors---darkeryellow));
}

.blogbutton__img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-top-right-radius: 50px;
  height: 215px;
  max-height: 215px;
}

.blogbutton__img.prepareforinternationalenglishexams {
  background-image: url('../images/1-min.png');
  background-position: 50%;
  background-size: cover;
}

.blogbutton__img.speakingclubsforteenagers {
  background-image: url('../images/2-min-min.png');
  background-position: 50%;
  background-size: cover;
}

.blogbutton__img.guidetosurvivalinenglishspeakingcountries {
  background-image: url('../images/3-min-min.png');
  background-position: 50%;
  background-size: cover;
}

.blogbutton__img.whyenglishisamustforacareerinit {
  background-image: url('../images/6-min-min.png');
  background-position: 50%;
  background-size: cover;
}

.blogbutton__img.howtolearnenglishfromscratchasanadult {
  background-image: url('../images/5-min-min.png');
  background-position: 50%;
  background-size: cover;
}

.blogbutton__img.howenglishhelpsteenagerslearn {
  background-image: url('../images/4-min-min.png');
  background-position: 50%;
  background-size: cover;
}

.blogbutton_h1 {
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 26px;
  line-height: 30px;
}

.blogbutton_text {
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}

.blogbutton__link {
  color: var(--_colors---textcolor);
  text-decoration: none;
}

.section {
  flex: 1;
}

.sectionblog {
  z-index: 1488;
  flex: 1;
  position: relative;
}

.blogcredentials {
  opacity: .75;
  justify-content: space-between;
  align-items: stretch;
  height: 20px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.blogbutton_h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 20px;
}

.containerblog {
  max-width: 1200px;
  padding-bottom: 20px;
}

.blogtitle {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 250px;
  margin-bottom: 20px;
  display: flex;
}

.blogtitle__h1 {
  margin-bottom: 10px;
  font-size: 40px;
}

.blogtitle__credentials {
  opacity: .75;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 10px;
  display: none;
}

.blogtitle__h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 30px;
}

.blogtitle__img {
  background-image: url('../images/1-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex: 1;
  min-height: 250px;
  position: relative;
}

.blogtitle__img.prepareforinternationalenglishexams {  
  background-image: url('../images/1-min.png');
}

.blogtitle__img.speakingclubsforteenagers {
  background-image: url('../images/2-min-min.png');
}

.blogtitle__img.guidetosurvivalinenglishspeakingcountries {
  background-image: url('../images/3-min-min.png');
}

.blogtitle__img.whyenglishisamustforacareerinit {
  background-image: url('../images/6-min-min.png');
}

.blogtitle__img.howtolearnenglishfromscratchasanadult {
  background-image: url('../images/5-min-min.png');
}

.blogtitle__img.howenglishhelpsteenagerslearn {
  background-image: url('../images/4-min-min.png');
}


.blognavigation {
  background-color: var(--_colors---bgcolor09);
  filter: drop-shadow(0px 0px 5px var(--_colors---getcoursebuttoncolorhover));
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  flex-flow: column;
  min-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 10px 10px 25px;
  transition: all .2s linear;
  display: flex;
}

.blognavigation.pink {
  filter: drop-shadow(0px 0px 5px var(--_colors---pink));
}

.blognavigation.red {
  filter: drop-shadow(0px 0px 5px var(--_colors---altbgcolor));
}

.blognavigation.orange {
  filter: drop-shadow(0px 0px 5px var(--_colors---orange));
}

.blognavigation.cyan {
  filter: drop-shadow(0px 0px 5px var(--_colors---cyan));
}

.blognavigation.yellow {
  filter: drop-shadow(0px 0px 5px var(--_colors---darkeryellow));
}

.blognavigation__link {
  color: var(--_colors---textcolor);
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.blognavigation__bullet {
  background-color: var(--_colors---getcoursebuttoncolorhover);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}

.blognavigation__bullet.pink {
  background-color: var(--_colors---darkerpink);
}

.blognavigation__bullet.red {
  background-color: var(--_colors---altbgcolor);
}

.blognavigation__bullet.orange {
  background-color: var(--_colors---orange);
}

.blognavigation__bullet.cyan {
  background-color: var(--_colors---cyan);
}

.blognavigation__bullet.yellow {
  background-color: var(--_colors---darkeryellow);
}

.blognavigation__text {
  font-size: 16px;
  line-height: 30px;
}

.blogplaintext {
  font-size: 18px;
  line-height: 1.55556em;
}

.blogtestadd {
  background-color: var(--_colors---bgcolor09);
  filter: drop-shadow(0px 0px 5px var(--_colors---getcoursebuttoncolorhover));
  color: var(--_colors---textcolor);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  width: 100%;
  height: 175px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-decoration: none;
  position: relative;
}

.blogtestadd.pink {
  filter: drop-shadow(0px 0px 5px var(--_colors---pink));
}

.blogtestadd.red {
  filter: drop-shadow(0px 0px 5px var(--_colors---altbgcolor));
}

.blogtestadd.orange {
  filter: drop-shadow(0px 0px 5px var(--_colors---orange));
}

.blogtestadd.cyan {
  filter: drop-shadow(0px 0px 5px var(--_colors---cyan));
}

.blogtestadd.yellow {
  filter: drop-shadow(0px 0px 5px var(--_colors---darkeryellow));
}

.blogtestadd__img {
  background-image: url('../images/testAdd-min.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
}

.blogchapter {
  margin-top: 40px;
  font-size: 26px;
  line-height: 1.55556em;
}

.blogplaintext__link {
  color: var(--_colors---getcoursebuttoncolorhover);
  width: 100%;
  font-style: italic;
  text-decoration: none;
  transition: all .2s linear;
}

.blogplaintext__link:hover {
  text-decoration: underline;
}

.blogplaintext__linkblock {
  font-style: italic;
}

.blogform {
  background-color: var(--_colors---bgcolor09);
  filter: drop-shadow(0px 0px 5px var(--_colors---getcoursebuttoncolorhover));
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.blogform.pink {
  filter: drop-shadow(0px 0px 5px var(--_colors---pink));
}

.blogform.red {
  filter: drop-shadow(0px 0px 5px var(--_colors---altbgcolor));
}

.blogform.orange {
  filter: drop-shadow(0px 0px 5px var(--_colors---orange));
}

.blogform.cyan {
  filter: drop-shadow(0px 0px 5px var(--_colors---cyan));
}

.blogform.yellow {
  filter: drop-shadow(0px 0px 5px var(--_colors---darkeryellow));
}

.blogform__left {
  color: var(--_colors---bgcolor);
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 45%;
  padding: 20px;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  display: flex;
}

.blogform__right {
  flex: 1;
  padding: 20px;
}

.blogform__textfield {
  filter: drop-shadow(0px 1px 1px var(--_colors---getcoursebuttoncolor));
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  width: 100%;
  height: 60px;
  font-size: 18px;
  transition: all .2s linear;
}

.blogform__textfield:hover {
  filter: drop-shadow(0px 3px 3px var(--_colors---getcoursebuttoncolor));
}

.blogform__form {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blograte {
  flex-flow: column;
  margin-top: 20px;
  display: flex;
}
.blograte.displaynone {
  display: none;
}

.blograte__text {
  text-align: center;
  font-size: 16px;
}

.blograte__stars {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.blograte__star {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-left: 10px;
}

.blogadd__h4 {
  font-size: 36px;
  line-height: 42px;
}

.blogadd__adds {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.blogplaintext__booletpoint {
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}
.blogplaintext__booletpoint :nth-child(2) {
  flex-grow: 1;
  max-width: calc(100% - 25px);
}

@media screen and (max-width: 991px) {
  .navbar-no-shadow {
    z-index: 1489;
  }

  .navbar-no-shadow-container {
    z-index: 1488;
    justify-content: center;
    align-items: stretch;
    padding: 0 40px;
    display: flex;
  }

  .container-regular {
    width: 100vw;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .navbar-wrapper {
    z-index: 1488;
  }

  .navbar-brand {
    flex: 1;
  }

  .nav-menu-wrapper {
    background-color: var(--_colors---bgcolor);
    z-index: 1489;
    flex: 0 auto;
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
  }

  .nav-menu-wrapper.dark-theme {
    border-top: 1px solid var(--_colors---bgcolor09);
    border-bottom: 1px solid var(--bgdarklight);
    background-color: var(--_darkcolors---bgcolordark);
  }

  .nav-menu {
    border-top: 1px none var(--textcolorhover);
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    height: 50px;
    padding: 10px 75px 10px 0;
    display: flex;
  }

  .hooternavlink {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    padding-right: 10px;
    display: block;
  }

  .menu-button {
    z-index: 1500;
    padding: 12px;
  }

  .menu-button.w--open {
    background-color: var(--_colors---altbgcolorhover);
    box-shadow: 0 1px 5px 0 var(--_colors---altbgcolorhover);
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .container.containerstart {
    min-height: 500px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.containersectiontwo {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .container.containerfour {
    justify-content: center;
    align-items: center;
    min-height: 500px;
    padding-left: 0;
    padding-right: 0;
  }

  .container.containerfour.blogadd__addsslider {
    background-image: none;
    min-height: 300px;
    display: block;
  }

  .container.containerthree {
    min-height: 500px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow-x: clip;
  }

  .container.containerfooter {
    padding-left: 20px;
    padding-right: 20px;
  }

  .startleft {
    max-width: 55%;
  }

  .hooterlogo {
    height: 70px;
  }

  .hooterlistitem.toggle {
    width: 65px;
    height: 35px;
    position: absolute;
    right: 10px;
  }

  .body, .body.bodyflex {
    max-width: 100vw;
  }

  .getcousrebutton {
    width: 380px;
  }

  .startlogobg {
    max-height: 100%;
  }

  .redcontactsheaderpart__social {
    margin-left: 20px;
    margin-right: 20px;
  }

  .redcontactsheaderpart__heading {
    font-size: 14px;
  }

  .redcontactsheaderpart__img {
    margin: 0;
  }

  .redcontactsheaderpart__img.letter {
    height: 25px;
  }

  .redcontactsheaderpart__contacts {
    margin-left: 20px;
    margin-right: 20px;
  }

  .breathingcircle.blue_big_circle.breathing_animation {
    width: 650px;
    height: 650px;
    bottom: 200px;
  }

  .breathingcircle.breathing_animation.yellow_circle {
    border-color: var(--_colors---darkeryellow);
  }

  .breathingcircle.yellow_circle {
    right: -5%;
  }

  .courses {
    z-index: 228;
    justify-content: center;
    align-items: flex-start;
  }

  .sectionthree__cousescontainer {
    max-width: 100vw;
  }

  .sectionthree__coursephoto {
    opacity: .35;
    max-width: 100%;
    margin: 40px auto;
    position: absolute;
  }

  .sectionthree__course {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sectionfour__bgcolor {
    justify-content: center;
    align-items: stretch;
  }

  .sectionfour__bgcolor.blogadd {
    background-color: #0000;
  }

  .sectionfour__caroussel {
    padding-bottom: 0;
  }

  .sectionfour__h1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .slide {
    width: 50vw;
    max-width: 370px;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .slide.slide_courses {
    width: 100%;
  }

  .icon {
    filter: none;
  }

  .sectionfive__h1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .sectionfive__faq__h2 {
    height: 50px;
    margin: 0;
  }

  .heading {
    white-space: normal;
    line-height: 30px;
  }

  .containercourse__date {
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
  }

  .containercourse__price__getcourseplace {
    margin-left: 20px;
  }

  .mask {
    margin-left: 0;
  }

  .mask.courses {
    margin-left: 25vw;
  }

  .redcontactsheaderpart__linkblock {
    margin-left: 5px;
    margin-right: 5px;
  }

  .courseslist__itemlist__list {
    justify-content: center;
    align-items: stretch;
  }

  .courseslist__itemlist__h2 {
    text-align: center;
  }

  .contactusform {
    padding-left: 20px;
    padding-right: 20px;
  }

  .formplace, .sliderarrowhighlight.courses {
    z-index: 228;
  }

  .containercourse__basicinfo__right {
    flex: 0 auto;
    height: auto;
  }

  .containercourse__basicinfo__left {
    flex: 1;
    display: none;
  }

  .courses__caroussel {
    padding-bottom: 0;
  }

  .contactusform__left {
    max-width: 60%;
    padding-right: 30px;
  }

  .contactusform__right {
    max-width: 40%;
  }

  .contactusform__left__h1 {
    font-size: 24px;
  }

  .contactusform__right__h1 {
    text-align: left;
    font-size: 24px;
  }

  .contactusform__right__h2 {
    font-size: 22px;
  }

  .nav-button-wrapper-engtest {
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    padding-right: 10px;
  }

  .redcontactsheaderpart__right {
    margin-right: 0;
  }

  .lightdarktoggle.display_none {
    display: none;
  }

  .lightdarktoggle.navbar {
    top: auto;
    right: auto;
  }

  .blogbutton.blue.blogbutton_slider {
    margin: 0;
  }

  .containerblog {
    padding-left: 15px;
    padding-right: 15px;
  }

  .blognavigation {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .blogtestadd {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .blogform {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .blogform__left {
    font-size: 40px;
  }

  .blograte {
    display: none;
    margin-top: 25px;
    margin-bottom: 10px;
  }

  .blogadd__adds {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .blogtitle__h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .navbar-no-shadow {
    z-index: 1489;
    position: relative;
  }

  .navbar-no-shadow-container {
    z-index: 1488;
    padding-left: 10px;
    padding-right: 20px;
  }

  .container-regular {
    z-index: 1488;
    justify-content: center;
    align-items: center;
    height: 80px;
    display: flex;
  }

  .navbar-wrapper {
    flex: 1;
    justify-content: space-between;
  }

  .navbar-brand {
    flex: 1;
    padding-left: 0;
  }

  .navbar-brand.w--current {
    flex: 1;
  }

  .nav-menu {
    z-index: 229;
    flex-direction: column;
    height: 65px;
    padding: 5px 0;
  }

  .hooternavlink {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .nav-button-wrapper {
    margin-right: 25px;
    padding-right: 0;
  }

  .buttonhooter {
    min-width: 200px;
    padding-right: 10px;
  }

  .container.containerstart {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 560px;
  }

  .container.containersectiontwo {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
  }

  .container.containerfour {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 500px;
  }

  .container.containerfour.blogadd__addsslider {
    background-image: none;
  }

  .container.containerthree {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100vw;
    min-height: 560px;
    padding-bottom: 20px;
  }

  .container.containerfooter {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 0;
    padding-bottom: 10px;
  }

  .startleft {
    z-index: 10;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .startright {
    opacity: .35;
    max-width: none;
    display: none;
    position: absolute;
  }

  .hooterlogo {
    height: auto;
    max-height: 70px;
    padding-right: 0;
  }

  .hooterlistitem.toggle {
    position: static;
    right: auto;
  }

  .sectiononeh1 {
    text-align: center;
    z-index: 10;
  }

  .startparagraph {
    text-align: center;
  }

  .redcontactsheaderpart {
    justify-content: space-between;
    align-items: center;
  }

  .redcontactsheaderpart__social {
    margin-left: 0;
    margin-right: 0;
  }

  .redcontactsheaderpart__heading.email {
    border-top: 1px solid var(--_colors---bgcolor05);
    background-color: var(--_colors---altbgcolor);
    opacity: 0;
    filter: drop-shadow(0px 2px 2px var(--_colors---darkercyan));
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 45px;
    font-size: 18px;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
  }

  .redcontactsheaderpart__heading.phone_number {
    padding: 0 0 0 10px;
  }

  .redcontactsheaderpart__img {
    width: 30px;
    height: 30px;
    margin: 0;
  }

  .redcontactsheaderpart__img.letter {
    width: 35px;
    min-width: 0;
    height: 35px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .redcontactsheaderpart__contacts {
    margin-left: 0;
    margin-right: 10px;
  }

  .sectiontwoh1 {
    text-align: center;
  }

  .sectiontwo__cardplace {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .sectiontwo__card {
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
  }

  .sectiontwo__card.pink {
    transition-timing-function: ease;
  }

  .sectiontwo__card.red {
    transition-property: all;
    transition-timing-function: ease;
  }

  .sectiontwo__card.orange, .sectiontwo__card.yellow, .sectiontwo__card.blue, .sectiontwo__card.cyan {
    transition-timing-function: ease;
  }

  .breathingcircle.blue_big_circle.breathing_animation {
    left: -50%;
  }

  .breathingcircle.breathing_animation.triangle {
    inset: auto -150px 15% auto;
  }

  .breathingcircle.breathing_animation.yellow_circle {
    bottom: -350px;
    right: 10%;
  }

  .breathingcircle.breathing_animation.triangle_form {
    right: -25vw;
  }

  .breathingcircle.orange_circle.breathing_animation {
    bottom: 60px;
    right: -10%;
  }

  .sectionthreeh1 {
    text-align: center;
  }

  .sectionthree__course {
    z-index: 11;
  }

  .sectionthree__course__link__h3 {
    line-height: 25px;
  }

  .sectionfive {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .slider.slider_courses {
    padding-left: 50px;
    padding-right: 50px;
  }

  .slide {
    width: 100vw;
    max-width: none;
    padding-left: calc(50vw - 175px);
  }

  .slide.slide_courses {
    max-width: 350px;
    margin-left: 0;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .slide.blog_add {
    width: calc(100vw - 30px);
    padding-left: calc(50vw - 190px);
  }

  .icon.right {
    margin-left: 40px;
  }

  .icon.right.courses {
    margin-left: 10px;
  }

  .icon.left {
    margin-left: 0;
  }

  .sectionfive__faq {
    padding: 0;
  }

  .sectionfive__faq__q {
    height: 70px;
    padding-left: 0;
    padding-right: 0;
  }

  .sectionfive__faq__q.w--open {
    min-height: 50px;
    padding: 0;
  }

  .sectionfive__faq__h2 {
    max-width: calc(100% - 50px);
    height: auto;
    margin: 0 0 0 10px;
    line-height: 25px;
  }

  .heading {
    white-space: normal;
    font-size: 20px;
    line-height: 25px;
  }

  .sectionfive__faq__a.w--open {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footerleft {
    height: auto;
  }

  .footerright {
    flex: 0 auto;
  }

  .footerterms {
    width: auto;
    height: auto;
    padding: 10px;
  }

  .footerright__link {
    width: 150px;
    padding-right: 0;
  }

  .footerterms__text {
    text-align: center;
  }

  .containercourse__date {
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  .containercourse__date__lessons {
    flex: 1;
    width: auto;
    min-width: 170px;
  }

  .containercourse__date__start {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
  }

  .containercourse__date__back {
    justify-content: flex-end;
    align-items: center;
    width: 170px;
    padding-right: 30px;
  }

  .containercourse__date__buttonplace {
    display: none;
  }

  .containercourse__price__h1 {
    margin-top: 20px;
  }

  .containercourse__price__getcourseplace {
    width: 100%;
    max-width: calc(100% - 40px);
    margin-right: 20px;
  }

  .containercourse__price__getcoursebutton {
    width: 100%;
  }

  .mask {
    width: 100vw;
    margin-left: 0;
  }

  .mask.slider_mask_courses {
    margin-left: 15px;
    padding-left: 10px;
  }

  .text-block-4 {
    font-size: 14px;
  }

  .redcontactsheaderpart__linkblock {
    margin-left: 5px;
    margin-right: 5px;
  }

  .containercourse__date__infoplace {
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .courseslist__itemlist__item__h3 {
    text-align: center;
    width: 100%;
    padding-left: 60px;
    padding-right: 40px;
    font-size: 16px;
  }

  .headerbuttontext {
    padding-left: 20px;
  }

  .contactusform {
    z-index: 228;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .formplace {
    flex-flow: column;
    width: 100vw;
    max-width: 100vw;
    display: flex;
  }

  .formplace__form {
    flex-flow: column;
    flex: 1;
    width: 100vw;
    height: auto;
  }

  .footercirclehider {
    max-width: 100vw;
  }

  .sliderarrowhighlight.courses.mobile_arrows {
    width: 50px;
  }

  .sliderarrowhighlight.displau_none {
    display: none;
  }

  .containercourse__basicinfo__right {
    width: 100vw;
    padding: 10px;
  }

  .sectionthree__circleplace {
    bottom: -80px;
    right: -15%;
  }

  .sectiontwo__circlehider {
    width: 155px;
    height: 250px;
  }

  .sectiontwo__cardcourses {
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
  }

  .sectiontwo__cardcourses.pink {
    transition-timing-function: ease;
  }

  .sectiontwo__cardcourses.red {
    transition-property: all;
    transition-timing-function: ease;
  }

  .sectiontwo__cardcourses.orange, .sectiontwo__cardcourses.yellow, .sectiontwo__cardcourses.blue, .sectiontwo__cardcourses.cyan {
    transition-timing-function: ease;
  }

  .sectiontwo__card__frontcourses {
    padding-left: 0;
    padding-right: 0;
  }

  .contactusform__left {
    max-width: none;
    padding-right: 0;
  }

  .contactus__bg {
    position: relative;
  }

  .contactusform__right {
    flex-flow: wrap;
    max-width: none;
    display: flex;
  }

  .contactusform__left__h1 {
    text-align: center;
  }

  .contactusform__right__h1 {
    text-align: center;
    width: 100%;
  }

  .contactusform__right__h2, .contactusform__right__textblock {
    text-align: center;
  }

  .contactus__contacts__socials {
    flex-flow: wrap;
  }

  .contactus__mainlink {
    justify-content: center;
    align-items: center;
  }

  .contactus__mainlink__text {
    font-size: 20px;
    transition: all .15s;
  }

  .contactus__mainlink__text:hover {
    filter: drop-shadow(0px 0px 2px var(--_colors---altbgcolor));
  }

  .contactusform__right__container {
    flex-flow: column;
    width: 50%;
  }

  .contactusform__right__socials {
    width: 100%;
  }

  .nav-button-wrapper-engtest {
    margin-right: 25px;
    padding-right: 0;
  }

  .containerblogs {
    padding: 10px;
  }

  .blogplaintext {
    text-align: justify;
  }

  .blogform {
    flex-flow: column;
  }

  .blogform__left {
    text-align: center;
    max-width: none;
    font-size: 25px;
    line-height: 35px;
  }

  .blogadd__h4 {
    text-align: center;
  }

  .blogadd__adds {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .blogtitle__h1 {
    font-size: 24px;
    line-height: 28px;
  }
  .navbar-no-shadow {
    z-index: 1489;
    position: relative;
  }

  .navbar-no-shadow-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navbar-wrapper {
    flex: 1;
  }

  .nav-menu {
    flex-flow: wrap;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .hooternavlink {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-button-wrapper {
    filter: drop-shadow(0px 0px 10px var(--_colors---altbgcolor));
    color: var(--_colors---bgcolor);
    z-index: 1488;
    justify-content: center;
    align-items: center;
    width: 50px;
    margin-right: 0;
    font-size: 16px;
    display: flex;
    position: fixed;
    bottom: 5vh;
    left: auto;
    right: 25px;
  }

  .buttonhooter {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container.containerstart {
    min-height: 450px;
    padding-left: 0;
    padding-right: 0;
  }

  .container.containersectiontwo {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container.containerfour {
    height: auto;
    min-height: 0;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .container.containerthree {
    min-height: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container.containerfooter {
    min-height: 0;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .startleft {
    width: 100%;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hooterlistitem {
    width: 50%;
  }

  .sectiononeh1 {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .getcousrebutton {
    width: 100vw;
    min-width: 200px;
    max-width: 300px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .spanarcheader {
    display: none;
  }

  .redcontactsheaderpart__social {
    margin-left: 0;
    margin-right: 0;
  }

  .redcontactsheaderpart__heading.email {
    background-color: var(--_colors---altbgcolor);
    filter: drop-shadow(0px 2px 2px var(--_colors---darkercyan));
    z-index: 1489;
    background-image: none;
    justify-content: center;
    align-items: center;
    width: 100vw;
    font-size: 18px;
    line-height: 45px;
    display: none;
    left: 0;
  }

  .redcontactsheaderpart__heading.phone_number {
    border-top: 1px solid var(--_colors---bgcolor05);
    background-color: var(--_colors---altbgcolor);
    filter: drop-shadow(0px 2px 2px var(--_colors---darkercyan));
    text-align: center;
    width: 100vw;
    font-size: 18px;
    line-height: 45px;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
  }

  .redcontactsheaderpart__heading.red_contacts_text {
    display: none;
  }

  .redcontactsheaderpart__img {
    z-index: 1489;
    height: 30px;
    padding: 0;
  }

  .redcontactsheaderpart__img.letter {
    z-index: 1489;
    width: 30px;
    height: 35px;
    margin-right: 0;
  }

  .redcontactsheaderpart__contacts {
    margin-left: 0;
    margin-right: 0;
  }

  .redcontactsheaderpart__devider {
    margin-left: 5px;
    margin-right: 5px;
  }

  .sectiontwo__card {
    width: calc(100vw - 20px);
    height: 225px;
  }

  .sectiontwo__card__spanarc.courses_slider_arc {
    border-radius: 65px;
    width: 65px;
    height: 65px;
    top: -20px;
  }

  .breathingcircle.blue_big_circle.breathing_animation {
    width: 500px;
    height: 500px;
    bottom: 400px;
    left: -75%;
  }

  .breathingcircle.breathing_animation.yellow_big_circle_form {
    top: 50%;
    left: -500px;
  }

  .breathingcircle.breathing_animation.red_small_circle {
    top: 35%;
    left: 45%;
  }

  .breathingcircle.orange_circle.breathing_animation {
    bottom: 50px;
  }

  .sectionthree {
    overflow-x: clip;
  }

  .sectionthree__cousescontainer {
    padding: 20px 10px;
  }

  .sectionthree__coursephoto {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sectionthree__img {
    max-height: 400px;
  }

  .sectionthree__course {
    margin: 10px 0;
  }

  .sectionthree__course__link__h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
  }

  .sectionthree__course__buttonplace {
    max-width: calc(100vw - 20px);
    padding-top: 20px;
  }

  .cardshotfix {
    margin-left: 10px;
    margin-right: 10px;
  }

  .headercallmebuttonhotfix {
    position: fixed;
    bottom: 10vh;
  }

  .sectionfour__bgcolor {
    height: 620px;
  }

  .sectionfour__bgcolor.blogadd {
    height: auto;
  }

  .sectionfive {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sectionfour__h1 {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .sectionfour__card {
    width: 300px;
    height: 450px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .sectionfour__card__text {
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block {
    height: auto;
  }

  .sectionfour__card__user {
    max-height: 100px;
  }

  .sectionfour__card__usercourse {
    font-size: 12px;
  }

  .slider {
    height: auto;
  }

  .slider.slider_courses {
    box-shadow: none;
    height: auto;
  }

  .slider.slider_courses.pink, .slider.slider_courses.red, .slider.slider_courses.orange {
    box-shadow: none;
  }

  .slide {
    padding-left: calc(50vw - 160px);
  }

  .slide.slide_courses {
    width: calc(100vw - 100px);
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .slide.blog_add {
    width: 100vw;
    padding-left: calc(50vw - 145px);
  }

  .icon.right {
    padding-top: 90px;
  }

  .icon.right.courses {
    padding-top: 0;
  }

  .icon.right.courses.pink {
    filter: drop-shadow(0px 2px 2px var(--_colors---darkeryellow));
  }

  .icon.right.courses.pink:hover {
    filter: drop-shadow(0px 3px 5px var(--_colors---darkeryellow));
  }

  .icon.left {
    padding-top: 90px;
  }

  .icon.left.courses {
    padding-top: 0;
  }

  .icon.left.courses.pink {
    filter: drop-shadow(0px 2px 2px var(--_colors---darkeryellow));
  }

  .icon.left.courses.pink:hover {
    filter: drop-shadow(0px 5px 3px var(--_colors---darkeryellow));
  }

  .sectionfive__h1 {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .sectionfive__faq {
    z-index: 10;
  }

  .sectionfive__faq__q {
    height: 95px;
    padding: 10px 0;
  }

  .sectionfive__faq__q.w--open {
    height: auto;
    padding-top: 10px;
  }

  .sectionfive__faq__h2 {
    height: auto;
  }

  .sectionsix {
    overflow: hidden;
  }

  .sectionfive__logo {
    width: 250px;
    height: 250px;
    margin-top: 40%;
    margin-left: -25%;
  }

  .footerright {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 250px;
    padding: 10px;
  }

  .footerterms {
    width: 100%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footerright__pages, .footerright__faq {
    justify-content: center;
    align-items: center;
    width: 150px;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footerright__contacts {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .footerright__link {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .footerright__contacts__numbrs__h2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .containercourse__date {
    flex-flow: row-reverse wrap-reverse;
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }

  .containercourse__description {
    padding-top: 10px;
  }

  .containercourse__date__lessons {
    width: 100%;
    max-width: 75%;
  }

  .containercourse__date__start {
    text-align: center;
    height: 35px;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
  }

  .containercourse__date__back {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .containercourse__date__back.pink {
    justify-content: center;
    align-items: center;
  }

  .containercourse__date__buttonplace {
    flex: 0 auto;
  }

  .containercourse__price__h1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
  }

  .containercourse__price__getcourseplace {
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }

  .containercourse__price__h2 {
    margin-top: 10px;
  }

  .containercourse__description__h3 {
    text-align: center;
    font-size: 22px;
  }

  .containercourse__description__paragraphlist {
    margin-left: 0;
  }

  .mask {
    width: 100vw;
    margin-left: 0;
  }

  .mask.slider_mask_courses {
    width: calc(100vw - 100px);
    margin-left: 0;
    padding-left: 0;
  }

  .containercourse__description__listplace {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .redcontactsheaderpart__linkblock {
    margin-left: 5px;
    margin-right: 5px;
  }

  .containercourse__date__infoplace {
    flex-flow: column;
    flex: 1;
    padding-top: 0;
    font-size: 18px;
  }

  .text-block-5 {
    text-align: center;
  }

  .courseslist__itemlist__list {
    justify-content: center;
    align-items: stretch;
  }

  .courseslist__itemlist__item {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .courseslist__itemlist__item.pink {
    line-height: 25px;
  }

  .courseslist__itemlist__h2 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 22px;
  }

  .courseslist__itemlist__item__h3 {
    text-align: right;
    padding-left: 40px;
    line-height: 25px;
  }

  .courseslist__itemlist__link.course_pink {
    filter: drop-shadow(0px 1px 2px var(--_colors---darkerorange));
  }

  .courseslist__itemlist__link.course_pink:hover {
    filter: drop-shadow(0px 3px 3px var(--_colors---darkerorange));
  }

  .courseslist__testbuttonplace__h2 {
    text-align: center;
    font-size: 22px;
  }

  .headerbuttontext {
    display: none;
  }

  .headerbuttonicon {
    height: 35px;
    display: block;
    position: absolute;
  }

  .sectionform {
    overflow-x: clip;
  }

  .contactusform {
    padding-left: 10px;
    padding-right: 10px;
  }

  .formplace__form {
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .sliderarrowhighlight.courses.mobile_arrows {
    filter: drop-shadow(0px 0px 10px var(--_colors---bgcolor));
    background-color: #0000;
  }

  .sliderarrowhighlight.courses.mobile_arrows.display_none {
    display: none;
  }

  .containercourse__basicinfo__right {
    height: auto;
  }

  .sectionthree__circleplace {
    bottom: -100px;
    right: -40%;
  }

  .cardshotfixcourses {
    margin-left: 5px;
    margin-right: 5px;
  }

  .sectiontwo__cardcourses {
    width: calc(100vw - 110px);
    height: 100px;
  }

  .sectiontwo__card__frontcourses.course_pink {
    background-color: var(--_colors---coursesyellow);
  }

  .courses__caroussel {
    height: 150px;
  }

  .contactusform__left__h1 {
    text-align: center;
    font-size: 20px;
  }

  .contactusform__right__h1 {
    margin-top: 10px;
    font-size: 20px;
    line-height: 35px;
  }

  .contactusform__right__h2 {
    margin-top: 0;
    font-size: 18px;
    line-height: 35px;
  }

  .contactusform__right__textblock {
    height: 35px;
    font-size: 14px;
    line-height: 35px;
  }

  .contactus__contacts__socials {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
  }

  .contactus__mainlink {
    margin: 10px;
  }

  .nav-button-wrapper-engtest {
    filter: drop-shadow(0px 0px 10px var(--_colors---altbgcolor));
    color: var(--_colors---bgcolor);
    z-index: 1488;
    justify-content: center;
    align-items: center;
    width: 50px;
    margin-bottom: 50px;
    margin-right: 0;
    font-size: 16px;
    display: flex;
    position: fixed;
    bottom: 5vh;
    left: auto;
    right: 25px;
  }

  .blogbutton {
    width: calc(100vw - 20px);
    margin: 10px 0;
  }

  .blogbutton.blue.blogbutton_slider {
    flex: 1;
    width: 290px;
  }

  .blogbutton_h1 {
    font-size: 22px;
  }

  .blogbutton__link.blog_add {
    width: 100%;
    display: flex;
  }

  .containerblog {
    padding-left: 0;
    padding-right: 0;
  }

  .blognavigation {
    padding-left: 10px;
  }

  .blognavigation__text {
    max-width: calc(100% - 25px);
  }

  .blogplaintext__linkblock {
    text-align: left;
  }

  .blogtext {
    padding-left: 10px;
    padding-right: 10px;
  }
}