@charset "UTF-8";
/*!
Theme Name: QZR Theme for Accademia Estetica
Theme URI: http://underscores.me/
Author: QZR srl
Author URI: http://qzrstudio.com/
Description: Custom WP theme by QZR
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: accademia-estetica
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

QZR Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Base styles: resets, grid, common variables, responsiveness, mixins, typography general rules */
:root {
  --column-size: calc(calc(100% - 5%) / 12);
}

[data-aos] {
  transition-duration: 1.5s !important;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: black;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  outline: none;
}

.wp-block-columns,
.wp-block-image {
  margin: 0;
}

img {
  max-width: 100%;
}

.wp-block-column,
.wp-block-column:not(:first-child) {
  margin: 0;
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

.col-1-of-1 {
  width: 1;
}

.col-1-of-2 {
  width: 0.5;
}

.col-2-of-2 {
  width: 1;
}

.col-1-of-3 {
  width: 0.3333333333;
}

.col-2-of-3 {
  width: 0.6666666667;
}

.col-3-of-3 {
  width: 1;
}

.col-1-of-4 {
  width: 0.25;
}

.col-2-of-4 {
  width: 0.5;
}

.col-3-of-4 {
  width: 0.75;
}

.col-4-of-4 {
  width: 1;
}

.col-1-of-5 {
  width: 0.2;
}

.col-2-of-5 {
  width: 0.4;
}

.col-3-of-5 {
  width: 0.6;
}

.col-4-of-5 {
  width: 0.8;
}

.col-5-of-5 {
  width: 1;
}

.col-1-of-6 {
  width: 0.1666666667;
}

.col-2-of-6 {
  width: 0.3333333333;
}

.col-3-of-6 {
  width: 0.5;
}

.col-4-of-6 {
  width: 0.6666666667;
}

.col-5-of-6 {
  width: 0.8333333333;
}

.col-6-of-6 {
  width: 1;
}

.col-1-of-7 {
  width: 0.1428571429;
}

.col-2-of-7 {
  width: 0.2857142857;
}

.col-3-of-7 {
  width: 0.4285714286;
}

.col-4-of-7 {
  width: 0.5714285714;
}

.col-5-of-7 {
  width: 0.7142857143;
}

.col-6-of-7 {
  width: 0.8571428571;
}

.col-7-of-7 {
  width: 1;
}

.col-1-of-8 {
  width: 0.125;
}

.col-2-of-8 {
  width: 0.25;
}

.col-3-of-8 {
  width: 0.375;
}

.col-4-of-8 {
  width: 0.5;
}

.col-5-of-8 {
  width: 0.625;
}

.col-6-of-8 {
  width: 0.75;
}

.col-7-of-8 {
  width: 0.875;
}

.col-8-of-8 {
  width: 1;
}

.col-1-of-9 {
  width: 0.1111111111;
}

.col-2-of-9 {
  width: 0.2222222222;
}

.col-3-of-9 {
  width: 0.3333333333;
}

.col-4-of-9 {
  width: 0.4444444444;
}

.col-5-of-9 {
  width: 0.5555555556;
}

.col-6-of-9 {
  width: 0.6666666667;
}

.col-7-of-9 {
  width: 0.7777777778;
}

.col-8-of-9 {
  width: 0.8888888889;
}

.col-9-of-9 {
  width: 1;
}

.col-1-of-10 {
  width: 0.1;
}

.col-2-of-10 {
  width: 0.2;
}

.col-3-of-10 {
  width: 0.3;
}

.col-4-of-10 {
  width: 0.4;
}

.col-5-of-10 {
  width: 0.5;
}

.col-6-of-10 {
  width: 0.6;
}

.col-7-of-10 {
  width: 0.7;
}

.col-8-of-10 {
  width: 0.8;
}

.col-9-of-10 {
  width: 0.9;
}

.col-10-of-10 {
  width: 1;
}

.col-1-of-11 {
  width: 0.0909090909;
}

.col-2-of-11 {
  width: 0.1818181818;
}

.col-3-of-11 {
  width: 0.2727272727;
}

.col-4-of-11 {
  width: 0.3636363636;
}

.col-5-of-11 {
  width: 0.4545454545;
}

.col-6-of-11 {
  width: 0.5454545455;
}

.col-7-of-11 {
  width: 0.6363636364;
}

.col-8-of-11 {
  width: 0.7272727273;
}

.col-9-of-11 {
  width: 0.8181818182;
}

.col-10-of-11 {
  width: 0.9090909091;
}

.col-11-of-11 {
  width: 1;
}

.col-1-of-12 {
  width: 0.0833333333;
}

.col-2-of-12 {
  width: 0.1666666667;
}

.col-3-of-12 {
  width: 0.25;
}

.col-4-of-12 {
  width: 0.3333333333;
}

.col-5-of-12 {
  width: 0.4166666667;
}

.col-6-of-12 {
  width: 0.5;
}

.col-7-of-12 {
  width: 0.5833333333;
}

.col-8-of-12 {
  width: 0.6666666667;
}

.col-9-of-12 {
  width: 0.75;
}

.col-10-of-12 {
  width: 0.8333333333;
}

.col-11-of-12 {
  width: 0.9166666667;
}

.col-12-of-12 {
  width: 1;
}

.padding-05x {
  padding: 0.5rem;
}

.margin-05x {
  margin: 0.5rem;
}

.padding-left-05x {
  padding-left: 0.5rem;
}

.margin-left-05x {
  margin-left: 0.5rem;
}

.padding-right-05x {
  padding-right: 0.5rem;
}

.margin-right-05x {
  margin-right: 0.5rem;
}

.padding-top-05x {
  padding-top: 0.5rem;
}

.margin-top-05x {
  margin-top: 0.5rem;
}

.padding-bottom-05x {
  padding-bottom: 0.5rem;
}

.margin-bottom-05x {
  margin-bottom: 0.5rem;
}

.padding-row-05x {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.padding-col-05x {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.padding {
  padding: 1rem;
}

.margin {
  margin: 1rem;
}

.padding-left {
  padding-left: 1rem;
}

.margin-left {
  margin-left: 1rem;
}

.padding-right {
  padding-right: 1rem;
}

.margin-right {
  margin-right: 1rem;
}

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

.margin-top {
  margin-top: 1rem;
}

.padding-bottom {
  padding-bottom: 1rem;
}

.margin-bottom {
  margin-bottom: 1rem;
}

.padding-row {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padding-col {
  padding-left: 1rem;
  padding-right: 1rem;
}

.padding-15x {
  padding: 1.5rem;
}

.margin-15x {
  margin: 1.5rem;
}

.padding-left-15x {
  padding-left: 1.5rem;
}

.margin-left-15x {
  margin-left: 1.5rem;
}

.padding-right-15x {
  padding-right: 1.5rem;
}

.margin-right-15x {
  margin-right: 1.5rem;
}

.padding-top-15x {
  padding-top: 1.5rem;
}

.margin-top-15x {
  margin-top: 1.5rem;
}

.padding-bottom-15x {
  padding-bottom: 1.5rem;
}

.margin-bottom-15x {
  margin-bottom: 1.5rem;
}

.padding-row-15x {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.padding-col-15x {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.padding-2x {
  padding: 2rem;
}

.margin-2x {
  margin: 2rem;
}

.padding-left-2x {
  padding-left: 2rem;
}

.margin-left-2x {
  margin-left: 2rem;
}

.padding-right-2x {
  padding-right: 2rem;
}

.margin-right-2x {
  margin-right: 2rem;
}

.padding-top-2x {
  padding-top: 2rem;
}

.margin-top-2x {
  margin-top: 2rem;
}

.padding-bottom-2x {
  padding-bottom: 2rem;
}

.margin-bottom-2x {
  margin-bottom: 2rem;
}

.padding-row-2x {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.padding-col-2x {
  padding-left: 2rem;
  padding-right: 2rem;
}

.padding-25x {
  padding: 2.5rem;
}

.margin-25x {
  margin: 2.5rem;
}

.padding-left-25x {
  padding-left: 2.5rem;
}

.margin-left-25x {
  margin-left: 2.5rem;
}

.padding-right-25x {
  padding-right: 2.5rem;
}

.margin-right-25x {
  margin-right: 2.5rem;
}

.padding-top-25x {
  padding-top: 2.5rem;
}

.margin-top-25x {
  margin-top: 2.5rem;
}

.padding-bottom-25x {
  padding-bottom: 2.5rem;
}

.margin-bottom-25x {
  margin-bottom: 2.5rem;
}

.padding-row-25x {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.padding-col-25x {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-3x {
  padding: 3rem;
}

.margin-3x {
  margin: 3rem;
}

.padding-left-3x {
  padding-left: 3rem;
}

.margin-left-3x {
  margin-left: 3rem;
}

.padding-right-3x {
  padding-right: 3rem;
}

.margin-right-3x {
  margin-right: 3rem;
}

.padding-top-3x {
  padding-top: 3rem;
}

.margin-top-3x {
  margin-top: 3rem;
}

.padding-bottom-3x {
  padding-bottom: 3rem;
}

.margin-bottom-3x {
  margin-bottom: 3rem;
}

.padding-row-3x {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-col-3x {
  padding-left: 3rem;
  padding-right: 3rem;
}

.padding-35x {
  padding: 3.5rem;
}

.margin-35x {
  margin: 3.5rem;
}

.padding-left-35x {
  padding-left: 3.5rem;
}

.margin-left-35x {
  margin-left: 3.5rem;
}

.padding-right-35x {
  padding-right: 3.5rem;
}

.margin-right-35x {
  margin-right: 3.5rem;
}

.padding-top-35x {
  padding-top: 3.5rem;
}

.margin-top-35x {
  margin-top: 3.5rem;
}

.padding-bottom-35x {
  padding-bottom: 3.5rem;
}

.margin-bottom-35x {
  margin-bottom: 3.5rem;
}

.padding-row-35x {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.padding-col-35x {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.padding-4x {
  padding: 4rem;
}

.margin-4x {
  margin: 4rem;
}

.padding-left-4x {
  padding-left: 4rem;
}

.margin-left-4x {
  margin-left: 4rem;
}

.padding-right-4x {
  padding-right: 4rem;
}

.margin-right-4x {
  margin-right: 4rem;
}

.padding-top-4x {
  padding-top: 4rem;
}

.margin-top-4x {
  margin-top: 4rem;
}

.padding-bottom-4x {
  padding-bottom: 4rem;
}

.margin-bottom-4x {
  margin-bottom: 4rem;
}

.padding-row-4x {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding-col-4x {
  padding-left: 4rem;
  padding-right: 4rem;
}

.col-gutter {
  padding-left: 1rem;
  padding-right: 1rem;
}

.remove-col-gutter {
  margin-left: -1rem;
  margin-right: -1rem;
}

.col-gutter-left {
  padding-left: 1rem;
}

.col-gutter-right {
  padding-right: 1rem;
}

.main-column {
  position: relative;
  width: calc(100% - 2rem);
  width: 100%;
  margin: 0 auto;
}

body.noscroll {
  overflow: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

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

.clear {
  clear: both;
}

.flex {
  display: flex;
}

.flex.space {
  justify-content: space-between;
}

.flex.v-center {
  align-items: center;
}

.flex.h-center {
  justify-content: center;
}

.flex.h-end {
  justify-content: flex-end;
}

.wrap {
  flex-wrap: wrap;
}

.full-height {
  min-height: 100vh;
}

@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-columns {
    flex-wrap: nowrap !important;
  }
  .wp-block-column:not(:only-child) {
    flex-basis: 50% !important;
  }
}
@media (min-width: 100%) {
  :root {
    --column-size: min(8.3333333333%, calc(100% / 12));
  }
}
.grid-x {
  display: grid;
  position: relative;
  grid-template-columns: [window-start] 1fr [main-column-start col-1-start] var(--column-size) [col-1-end col-2-start] var(--column-size) [col-2-end col-3-start] var(--column-size) [col-3-end col-4-start] var(--column-size) [col-4-end col-5-start] var(--column-size) [col-5-end col-6-start] var(--column-size) [col-6-end col-7-start] var(--column-size) [col-7-end col-8-start] var(--column-size) [col-8-end col-9-start] var(--column-size) [col-9-end col-10-start] var(--column-size) [col-10-end col-11-start] var(--column-size) [col-11-end col-12-start] var(--column-size) [col-12-end main-column-end] 1fr [window-end];
}
.grid-x .outer-main-column,
.grid-x .main-column,
.grid-x [data-gx-end],
.grid-x [data-gx-start] {
  grid-template-columns: auto;
}
.grid-x > :not(.outer-main-column,
[data-gx-start],
[data-gx-end],
.fullscreen) {
  grid-column: main-column;
}
.grid-x .outer-main-column {
  grid-column: outer-main-column;
}
@media (max-width: 768px) {
  .grid-x .outer-main-column {
    grid-column: window;
  }
}
.grid-x .fullscreen {
  grid-column: window;
  display: grid;
  grid-template-columns: inherit;
}
.grid-x .fullscreen > * {
  grid-column: main-column;
}
.grid-x .main-column {
  grid-column: main-column;
}
.grid-x [data-gx-start=col-1] {
  grid-column-start: col-1-start;
}
.grid-x [data-gx-start=col-1-gutter] {
  grid-column-start: col-1-gutter-start;
}
.grid-x [data-gx-end=col-1-gutter] {
  grid-column-end: col-1-gutter-end;
}
.grid-x [data-gx-end=col-1] {
  grid-column-end: col-1-end;
}
.grid-x [data-gx-start=col-2] {
  grid-column-start: col-2-start;
}
.grid-x [data-gx-start=col-2-gutter] {
  grid-column-start: col-2-gutter-start;
}
.grid-x [data-gx-end=col-2-gutter] {
  grid-column-end: col-2-gutter-end;
}
.grid-x [data-gx-end=col-2] {
  grid-column-end: col-2-end;
}
.grid-x [data-gx-start=col-3] {
  grid-column-start: col-3-start;
}
.grid-x [data-gx-start=col-3-gutter] {
  grid-column-start: col-3-gutter-start;
}
.grid-x [data-gx-end=col-3-gutter] {
  grid-column-end: col-3-gutter-end;
}
.grid-x [data-gx-end=col-3] {
  grid-column-end: col-3-end;
}
.grid-x [data-gx-start=col-4] {
  grid-column-start: col-4-start;
}
.grid-x [data-gx-start=col-4-gutter] {
  grid-column-start: col-4-gutter-start;
}
.grid-x [data-gx-end=col-4-gutter] {
  grid-column-end: col-4-gutter-end;
}
.grid-x [data-gx-end=col-4] {
  grid-column-end: col-4-end;
}
.grid-x [data-gx-start=col-5] {
  grid-column-start: col-5-start;
}
.grid-x [data-gx-start=col-5-gutter] {
  grid-column-start: col-5-gutter-start;
}
.grid-x [data-gx-end=col-5-gutter] {
  grid-column-end: col-5-gutter-end;
}
.grid-x [data-gx-end=col-5] {
  grid-column-end: col-5-end;
}
.grid-x [data-gx-start=col-6] {
  grid-column-start: col-6-start;
}
.grid-x [data-gx-start=col-6-gutter] {
  grid-column-start: col-6-gutter-start;
}
.grid-x [data-gx-end=col-6-gutter] {
  grid-column-end: col-6-gutter-end;
}
.grid-x [data-gx-end=col-6] {
  grid-column-end: col-6-end;
}
.grid-x [data-gx-start=col-7] {
  grid-column-start: col-7-start;
}
.grid-x [data-gx-start=col-7-gutter] {
  grid-column-start: col-7-gutter-start;
}
.grid-x [data-gx-end=col-7-gutter] {
  grid-column-end: col-7-gutter-end;
}
.grid-x [data-gx-end=col-7] {
  grid-column-end: col-7-end;
}
.grid-x [data-gx-start=col-8] {
  grid-column-start: col-8-start;
}
.grid-x [data-gx-start=col-8-gutter] {
  grid-column-start: col-8-gutter-start;
}
.grid-x [data-gx-end=col-8-gutter] {
  grid-column-end: col-8-gutter-end;
}
.grid-x [data-gx-end=col-8] {
  grid-column-end: col-8-end;
}
.grid-x [data-gx-start=col-9] {
  grid-column-start: col-9-start;
}
.grid-x [data-gx-start=col-9-gutter] {
  grid-column-start: col-9-gutter-start;
}
.grid-x [data-gx-end=col-9-gutter] {
  grid-column-end: col-9-gutter-end;
}
.grid-x [data-gx-end=col-9] {
  grid-column-end: col-9-end;
}
.grid-x [data-gx-start=col-10] {
  grid-column-start: col-10-start;
}
.grid-x [data-gx-start=col-10-gutter] {
  grid-column-start: col-10-gutter-start;
}
.grid-x [data-gx-end=col-10-gutter] {
  grid-column-end: col-10-gutter-end;
}
.grid-x [data-gx-end=col-10] {
  grid-column-end: col-10-end;
}
.grid-x [data-gx-start=col-11] {
  grid-column-start: col-11-start;
}
.grid-x [data-gx-start=col-11-gutter] {
  grid-column-start: col-11-gutter-start;
}
.grid-x [data-gx-end=col-11-gutter] {
  grid-column-end: col-11-gutter-end;
}
.grid-x [data-gx-end=col-11] {
  grid-column-end: col-11-end;
}
.grid-x [data-gx-start=col-12] {
  grid-column-start: col-12-start;
}
.grid-x [data-gx-start=col-12-gutter] {
  grid-column-start: col-12-gutter-start;
}
.grid-x [data-gx-end=col-12-gutter] {
  grid-column-end: col-12-gutter-end;
}
.grid-x [data-gx-end=col-12] {
  grid-column-end: col-12-end;
}
.grid-x [data-gx-start] {
  position: relative;
  grid-template-columns: inherit;
}
@media (max-width: 768px) {
  .grid-x [data-gx-start] {
    grid-column-start: main-column-start;
  }
}
.grid-x [data-gx-end] {
  position: relative;
  grid-template-columns: inherit;
}
@media (max-width: 768px) {
  .grid-x [data-gx-end] {
    grid-column-end: main-column-end;
  }
}
.grid-x [data-gx-start=window] {
  grid-column-start: window-start;
  grid-template-columns: inherit;
}
.grid-x [data-gx-end=window] {
  grid-column-end: window-end;
  grid-template-columns: inherit;
}
.grid-x [data-gx-start=main-column] {
  grid-column-start: main-column-start;
}
.grid-x [data-gx-end=main-column] {
  grid-column-end: main-column-end;
}
.grid-x [data-gx-start=outer-main-column] {
  grid-column-start: outer-main-column-start;
}
.grid-x [data-gx-end=outer-main-column] {
  grid-column-end: outer-main-column-end;
}
@media (max-width: 768px) {
  .grid-x {
    grid-template-columns: [window-start] 2.5% [main-column-start] 95% [main-column-end] 2.5% [window-end];
  }
}

html,
body {
  font-size: 1.16vw;
  font-family: Plus Jakarta Sans;
}
@media (max-width: 768px) {
  html,
  body {
    font-size: 16px;
  }
}
@media (min-width: 1280px) {
  html,
  body {
    font-size: px;
  }
}

body,
p,
ul,
li {
  font-family: Plus Jakarta Sans;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
}

ul {
  list-style: circle;
}

.uppercase {
  text-transform: uppercase;
}

.bold,
strong,
b {
  font-weight: bold;
}

.italic,
.cursive,
em {
  font-style: italic;
}

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

.text-right {
  text-align: right;
}

p {
  font-family: Plus Jakarta Sans;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  max-width: 50vw;
}
@media (max-width: 768px) {
  p {
    max-width: 100%;
  }
}

p + p,
.wp-block-heading + p {
  margin-top: var(--gap-l);
}

.wp-block-heading + .wp-block-columns {
  margin-top: 2rem;
}

@media (max-width: 600px) {
  .col-1 {
    width: 100%;
  }
  .col-2 {
    width: 100%;
  }
  .col-3 {
    width: 100%;
  }
  .col-4 {
    width: 100%;
  }
  .col-5 {
    width: 100%;
  }
  .col-6 {
    width: 100%;
  }
  .col-7 {
    width: 100%;
  }
  .col-8 {
    width: 100%;
  }
  .col-9 {
    width: 100%;
  }
  .col-10 {
    width: 100%;
  }
  .col-11 {
    width: 100%;
  }
  .col-12 {
    width: 100%;
  }
}
/* Components: media, pages, etc. */
.wp-block-columns {
  gap: 1rem;
}

figure {
  max-width: 100%;
}

header {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  padding: 0.5rem 0;
  background-color: var(--surface-container-primary-highest);
}
header .top-panel .button {
  width: auto;
  aspect-ratio: auto;
}
header .menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .menu .site-branding {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 0.5rem;
  z-index: 11;
}
header .menu .site-branding .site-branding-text {
  display: flex;
  flex-direction: column;
  font-family: "Nyght Serif";
  letter-spacing: 0.05rem;
}
header .menu .site-branding .site-branding-text span {
  line-height: 1;
  font-size: 0.7rem;
  color: white;
}
header .menu .site-branding img {
  height: 1.7rem;
}
header .menu nav ul {
  display: flex;
  justify-content: space-between;
  gap: var(--gap-l);
}
header .menu nav ul li {
  line-height: 1;
  list-style: none;
}
header .menu nav ul li a {
  margin: 0;
  font-size: var(--button-small-font-size);
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  color: var(--text-on-primary-container);
}

footer {
  background-color: var(--surface-background-primary-inverse);
}
footer .qzr-footer-module {
  padding: 4rem 0;
}
footer .qzr-footer-module [data-block=footer-socials] ul {
  display: flex;
  gap: var(--gap-s);
  list-style: none;
}
footer .is-style-font-heading-big {
  margin-bottom: 3rem;
}
footer .wp-block-button__link {
  margin: 0 !important;
}

/* Starting image-masks.scss */
[class*=is-style-mask] {
  -webkit-mask-size: 100% 100%;
  mask-size: contain;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
[class*=is-style-mask].is-style-mask-1 {
  -webkit-mask-image: url(img/mask-1.png);
  mask-image: url(img/mask-1.png);
}
[class*=is-style-mask].is-style-mask-2 {
  -webkit-mask-image: url(img/mask-2.png);
  mask-image: url(img/mask-2.png);
}
[class*=is-style-mask].is-style-mask-3 {
  -webkit-mask-image: url(img/mask-3.png);
  mask-image: url(img/mask-3.png);
}
[class*=is-style-mask].is-style-mask-4 {
  -webkit-mask-image: url(img/mask-4.png);
  mask-image: url(img/mask-4.png);
}
[class*=is-style-mask].is-style-mask-5 {
  -webkit-mask-image: url(img/mask-5.png);
  mask-image: url(img/mask-5.png);
}
[class*=is-style-mask].is-style-mask-strict-1 {
  -webkit-mask-image: url(img/mask-strict-1.png);
  mask-image: url(img/mask-strict-1.png);
}
[class*=is-style-mask].is-style-mask-strict-2 {
  -webkit-mask-image: url(img/mask-strict-2.png);
  mask-image: url(img/mask-strict-2.png);
}
[class*=is-style-mask].is-style-mask-strict-3 {
  -webkit-mask-image: url(img/mask-strict-3.png);
  mask-image: url(img/mask-strict-3.png);
}
[class*=is-style-mask].is-style-mask-strict-4 {
  -webkit-mask-image: url(img/mask-strict-4.png);
  mask-image: url(img/mask-strict-4.png);
}
[class*=is-style-mask].is-style-mask-strict-5 {
  -webkit-mask-image: url(img/mask-strict-5.png);
  mask-image: url(img/mask-strict-5.png);
}
[class*=is-style-mask].is-style-mask-strict-6 {
  -webkit-mask-image: url(img/mask-strict-6.png);
  mask-image: url(img/mask-strict-6.png);
}
[class*=is-style-mask].is-style-mask-strict-7 {
  -webkit-mask-image: url(img/mask-strict-7.png);
  mask-image: url(img/mask-strict-7.png);
}
[class*=is-style-mask].is-style-mask-strict-8 {
  -webkit-mask-image: url(img/mask-strict-8.png);
  mask-image: url(img/mask-strict-8.png);
}
[class*=is-style-mask].is-style-mask-strict-9 {
  -webkit-mask-image: url(img/mask-strict-9.png);
  mask-image: url(img/mask-strict-9.png);
}
[class*=is-style-mask].is-style-mask-5 {
  mask-size: cover;
  mask-position: top;
  height: 100%;
}
[class*=is-style-mask].is-style-mask-5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shape-image {
  -webkit-mask-image: url(img/mask-strict-4.png);
  mask-image: url(img/mask-strict-4.png);
  -webkit-mask-size: 100% 100%;
  mask-position: center right;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.shape-image .background-filter {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0.3;
}
.shape-image img {
  position: absolute;
  object-fit: cover;
  inset: 0;
  height: 100%;
  width: 100%;
}

/* Ending image-masks.scss */
.qzr-gallery {
  margin: var(--gap-l) 0;
}
.qzr-gallery .owl-stage {
  display: flex;
}
.qzr-gallery .owl-stage .owl-item .qzr-gallery-item {
  aspect-ratio: 1080/720;
  mask-image: url(img/mask-strict-1.png) !important;
}
.qzr-gallery .owl-stage .owl-item .qzr-gallery-item .wp-block-image,
.qzr-gallery .owl-stage .owl-item .qzr-gallery-item .wp-block-image img {
  height: 100%;
}
.qzr-gallery .owl-stage .owl-item .qzr-gallery-item .wp-block-image img {
  object-fit: cover;
}

.top-panel {
  background-color: var(--surface-object-primary-pressed);
  color: var(--text-on-primary-standard);
  padding: var(--padding-xs);
  justify-items: flex-start;
  position: fixed;
  top: 2.8rem;
  z-index: 2;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .top-panel {
    top: 2.7rem;
  }
}
.top-panel .subscribe {
  display: flex;
  gap: var(--gap-xs);
  align-items: center;
}
@media (max-width: 767px) {
  .top-panel .subscribe {
    display: none;
  }
}
.top-panel .subscribe .button {
  margin: 0;
}
.top-panel > .button {
  margin: 0;
  gap: 0.5rem;
}

button {
  border: 0;
  background-color: transparent;
}

.pagination .prev,
.pagination .next,
.wp-block-button > a,
.button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-l);
  padding: var(--padding-xs);
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  transition: all 0.3s;
  margin: var(--margin-m) 0;
  border: none;
  outline: none;
  background-color: var(--surface-object-primary-standard);
  color: var(--text-on-primary-standard);
  transition: all 0.3s;
}
.pagination .prev span:empty,
.pagination .next span:empty,
.wp-block-button > a span:empty,
.button span:empty {
  display: none;
}
.pagination .prev, .pagination .prev.medium,
.pagination .next,
.pagination .next.medium,
.wp-block-button > a,
.wp-block-button > a.medium,
.button,
.button.medium {
  font-size: var(--button-medium-font-size);
  line-height: var(--button-medium-line-height);
}
.pagination .prev.small,
.pagination .next.small,
.wp-block-button > a.small,
.button.small {
  font-size: var(--button-small-font-size);
  line-height: var(--button-small-line-height);
}
.pagination .prev.big,
.pagination .next.big,
.wp-block-button > a.big,
.button.big {
  font-size: var(--button-big-font-size);
  line-height: var(--button-big-line-height);
  text-transform: none;
}
.pagination .prev[class*=icon-],
.pagination .next[class*=icon-],
.wp-block-button > a[class*=icon-],
.button[class*=icon-] {
  display: inline-block;
  margin: 0;
  aspect-ratio: 1;
}
.pagination .prev[class*=icon-]::before,
.pagination .next[class*=icon-]::before,
.wp-block-button > a[class*=icon-]::before,
.button[class*=icon-]::before {
  opacity: 1;
}
.pagination .prev.secondary,
.pagination .next.secondary,
.wp-block-button > a.secondary,
.button.secondary {
  background-color: var(--surface-object-secondary-standard);
  color: var(--text-on-secondary-standard);
}
.pagination .prev.alert,
.pagination .next.alert,
.wp-block-button > a.alert,
.button.alert {
  background-color: var(--surface-object-alert-standard);
  color: var(--text-on-alert-standard);
}
.pagination .prev.bright,
.pagination .next.bright,
.wp-block-button > a.bright,
.button.bright {
  background-color: var(--surface-container-primary-high);
  color: var(--surface-object-primary-pressed);
}
.pagination .prev.dim,
.pagination .next.dim,
.wp-block-button > a.dim,
.button.dim {
  background-color: var(--surface-background-grayscale-inverse);
  color: var(--text-on-grayscale-inverse);
}
.pagination .prev.text-only,
.pagination .next.text-only,
.wp-block-button > a.text-only,
.button.text-only {
  background-color: transparent;
}
.pagination .prev.text-only.primary,
.pagination .next.text-only.primary,
.wp-block-button > a.text-only.primary,
.button.text-only.primary {
  color: var(--text-on-primary-container);
}
.pagination .prev.text-only.secondary,
.pagination .next.text-only.secondary,
.wp-block-button > a.text-only.secondary,
.button.text-only.secondary {
  color: var(--text-on-secondary-container);
}
.pagination .prev.text-only.alert,
.pagination .next.text-only.alert,
.wp-block-button > a.text-only.alert,
.button.text-only.alert {
  color: var(--text-on-alert-container);
}
.pagination .prev.text-only.bright,
.pagination .next.text-only.bright,
.wp-block-button > a.text-only.bright,
.button.text-only.bright {
  color: var(--text-on-grayscale-standard);
}
.pagination .prev.text-only.dim,
.pagination .next.text-only.dim,
.wp-block-button > a.text-only.dim,
.button.text-only.dim {
  color: var(--text-on-primary-standard);
}
.pagination .prev.tonal,
.pagination .next.tonal,
.wp-block-button > a.tonal,
.button.tonal {
  background-color: var(--surface-object-primary-container);
  color: var(--text-on-primary-container);
}
.pagination .prev.tonal.secondary,
.pagination .next.tonal.secondary,
.wp-block-button > a.tonal.secondary,
.button.tonal.secondary {
  background-color: var(--surface-object-secondary-container);
  color: var(--text-on-secondary-container);
}
.pagination .prev.tonal.alert,
.pagination .next.tonal.alert,
.wp-block-button > a.tonal.alert,
.button.tonal.alert {
  background-color: var(--surface-object-alert-container);
  color: var(--text-on-alert-container);
}
.pagination .prev.tonal.bright,
.pagination .next.tonal.bright,
.wp-block-button > a.tonal.bright,
.button.tonal.bright {
  background-color: var(--surface-container-grayscale-lowest);
  color: var(--text-on-grayscale-standard);
}
.pagination .prev.tonal.dim,
.pagination .next.tonal.dim,
.wp-block-button > a.tonal.dim,
.button.tonal.dim {
  background-color: var(--surface-container-grayscale-highest);
  color: var(--text-on-grayscale-inverse);
}
.pagination .prev.opacity,
.pagination .next.opacity,
.wp-block-button > a.opacity,
.button.opacity {
  background-color: var(--surface-object-opacity-high-bright);
  color: var(--text-on-primary-standard);
}
.pagination .prev.opacity:active,
.pagination .next.opacity:active,
.wp-block-button > a.opacity:active,
.button.opacity:active {
  background-color: var(--surface-object-primary-standard);
}
.pagination .prev.opacity.secondary,
.pagination .next.opacity.secondary,
.wp-block-button > a.opacity.secondary,
.button.opacity.secondary {
  background-color: var(--surface-object-opacity-high-bright);
  color: var(--text-on-secondary-standard);
}
.pagination .prev.opacity.secondary:active,
.pagination .next.opacity.secondary:active,
.wp-block-button > a.opacity.secondary:active,
.button.opacity.secondary:active {
  background-color: var(--surface-object-secondary-standard);
}
.pagination .prev.opacity.disabled,
.pagination .next.opacity.disabled,
.wp-block-button > a.opacity.disabled,
.button.opacity.disabled {
  background-color: transparent;
  color: var(--text-on-grayscale-opacity-low);
}
.pagination .prev::before,
.pagination .next::before,
.wp-block-button > a::before,
.button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: var(--surface-object-opacity-standard-dim);
  transition: all 0.3s;
  opacity: 0;
}
@media (min-width: 1024px) {
  .pagination .prev:hover:not(.selected, .disabled, :active)::before,
  .pagination .next:hover:not(.selected, .disabled, :active)::before,
  .wp-block-button > a:hover:not(.selected, .disabled, :active)::before,
  .button:hover:not(.selected, .disabled, :active)::before {
    opacity: 1;
  }
}
.pagination .prev:active::before,
.pagination .next:active::before,
.wp-block-button > a:active::before,
.button:active::before {
  opacity: 1;
}
.pagination .prev.disabled,
.pagination .next.disabled,
.wp-block-button > a.disabled,
.button.disabled {
  pointer-events: none;
  background-color: var(--surface-background-grayscale-low);
  color: var(--text-on-grayscale-opacity-high);
}

.button[class*=icon-] {
  width: 2.4rem;
}
.button[class*=icon-]::before {
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.input-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  text-decoration: none;
  transition: all 0.3s;
  margin-bottom: var(--gap-s);
}
.input-wrapper:last-child {
  margin-bottom: 0;
}
.input-wrapper textarea,
.input-wrapper select,
.input-wrapper input {
  border-radius: var(--border-radius-m);
  padding: var(--padding-s);
  font-family: var(--font-family);
  transition: all 0.3s;
  font-size: var(--body-big-font-size);
  border: none;
  outline: none;
  background-position: calc(100% - var(--padding-xs)) center;
  font-weight: 500;
}
.input-wrapper textarea::placeholder,
.input-wrapper select::placeholder,
.input-wrapper input::placeholder {
  color: white;
  opacity: 0.4;
  mix-blend-mode: screen;
}
.input-wrapper textarea {
  resize: vertical;
  background-position: calc(100% - 1rem) 1rem;
  min-height: 5rem;
}
.input-wrapper label,
.input-wrapper .suggested-text {
  padding: var(--padding-xs) var(--padding-m);
  font-size: var(--label-big-font-size);
}
.input-wrapper label {
  font-weight: 600;
  cursor: pointer;
}
.input-wrapper label:not(.checkbox) {
  opacity: 0.4;
}
.input-wrapper .suggested-text {
  transition: all 0.3s;
  position: absolute;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  bottom: -1.4rem;
  left: var(--padding-m);
}
.input-wrapper .suggested-text.visible {
  opacity: 1;
}
.input-wrapper input,
.input-wrapper select,
.input-wrapper textarea {
  background-color: var(--surface-object-opacity-high-bright);
  color: var(--text-on-grayscale-opacity-low);
}
@media (min-width: 1024px) {
  .input-wrapper input:hover:not(:focus, [data-compiled=true]),
  .input-wrapper select:hover:not(:focus, [data-compiled=true]),
  .input-wrapper textarea:hover:not(:focus, [data-compiled=true]) {
    background-color: var(--surface-object-opacity-standard-bright);
    color: var(--text-on-primary-standard);
  }
}
.input-wrapper input:focus,
.input-wrapper select:focus,
.input-wrapper textarea:focus {
  background-color: var(--surface-object-opacity-low-light);
  color: var(--text-on-primary-standard);
}
.input-wrapper input[data-compiled=true],
.input-wrapper select[data-compiled=true],
.input-wrapper textarea[data-compiled=true] {
  background-color: var(--surface-object-primary-standard);
  color: var(--text-on-primary-standard);
}
.input-wrapper input label,
.input-wrapper select label,
.input-wrapper textarea label {
  color: var(--text-on-tertiary-container);
}
.input-wrapper input .suggested-text,
.input-wrapper select .suggested-text,
.input-wrapper textarea .suggested-text {
  color: var(--text-on-grayscale-opacity-high);
}
.input-wrapper.secondary input,
.input-wrapper.secondary select,
.input-wrapper.secondary textarea {
  background-color: var(--surface-object-opacity-high-bright);
  color: var(--text-on-grayscale-opacity-low);
}
@media (min-width: 1024px) {
  .input-wrapper.secondary input:hover:not(:focus, [data-compiled=true]),
  .input-wrapper.secondary select:hover:not(:focus, [data-compiled=true]),
  .input-wrapper.secondary textarea:hover:not(:focus, [data-compiled=true]) {
    background-color: var(--surface-object-opacity-standard-bright);
    color: var(--text-on-secondary-standard);
  }
}
.input-wrapper.secondary input:focus,
.input-wrapper.secondary select:focus,
.input-wrapper.secondary textarea:focus {
  background-color: var(--surface-object-opacity-low-light);
  color: var(--text-on-secondary-standard);
}
.input-wrapper.secondary input[data-compiled=true],
.input-wrapper.secondary select[data-compiled=true],
.input-wrapper.secondary textarea[data-compiled=true] {
  background-color: var(--surface-object-secondary-standard);
  color: var(--text-on-secondary-standard);
}
.input-wrapper.secondary input label,
.input-wrapper.secondary select label,
.input-wrapper.secondary textarea label {
  color: var(--text-on-tertiary-container);
}
.input-wrapper.secondary input .suggested-text,
.input-wrapper.secondary select .suggested-text,
.input-wrapper.secondary textarea .suggested-text {
  color: var(--text-on-grayscale-opacity-high);
}
.input-wrapper.error input,
.input-wrapper.error select,
.input-wrapper.error textarea {
  background-color: var(--surface-object-alert-container);
  color: var(--text-on-grayscale-standard);
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0332 26.25L7.8165 22.5167L3.6165 21.5833L4.02484 17.2667L1.1665 14L4.02484 10.7333L3.6165 6.41667L7.8165 5.48333L10.0332 1.75L13.9998 3.44167L17.9665 1.75L20.1832 5.48333L24.3832 6.41667L23.9748 10.7333L26.8332 14L23.9748 17.2667L24.3832 21.5833L20.1832 22.5167L17.9665 26.25L13.9998 24.5583L10.0332 26.25ZM13.9998 19.8333C14.3304 19.8333 14.6075 19.7215 14.8311 19.4979C15.0547 19.2743 15.1665 18.9972 15.1665 18.6667C15.1665 18.3361 15.0547 18.059 14.8311 17.8354C14.6075 17.6118 14.3304 17.5 13.9998 17.5C13.6693 17.5 13.3922 17.6118 13.1686 17.8354C12.945 18.059 12.8332 18.3361 12.8332 18.6667C12.8332 18.9972 12.945 19.2743 13.1686 19.4979C13.3922 19.7215 13.6693 19.8333 13.9998 19.8333ZM12.8332 15.1667H15.1665V8.16667H12.8332V15.1667Z' fill='%23FF4A2A'/%3E%3C/svg%3E%0A");
  background-size: var(--icon-size-m);
  background-repeat: no-repeat;
}
.input-wrapper.error label,
.input-wrapper.error .suggested-text {
  color: var(--text-on-alert-basic-variant);
}
.input-wrapper.error .suggested-text {
  text-decoration: underline;
  text-underline-offset: 0.5rem;
}
.input-wrapper[data-field=privacy] label:first-child {
  display: none;
}

.checkbox {
  display: flex;
  position: relative;
  cursor: pointer;
  align-items: center;
  gap: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.checkbox input {
  position: absolute;
  opacity: 0;
  inset: 0;
  cursor: pointer;
}
.checkbox .checkmark {
  position: relative;
  top: 0;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid var(--surface-object-primary-standard);
  border-radius: 0.2rem;
}
.checkbox:hover input ~ .checkmark {
  background-color: var(--surface-object-opacity-standard-bright);
}
.checkbox input:checked ~ .checkmark {
  background-color: var(--surface-object-primary-standard);
}
.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.checkbox .checkmark:after {
  left: 50%;
  top: 40%;
  width: 0.3rem;
  height: 0.7rem;
  transform: translate(-50%, -50%) rotate(45deg);
  border: solid white;
  border-width: 0 0.2rem 0.2rem 0;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
}

form {
  padding: var(--padding-l);
  border-radius: var(--border-radius-l);
  position: relative;
}
form h2 {
  margin-bottom: var(--margin-s);
}
form .thanks-message {
  display: none;
}
form .inputs-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-s);
}
form .inputs-wrapper .submit-wrapper {
  width: 100%;
}
form .inputs-wrapper .submit-wrapper .wp-block-button {
  margin: 0;
}
form .inputs-wrapper .submit-wrapper .wp-block-button button {
  margin: 0;
  width: 100%;
}
form .form-loader {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10rem;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ccircle stroke-dasharray='108.38494654884786 38.12831551628262' r='23' stroke-width='2' stroke='%23ffffff' fill='none' cy='50' cx='50'%3E%3CanimateTransform keyTimes='0;1' values='0 50 50;360 50 50' dur='1s' repeatCount='indefinite' type='rotate' attributeName='transform'%3E%3C/animateTransform%3E%3C/circle%3E%3C!-- %5Bldio%5D generated by https://loading.io --%3E%3C/svg%3E");
}
form.loading {
  pointer-events: none;
  opacity: 0.5;
  overflow: hidden;
}
form.loading .form-loader {
  opacity: 1;
  pointer-events: all;
}

.card {
  cursor: pointer;
}
.card a {
  text-decoration: none;
}
.card.course {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
  text-decoration: none;
  padding: var(--padding-s);
  transition: all 0.3s;
}
.card.course:hover {
  background-color: var(--surface-container-primary-standard);
}
.card.course:hover * {
  color: var(--text-on-primary-basic-variant);
}
.card.course .card-image,
.card.course img {
  position: relative;
  display: block;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 780/500;
}
.card.course .card-image::before,
.card.course img::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s all;
  background-color: var(--surface-container-primary-inverse);
}
.card.course:hover .card-image::before,
.card.course:hover img::before {
  opacity: 0.5;
}
.card.course.sticky .card-image,
.card.course.sticky img {
  aspect-ratio: 1632/500;
}
.card.company {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
  padding: var(--padding-s);
  border-bottom-right-radius: var(--border-radius-xs);
  transition: 0.3s all;
  color: var(--text-on-secondary-standard);
}
.card.company:hover {
  background-color: var(--surface-object-secondary-container);
  color: var(--text-on-secondary-container);
}
.card.company * {
  color: currentColor;
}
.card.job-ad {
  padding: var(--padding-s);
  transition: 0.3s all;
}
.card.job-ad .inner__card {
  transition: 0.3s all;
  border-radius: var(--border-radius-m);
  background-color: var(--surface-container-secondary-highest);
  padding: var(--padding-m);
  display: flex;
  flex-direction: column;
  gap: var(--padding-s);
}
.card.job-ad:hover {
  background-color: var(--surface-container-secondary-highest);
}
.card.job-ad:hover .inner__card {
  background-color: var(--surface-container-secondary-standard);
}
.card.job-ad:hover .inner__card * {
  color: var(--text-on-secondary-container);
}

.no-results-found {
  margin: var(--margin-l) 0;
}

select {
  border-radius: var(--border-radius-l);
  padding: var(--padding-s);
  background: var(--surface-object-opacity-high-bright);
  border: none;
  font-family: Plus Jakarta Sans;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 500;
  color: var(--text-on-grayscale-opacity-low);
  width: calc(100% - var(--padding-xs) * 4);
  transition: all 0.3s;
}

option {
  font-family: Plus Jakarta Sans;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 500;
  color: black;
}

.backdrop {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.4);
  pointer-events: all;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.backdrop.active {
  opacity: 1;
  pointer-events: all;
}

.modal {
  position: fixed;
  min-height: 300px;
  max-height: 600px;
  width: 90%;
  max-width: 600px;
  top: 20%;
  left: calc(50% - 300px);
  background: var(--surface-object-secondary-container);
  color: var(--text-on-secondary-container);
  box-shadow: 0 0 14px 20px rgba(0, 0, 0, 0.3);
  padding: var(--padding-l);
  border-radius: var(--border-radius-l);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}
@media (max-width: 767px) {
  .modal {
    left: calc(50% - 300px);
    width: 80%;
    left: 5%;
  }
}
.modal #company-map,
.modal .back-to {
  display: none;
}
.modal.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.modal .modal-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  max-height: calc(600px + var(--padding-l));
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal .modal-content::-webkit-scrollbar {
  display: none;
}
.modal .modal-content > * {
  margin-bottom: var(--padding-l);
}
.modal .modal-close {
  background-size: var(--icon-size-xxs);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index: 100;
  position: absolute;
  top: var(--padding-l);
  right: var(--padding-l);
  margin: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99994 9.63327L2.28327 15.3499C2.06938 15.5638 1.79716 15.6708 1.4666 15.6708C1.13605 15.6708 0.863824 15.5638 0.649935 15.3499C0.436046 15.136 0.329102 14.8638 0.329102 14.5333C0.329102 14.2027 0.436046 13.9305 0.649935 13.7166L6.3666 7.99994L0.649935 2.28327C0.436046 2.06938 0.329102 1.79716 0.329102 1.4666C0.329102 1.13605 0.436046 0.863824 0.649935 0.649935C0.863824 0.436046 1.13605 0.329102 1.4666 0.329102C1.79716 0.329102 2.06938 0.436046 2.28327 0.649935L7.99994 6.3666L13.7166 0.649935C13.9305 0.436046 14.2027 0.329102 14.5333 0.329102C14.8638 0.329102 15.136 0.436046 15.3499 0.649935C15.5638 0.863824 15.6708 1.13605 15.6708 1.4666C15.6708 1.79716 15.5638 2.06938 15.3499 2.28327L9.63327 7.99994L15.3499 13.7166C15.5638 13.9305 15.6708 14.2027 15.6708 14.5333C15.6708 14.8638 15.5638 15.136 15.3499 15.3499C15.136 15.5638 14.8638 15.6708 14.5333 15.6708C14.2027 15.6708 13.9305 15.5638 13.7166 15.3499L7.99994 9.63327Z' fill='%23002C25'/%3E%3C/svg%3E");
}

.loader {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  mix-blend-mode: overlay;
  background-size: 17rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cg%3E%3Cpath stroke='none' fill='white' d='M10 50A40 40 0 0 0 90 50A40 42 0 0 1 10 50'%3E%3CanimateTransform values='0 50 51;360 50 51' keyTimes='0;1' repeatCount='indefinite' dur='1s' type='rotate' attributeName='transform'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  transition: all 0.3s;
}
.loader.active {
  opacity: 1;
  pointer-events: all;
}

#modal-map {
  border-radius: var(--border-radius-s);
  overflow: hidden;
  height: 20rem;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-self: flex-end;
}
.pagination .page-numbers:not(.prev, .next) {
  display: none;
}

.archive-header {
  display: flex;
  flex-direction: column;
  gap: var(--gap-l);
  padding: var(--padding-xl) 0;
  margin: var(--margin-m) 0;
}
.archive-header .filters {
  display: flex;
  gap: var(--gap-s);
}
.archive-header .filters .select {
  width: 100%;
}
.archive-header .taxonomies {
  display: flex;
  gap: var(--gap-s);
  flex-direction: column;
}
.archive-header .taxonomies > * {
  display: flex;
  align-items: center;
  gap: var(--gap-s);
}
.archive-header .taxonomies > * .button {
  margin: 0;
}

a {
  color: currentColor;
}

.owl-dots {
  display: flex;
  gap: var(--gap-s);
  align-items: center;
  margin: var(--gap-l) 0;
}
.owl-dots .owl-dot {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.owl-dots .owl-dot span {
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 50% !important;
  background: var(--surface-object-opacity-high-dim) !important;
  transition: all 0.3s !important;
  display: inline-block;
}
.owl-dots .owl-dot.active span {
  width: 1rem !important;
  height: 1rem !important;
  opacity: 1 !important;
  background: var(--surface-object-opacity-low-dim);
}

.logo-title {
  font-size: 10rem;
  font-family: Nyght Serif;
  font-weight: 300;
}
@media (max-width: 767px) {
  .logo-title {
    font-size: 15vw;
  }
}

#company-map {
  width: 100%;
  height: 25rem;
}

header .wp-block-columns .wp-block-column:not(:first-child) {
  display: none;
}
@media (max-width: 767px) {
  header .menu nav {
    overflow: hidden;
    position: fixed;
    top: -100vh;
    height: 100vh;
    left: 0;
    right: 0;
    background: var(--surface-container-primary-inverse);
    width: 100%;
    z-index: 10;
    transition: 0.3s top;
    padding: 0 1rem;
  }
  header .menu ul:not([data-block=footer-socials]) {
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
  }
  header .menu ul:not([data-block=footer-socials]) li a {
    font-family: Nyght Serif !important;
    font-size: 2.5rem !important;
    font-weight: 300 !important;
    color: var(--text-on-primary-standard) !important;
    text-transform: none !important;
    line-height: 1 !important;
  }
}
@media (max-width: 767px) {
  header.active .menu nav {
    padding-top: 6rem;
    top: 0;
  }
  header.active .menu ul:not([data-block=footer-socials] ul) {
    max-height: 57vh;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    justify-content: flex-start;
    gap: var(--gap-s);
  }
  header.active .menu ul:not([data-block=footer-socials] ul)::-webkit-scrollbar {
    display: none;
  }
}
header .qzr-footer-module {
  display: none;
  padding-top: 2rem;
  border-top: 1px solid var(--text-on-primary-standard);
  width: calc(90% + 1rem);
  margin-top: 2rem;
}
@media (max-width: 767px) {
  header .qzr-footer-module {
    display: block;
  }
}
header .qzr-footer-module .main-column {
  width: 100%;
}
header .qzr-footer-module .main-column ul {
  position: relative !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: var(--gap-s) !important;
  width: 100%;
}

.menu-toggle {
  cursor: pointer;
  position: relative;
  display: none;
  width: 1.5rem;
  height: 0.8rem;
  z-index: 11;
  background: transparent;
  border-top: 0.15rem solid;
  border-bottom: 0.15rem solid;
  color: var(--text-on-primary-standard);
  font-size: 0;
  transition: all 0.25s ease-in-out;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .menu-toggle {
    display: block;
  }
}
.menu-toggle:before, .menu-toggle:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.15rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease-in-out;
}

.active .menu-toggle {
  border-color: transparent;
  color: var(--text-on-primary-standard);
}
.active .menu-toggle:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.active .menu-toggle:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

html {
  scroll-behavior: smooth;
}

main {
  overflow-x: hidden;
  min-height: calc(100vh - 14.3rem);
  padding-bottom: 5rem;
  margin-top: 2.7rem;
}

.single-course main,
.post-type-archive-job-ad main,
.page-template-default main {
  padding-bottom: 0;
}

.single-course main {
  margin-top: 5.4rem;
}
.single-course main > [data-block=panel] {
  padding-top: 2rem;
}
.single-course main > [data-block=panel] .wp-block-columns {
  gap: 2rem;
}
@media (max-width: 767px) {
  .single-course main {
    margin-top: 5rem;
  }
}
.single-course .wp-block-post-title {
  margin: 1rem 0;
}
.single-course .wp-block-post-featured-image {
  aspect-ratio: 1080/864;
}
.single-course .wp-block-post-featured-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.single-course .is-style-mask-1 img {
  aspect-ratio: 1080/864;
  object-fit: cover;
}
.single-course .is-style-mask-2 img {
  aspect-ratio: 1080/864;
  object-fit: cover;
}
.single-course .is-style-mask-3 img {
  aspect-ratio: 1080/864;
  object-fit: cover;
}
.single-course .is-style-mask-4 img {
  aspect-ratio: 1080/864;
  object-fit: cover;
}
.single-course .is-style-mask-5 img {
  aspect-ratio: 1080/864;
  object-fit: cover;
}

body:has(.sandbox-container) {
  font-size: 20px;
}

.archive.tax-course-tag,
.archive.tax-course-category,
.post-type-archive-course {
  background: var(--surface-container-primary-inverse);
  color: var(--text-on-primary-standard);
}
.archive.tax-course-tag header,
.archive.tax-course-category header,
.post-type-archive-course header {
  background: var(--surface-container-primary-inverse);
}
.archive.tax-course-tag .archive-content .category-title,
.archive.tax-course-category .archive-content .category-title,
.post-type-archive-course .archive-content .category-title {
  margin: var(--margin-l) 0;
}
.archive.tax-course-tag .archive-content .posts,
.archive.tax-course-category .archive-content .posts,
.post-type-archive-course .archive-content .posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-l);
  margin-top: var(--gap-l);
  margin-bottom: calc(var(--margin-xl) * 2);
}
@media (max-width: 767px) {
  .archive.tax-course-tag .archive-content .posts,
  .archive.tax-course-category .archive-content .posts,
  .post-type-archive-course .archive-content .posts {
    grid-template-columns: 1fr;
  }
}

.archive.tax-company-tag,
.archive.tax-company-category,
.post-type-archive-company {
  background: var(--surface-container-secondary-inverse);
  color: var(--text-on-secondary-standard);
}
.archive.tax-company-tag header,
.archive.tax-company-category header,
.post-type-archive-company header {
  background: var(--surface-container-secondary-inverse);
}
.archive.tax-company-tag .archive-content .category-title,
.archive.tax-company-category .archive-content .category-title,
.post-type-archive-company .archive-content .category-title {
  margin: var(--margin-l) 0;
}
.archive.tax-company-tag .archive-content .posts,
.archive.tax-company-category .archive-content .posts,
.post-type-archive-company .archive-content .posts {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--gap-l);
  margin-top: var(--gap-l);
  margin-bottom: calc(var(--margin-xl) * 2);
}
@media (max-width: 767px) {
  .archive.tax-company-tag .archive-content .posts,
  .archive.tax-company-category .archive-content .posts,
  .post-type-archive-company .archive-content .posts {
    grid-template-columns: 1fr;
  }
}

.archive.tax-job-ad-tag,
.archive.tax-job-ad-category,
.post-type-archive-job-ad {
  background: var(--surface-container-secondary-inverse);
  color: var(--text-on-secondary-standard);
}
.archive.tax-job-ad-tag header,
.archive.tax-job-ad-category header,
.post-type-archive-job-ad header {
  background: var(--surface-container-secondary-inverse);
}
.archive.tax-job-ad-tag .job-ad-content,
.archive.tax-job-ad-category .job-ad-content,
.post-type-archive-job-ad .job-ad-content {
  padding: var(--padding-xl) 0;
}
.archive.tax-job-ad-tag .job-ad-content .archive-content .category-title,
.archive.tax-job-ad-category .job-ad-content .archive-content .category-title,
.post-type-archive-job-ad .job-ad-content .archive-content .category-title {
  margin: var(--margin-l) 0;
}
.archive.tax-job-ad-tag .job-ad-content .archive-content .posts,
.archive.tax-job-ad-category .job-ad-content .archive-content .posts,
.post-type-archive-job-ad .job-ad-content .archive-content .posts {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--gap-l);
  margin-top: var(--gap-l);
  margin-bottom: calc(var(--margin-xl) * 2);
}
@media (max-width: 767px) {
  .archive.tax-job-ad-tag .job-ad-content .archive-content .posts,
  .archive.tax-job-ad-category .job-ad-content .archive-content .posts,
  .post-type-archive-job-ad .job-ad-content .archive-content .posts {
    grid-template-columns: 1fr;
  }
}
.archive.tax-job-ad-tag .pagination,
.archive.tax-job-ad-category .pagination,
.post-type-archive-job-ad .pagination {
  color: var(--text-on-secondary-basic-variant);
}

.single-company,
.single-job-ad {
  background: var(--surface-object-secondary-container);
  color: var(--text-on-secondary-container);
}
.single-company header,
.single-job-ad header {
  background: var(--surface-object-secondary-standard);
}
.single-company main,
.single-job-ad main {
  padding-inline: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.single-company main > *:not(.button),
.single-job-ad main > *:not(.button) {
  max-width: 768px;
  width: 100%;
}
.single-company main #company-map,
.single-job-ad main #company-map {
  width: 100%;
  height: 25rem;
}

.qzr-dynamic-blocks[data-block=logo] {
  height: calc(100vh - 1.7rem);
  position: relative;
}
.qzr-dynamic-blocks[data-block=logo] .logo-content {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  position: relative;
  padding-bottom: 2rem;
}
.qzr-dynamic-blocks[data-block=logo] .logo-content .shape-image {
  position: absolute;
  inset: 0;
  top: 1rem;
  bottom: 1rem;
  mask-image: url(img/mask-home-full.png);
  mask-size: 100% auto;
  mask-position: top;
}
@media (max-width: 1024px) {
  .qzr-dynamic-blocks[data-block=logo] .logo-content .shape-image {
    mask-image: url(img/mask-home-medium.png);
  }
}
@media (max-width: 767px) {
  .qzr-dynamic-blocks[data-block=logo] .logo-content .shape-image {
    mask-image: url(img/mask-home-tiny.png);
  }
}
.qzr-dynamic-blocks[data-block=logo] .logo-content h1,
.qzr-dynamic-blocks[data-block=logo] .logo-content h2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 0.82;
  z-index: 1;
}
.qzr-dynamic-blocks[data-block=logo] .logo-content .logo-title {
  font-size: 10rem;
  font-family: Nyght Serif;
  font-weight: 300;
}
@media (max-width: 767px) {
  .qzr-dynamic-blocks[data-block=logo] .logo-content .logo-title {
    font-size: 18vw;
  }
}

.qzr-dynamic-blocks[data-block=panel] {
  padding: var(--padding-xl) 0;
}

.qzr-dynamic-blocks[data-block=course-info] {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}

.qzr-dynamic-blocks[data-block=repeater] {
  margin: var(--margin-l) 0;
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item:has(.repeater-content) {
  cursor: pointer;
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item .repeater-header {
  display: flex;
  justify-content: space-between;
  padding: var(--padding-s) var(--padding-xs);
  border-top: 1px solid currentColor;
  align-items: center;
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item .repeater-header h2 {
  width: calc(100% - 50px);
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item .repeater-header .repeater-button {
  transition: all 0.3s;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item .repeater-header .repeater-button svg {
  position: absolute;
  inset: 0;
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item .repeater-content {
  display: grid;
  transition: all 0.3s;
  grid-template-rows: 0fr;
  overflow-y: hidden;
  padding-inline: var(--padding-xs);
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item .repeater-content * {
  overflow-y: hidden;
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item .repeater-content ul {
  margin: 1rem;
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item .repeater-content ul li {
  position: relative;
  padding-left: 1rem;
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item .repeater-content ul li::before {
  content: "•";
  font-size: 0.7rem;
  position: absolute;
  left: 0;
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item.active .repeater-header .repeater-button {
  transform: rotate(180deg);
}
.qzr-dynamic-blocks[data-block=repeater] .repeater-item.active .repeater-content {
  grid-template-rows: 1fr;
  padding-bottom: var(--padding-s);
}

.qzr-dynamic-blocks[data-block=stepper] {
  display: flex;
  flex-direction: column;
  gap: var(--padding-s);
}
.qzr-dynamic-blocks[data-block=stepper] .step-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: var(--padding-m);
  border-radius: var(--border-radius-l);
}
.qzr-dynamic-blocks[data-block=stepper] .step-item .content {
  flex-basis: 100%;
}
.qzr-dynamic-blocks[data-block=stepper] .step-item .content p:empty {
  display: none;
}
.qzr-dynamic-blocks[data-block=stepper] .step-item .content p {
  margin-top: 0;
}
.qzr-dynamic-blocks[data-block=stepper] .step-item .count {
  display: inline-block;
  text-wrap: nowrap;
}

.wp-block-button {
  width: 100%;
  margin: var(--padding-m) 0;
}

.qzr-dynamic-blocks[data-block=counters] {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  gap: 2rem;
  align-items: flex-start;
}
.qzr-dynamic-blocks[data-block=counters] .course-info {
  background-color: var(--surface-container-secondary-low);
  color: var(--text-on-secondary-basic-variant);
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: var(--padding-m);
  border-radius: 100rem;
  flex-basis: calc(50% - 1rem);
}
.qzr-dynamic-blocks[data-block=counters] .course-info h3 {
  font-weight: 500;
  text-transform: uppercase;
}
.qzr-dynamic-blocks[data-block=counters] .course-info:last-child {
  margin-bottom: 0;
}
.qzr-dynamic-blocks[data-block=counters] .course-info:nth-child(even) {
  background-color: var(--surface-container-secondary-highest);
  color: var(--text-on-secondary-standard);
}

.qzr-dynamic-blocks[data-block=company] {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
}
.qzr-dynamic-blocks[data-block=company] .categories {
  display: flex;
}
.qzr-dynamic-blocks[data-block=company] .categories a {
  text-decoration: none;
  color: currentColor;
  font-size: var(--font-size-s);
  margin-left: var(--gap-xs);
}
.qzr-dynamic-blocks[data-block=company] .categories a:first-child {
  margin-left: 0;
}

.qzr-dynamic-blocks[data-block=job-ad] {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
}
.qzr-dynamic-blocks[data-block=job-ad] .categories {
  display: flex;
}
.qzr-dynamic-blocks[data-block=job-ad] .categories a {
  text-decoration: none;
  color: currentColor;
  font-size: var(--font-size-s);
  margin-left: var(--gap-xs);
}
.qzr-dynamic-blocks[data-block=job-ad] .categories a:first-child {
  margin-left: 0;
}

.qzr-dynamic-blocks[data-block=google-maps] {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}

.qzr-dynamic-blocks[data-block=course-selector] .posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-l);
  margin-top: var(--gap-l);
  margin-bottom: calc(var(--margin-xl) * 2);
}
@media (max-width: 767px) {
  .qzr-dynamic-blocks[data-block=course-selector] .posts {
    grid-template-columns: 1fr;
  }
}

.qzr-dynamic-blocks[data-block=course-taxonomies] {
  display: flex;
  flex-direction: column;
}

.qzr-dynamic-blocks[data-block=payment-types] {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
}

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