@charset "UTF-8";
html {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 62.5%; }

body {
  color: #000000;
  background-color: #FFF;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  padding: 0; }

p {
  margin: 0; }

.h1 {
  font-weight: 400;
  font-size: 4.8rem;
  line-height: 163%;
  margin: 0;
  letter-spacing: 0.05em;
  text-transform: uppercase; }

.h2 {
  font-weight: 500;
  font-size: 3.6rem;
  line-height: 160%;
  margin: 0;
  text-transform: uppercase; }

.h3 {
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 3.4rem;
  margin: 0;
  letter-spacing: 0.02em;
  text-transform: uppercase; }

.text {
  font-weight: 300;
  font-size: 2rem;
  line-height: 163%;
  margin: 0; }

.text-2 {
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 22px;
  margin: 0;
  letter-spacing: 0.02em; }

.button {
  font-weight: 300;
  font-size: 2rem;
  line-height: 160%;
  margin: 0;
  text-transform: uppercase; }

.menu {
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 22px;
  margin: 0;
  text-transform: uppercase;
  text-decoration: none; }

.footer {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 29px;
  margin: 0;
  letter-spacing: 0.02em; }

.mb-60 {
  margin-bottom: 6rem; }

.mb-100 {
  margin-bottom: 10rem; }

.mt-50 {
  margin-top: 5rem; }

.bold {
  font-weight: bold; }

.revers {
  flex-direction: row-reverse; }

@keyframes fromLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0; }
  100% {
    transform: translateX(0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }

.button-prime {
  background-color: transparent;
  padding: 9px 25px;
  border: 0.7px solid #F7F7F7;
  border-radius: 2px;
  text-decoration: none;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  transition: all .3s; }
  .button-prime:hover {
    transform: translateY(-2px); }
  .button-prime:active {
    transform: translateY(2px); }

.mt-30 {
  margin-top: 3rem; }

.blog__card {
  position: relative;
  flex: 0 0 28%;
  transition: all .3s;
  text-align: left;
  height: 120%; }
  .blog__card--image {
    width: 100%; }
  .blog__card--title {
    margin-top: 30px; }
  .blog__card p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    margin-top: 10px; }
  .blog__card--button {
    padding: 9px 45px !important;
    color: #000000;
    border: 0.7px solid #000000;
    margin-top: 4rem; }
    .blog__card--button:hover {
      padding: 9px 25px;
      color: #000000;
      border: 0.7px solid #000000; }
  .blog__card:hover {
    transform: translateY(-10px); }

@media (max-width: 1000px) {
  .blog__card {
    height: 100%;
    margin-bottom: 80px; } }

@media (max-width: 690px) {
  .blog__card {
    text-align: center; } }

form {
  width: 75%;
  margin: auto; }
  form .wpforms-field.wpforms-field-name,
  form .wpforms-field.wpforms-field-email {
    display: inline-block;
    width: 48%;
    padding: 0; }
    form .wpforms-field.wpforms-field-name input,
    form .wpforms-field.wpforms-field-email input {
      margin: 0;
      max-width: 100% !important;
      background: #F7F7F7;
      border-radius: 2px !important;
      height: 5rem !important; }
  form .wpforms-field.wpforms-field-name {
    margin: 0 15px 0 0; }
  form .wpforms-field.wpforms-field-email {
    margin: 0 0 0 15px; }
  form textarea {
    height: 19rem !important; }
  form #wpforms-272-field_0-error,
  form #wpforms-272-field_1-error,
  form #wpforms-272-field_1_suggestion {
    display: none !important; }
  form label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing: 0.02em !important;
    color: #666666; }
  form button {
    background-color: transparent !important;
    padding: 9px 25px !important;
    border: 0.7px solid #000000 !important;
    border-radius: 2px !important;
    font-size: 2rem !important; }

@media (max-width: 1611px) {
  form .wpforms-field.wpforms-field-name,
  form .wpforms-field.wpforms-field-email {
    display: inline-block;
    width: 47.8%; } }

@media (max-width: 1465px) {
  form .wpforms-field.wpforms-field-name,
  form .wpforms-field.wpforms-field-email {
    display: inline-block;
    width: 47.6%; } }

@media (max-width: 1342px) {
  form .wpforms-field.wpforms-field-name,
  form .wpforms-field.wpforms-field-email {
    display: inline-block;
    width: 47.4%; } }

@media (max-width: 1239px) {
  form .wpforms-field.wpforms-field-name,
  form .wpforms-field.wpforms-field-email {
    display: inline-block;
    width: 47.2%; } }

@media (max-width: 1190px) {
  form button {
    font-size: 1.8rem !important; } }

@media (max-width: 1151px) {
  form .wpforms-field.wpforms-field-name,
  form .wpforms-field.wpforms-field-email {
    display: inline-block;
    width: 47%; } }

@media (max-width: 1074px) {
  form .wpforms-field.wpforms-field-name,
  form .wpforms-field.wpforms-field-email {
    display: inline-block;
    width: 46%; } }

@media (max-width: 806px) {
  .section-contact h2 {
    font-size: 24px !important; }
  form {
    width: 100%; }
    form .wpforms-field.wpforms-field-name,
    form .wpforms-field.wpforms-field-email {
      display: inline-block;
      width: 100% !important;
      margin: auto !important; } }

.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
  width: 70%;
  margin: auto;
  grid-gap: 2.5rem; }
  .gallery__image {
    position: relative;
    height: 100%;
    width: 100%; }
  .gallery__captions {
    position: absolute;
    top: 0;
    display: none; }

@media (max-width: 500px) {
  .gallery {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    margin: 0;
    padding: 0 10px; } }

.nav {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10rem;
  background-color: #F7F7F7;
  gap: 120px; }
  .nav__button {
    transition: all .3s; }
    .nav__button a {
      text-decoration: none;
      color: #000000; }
    .nav__button:hover {
      transform: translateY(-2px); }
  .nav__logo {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    font-weight: 500;
    font-size: 4.8rem;
    line-height: 6rem; }
    .nav__logo--text {
      font-size: 32px;
      font-weight: 700;
      line-height: 3.9rem;
      letter-spacing: 0em;
      text-decoration: none;
      font-family: 'Cormorant';
      text-transform: uppercase; }
  .nav .burger-menu {
    display: none; }

@media (max-width: 1190px) {
  .nav .burger-menu {
    display: inline-block;
    position: absolute;
    right: 40px; }
    .nav .burger-menu .burger {
      width: 4rem;
      height: 1px;
      background-color: #000000;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      display: inline-block; }
      .nav .burger-menu .burger::before {
        content: "";
        width: 4rem;
        height: 1px;
        background-color: #000000;
        position: absolute;
        top: -9px;
        left: 50%;
        transform: translate(-50%, -50%); }
      .nav .burger-menu .burger::after {
        content: "";
        width: 4rem;
        height: 1px;
        background-color: #000000;
        position: absolute;
        top: 9px;
        left: 50%;
        transform: translate(-50%, -50%); }
    .nav .burger-menu .opened-menu {
      visibility: hidden;
      position: fixed;
      height: 110vh;
      width: 100vw;
      background-color: #F7F7F7;
      z-index: 1;
      top: 20px;
      left: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transform: translate(0, -10%);
      gap: 60px;
      background: linear-gradient(155deg, white, white 50%, #F6F6F6 50%, #F6F6F6 75%);
      transition: all 1s; }
      .nav .burger-menu .opened-menu a {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 160%; }
    .nav .burger-menu .burger-checkbox {
      display: none; }
      .nav .burger-menu .burger-checkbox:checked ~ .opened-menu {
        visibility: visible;
        position: fixed;
        height: 110vh;
        width: 100vw;
        background-color: #F7F7F7;
        z-index: 1;
        top: 20px;
        left: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transform: translate(-100%, -10%);
        gap: 60px;
        background: linear-gradient(155deg, white, white 50%, #F6F6F6 50%, #F6F6F6 75%);
        transition: all 1s; }
        .nav .burger-menu .burger-checkbox:checked ~ .opened-menu a {
          font-family: 'Montserrat';
          font-style: normal;
          font-weight: 300;
          font-size: 20px;
          line-height: 160%; }
  .nav .nav-links {
    display: none; } }

.footer-content {
  padding: 10rem 0 7.5rem;
  background: #FFF;
  width: 100%; }
  .footer-content__box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3.3rem; }
  .footer-content .text-footer {
    text-align: center;
    margin: 1.4rem 0 0;
    font-family: 'Cormorant'; }

.title {
  margin: 10rem 0 8rem;
  text-align: center;
  animation: 1s linear fromLeft;
  animation-fill-mode: forwards;
  opacity: 1; }

.blog-section {
  display: flex;
  justify-content: center;
  gap: 26px; }

.carousel-section {
  position: relative;
  width: 1160px;
  margin: 5rem auto 0; }
  .carousel-section .carousel-item {
    width: 100%; }
    .carousel-section .carousel-item .desktop {
      display: inline-block; }
    .carousel-section .carousel-item .tablet {
      display: none; }
    .carousel-section .carousel-item .mobile {
      display: none; }
    .carousel-section .carousel-item img {
      width: 100%; }
  .carousel-section .carousel-indicators button {
    width: 8px;
    height: 8px;
    margin: 70px 8px;
    border-radius: 50%; }
  .carousel-section .carousel-control-prev,
  .carousel-section .carousel-control-next {
    display: none; }
  .carousel-section .carousel-box {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    width: 75%;
    text-align: center;
    height: 40%;
    background: rgba(64, 83, 90, 0.3);
    filter: blur(100px); }
  .carousel-section .carousel-box--text {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 43%;
    left: 50%;
    width: 100%;
    font-family: 'Cormorant';
    color: #FFF;
    text-align: center; }
  .carousel-section .carousel-box--button {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 52%;
    left: 50%;
    color: #FFF;
    text-align: center; }
    .carousel-section .carousel-box--button:hover {
      background-color: #FFF;
      color: #000000; }
    .carousel-section .carousel-box--button:active {
      background-color: #FFF;
      color: #000000;
      border: 0.7px solid #F7F7F7; }

@media (max-width: 1190px) {
  .carousel-section {
    width: 100%;
    text-align: center; } }

@media (max-width: 900px) {
  .carousel-section .carousel-item {
    width: 100%; }
    .carousel-section .carousel-item .desktop {
      display: none; }
    .carousel-section .carousel-item .tablet {
      display: inline-block;
      width: 100%;
      padding: 0 30px; }
    .carousel-section .carousel-item .mobile {
      display: none; } }

@media (max-width: 650px) {
  .carousel-section {
    margin: 0; }
    .carousel-section .carousel-item {
      width: 100%; }
      .carousel-section .carousel-item .desktop {
        display: none; }
      .carousel-section .carousel-item .tablet {
        display: none; }
      .carousel-section .carousel-item .mobile {
        display: inline-block;
        width: 100%;
        padding: 0 30px; }
    .carousel-section h2 {
      font-size: 3.2rem;
      padding: 0 40px; }
    .carousel-section a {
      font-size: 1.6rem; } }

@media (max-width: 450px) {
  .carousel-section {
    margin: 0; }
    .carousel-section .carousel-item {
      width: 100%; }
      .carousel-section .carousel-item .desktop {
        display: none; }
      .carousel-section .carousel-item .tablet {
        display: none; }
      .carousel-section .carousel-item .mobile {
        display: inline-block;
        width: 100%;
        padding: 0 10px; } }

.about-me-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .about-me-section__photo {
    margin-top: 110px;
    border-radius: 50%; }
  .about-me-section__hi {
    font-weight: 500; }
  .about-me-section__box {
    width: 100%;
    display: inline-block;
    z-index: -1;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%);
    background-color: #F7F7F7;
    position: absolute;
    top: 43px;
    height: 250px; }

.about-me-section__text {
  width: 100%;
  text-align: center;
  margin: auto;
  background-color: #F7F7F7;
  padding: 0 30%; }

@media (max-width: 900px) {
  .about-me-section__text {
    padding: 0 5%; }
  .about-me-section__box {
    clip-path: polygon(100% 30%, 100% 0, 100% 100%, 0 100%);
    top: 35px; } }

@media (max-width: 600px) {
  .about-me-section img {
    margin-top: 100px; }
  .about-me-section h2 {
    padding-top: 10px; }
  .about-me-section__text {
    padding: 0 5%; }
  .about-me-section__box {
    clip-path: polygon(0 74%, 170% 0, 100% 100%, 0 100%);
    top: 35px; } }

.section-course {
  background-color: #F7F7F7;
  text-align: center;
  position: relative;
  padding: 0 19%; }
  .section-course .mobile {
    display: none; }
  .section-course__image {
    margin-top: 10rem;
    margin-bottom: 12.2rem;
    width: 100%; }
  .section-course__content {
    position: absolute;
    bottom: 0%;
    right: 23%;
    background-color: white;
    text-align: left;
    padding: 25px; }
    .section-course__content h3 {
      font-family: 'Cormorant'; }
    .section-course__content ul {
      list-style: none;
      padding-left: 10px; }
    .section-course__content ul li:before {
      content: "•";
      font-size: 10pt;
      margin-right: 10px; }
  .section-course--button {
    color: #000000;
    border: 0.7px solid #000000;
    border-radius: 2px; }
    .section-course--button:hover {
      color: #FFF;
      background-color: #000000; }

@media (max-width: 1390px) {
  .section-course {
    padding: 0 30px; }
    .section-course__content {
      right: 13%;
      bottom: -5%;
      text-align: center; }
      .section-course__content ul {
        text-align: left; } }

@media (max-width: 806px) {
  .section-course {
    padding: 0 30px; }
    .section-course__content {
      left: 50%;
      bottom: -44%;
      text-align: center;
      transform: translate(-50%, -50%);
      width: 73%; }
      .section-course__content h3 {
        font-size: 3.2rem; }
      .section-course__content ul {
        text-align: left;
        font-size: 1.8rem; } }

@media (max-width: 626px) {
  .section-course {
    padding: 0 30px; }
    .section-course .mobile {
      display: inline-block; }
    .section-course .desktop {
      display: none; }
    .section-course__content {
      left: 50%;
      top: 95%;
      text-align: center;
      transform: translate(-50%, -50%);
      width: 77%;
      height: fit-content; }
      .section-course__content h3 {
        font-size: 2.4rem; }
      .section-course__content ul {
        text-align: left;
        font-size: 1.6rem; }
      .section-course__content a {
        font-size: 1.6rem; } }

@media (max-width: 450px) {
  .section-course {
    padding: 0 30px; }
    .section-course__content {
      top: 106%;
      z-index: 2; } }

.section-blog {
  position: relative;
  top: -10px;
  text-align: center;
  padding: 9.7rem 19% 8rem; }
  .section-blog .cards-title {
    font-family: 'Cormorant'; }
  .section-blog .cards-text {
    margin-bottom: 4.2rem; }
  .section-blog .blog-cards {
    display: flex;
    justify-content: center;
    gap: 3rem; }
  .section-blog img {
    height: 245px;
    border-radius: 2px;
    margin-bottom: 3rem; }
  .section-blog .card-1,
  .section-blog .card-2,
  .section-blog .card-3 {
    text-align: left;
    position: relative;
    padding-bottom: 8rem; }
    .section-blog .card-1 .card--title,
    .section-blog .card-2 .card--title,
    .section-blog .card-3 .card--title {
      text-transform: inherit;
      font-family: 'Cormorant';
      margin-bottom: 1rem; }
  @media (max-width: 1190px) {
    .section-blog {
      padding: 13.7rem 30px 8rem; }
      .section-blog .card-3 {
        display: none; }
      .section-blog h4 {
        font-size: 2.4rem; }
      .section-blog p {
        font-size: 1.6rem; }
      .section-blog img {
        height: 225px; }
      .section-blog a {
        padding: 9px 12px;
        font-size: 1.8rem; } }
  @media (max-width: 768px) {
    .section-blog {
      padding: 24rem 30px 8rem; }
      .section-blog .blog-cards {
        flex-direction: column;
        align-items: center; }
      .section-blog .card-1,
      .section-blog .card-2 {
        text-align: center; }
      .section-blog a {
        position: relative; }
      .section-blog h2 {
        font-size: 24px; } }
  @media (max-width: 500px) {
    .section-blog {
      padding: 32rem 30px 8rem; }
      .section-blog .card-1,
      .section-blog .card-2 {
        padding-bottom: 2rem; } }
  @media (max-width: 350px) {
    .section-blog {
      padding: 32rem 30px 8rem; }
      .section-blog .card-1,
      .section-blog .card-2 {
        padding-bottom: 2rem; }
        .section-blog .card-1 img,
        .section-blog .card-2 img {
          height: 200px; } }
  .section-blog--button {
    position: absolute;
    bottom: 0;
    color: #000000;
    border: 0.7px solid #000000;
    border-radius: 2px; }
    .section-blog--button:hover {
      color: #FFF;
      background-color: #000000; }

.after-box {
  height: 100px;
  position: absolute;
  top: 10px;
  left: 0;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
  background-color: #F7F7F7;
  height: 100%;
  width: 100%;
  z-index: -1; }

@media (max-width: 900px) {
  .after-box {
    clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%); } }

@media (max-width: 600px) {
  .after-box {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%); } }

.section-contact h2 {
  font-family: 'Cormorant';
  text-align: center; }

.section-contact {
  padding: 0 19% 0; }
  .section-contact button {
    color: #000000;
    border: 0.7px solid #000000;
    border-radius: 2px; }

@media (max-width: 1190px) {
  .section-contact {
    padding: 0 5% 0; } }

.blog-title {
  font-family: 'Cormorant';
  text-align: center;
  margin: 50px 0; }

.all-blog-section {
  margin: 3rem 9rem;
  display: grid;
  grid-template-columns: repeat(3, 26%);
  grid-gap: 3.5rem;
  justify-items: center;
  justify-content: center; }

@media (max-width: 1000px) {
  .blog-title {
    font-size: 3.2rem; }
  .all-blog-section {
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 690px) {
  .blog-title {
    font-size: 2.8rem; }
  .all-blog-section {
    grid-template-columns: repeat(1, 1fr);
    margin: 3rem 1rem; } }

.full-size__box {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100vh;
  width: 100vw; }

.full-size {
  visibility: hidden;
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  height: 100vh;
  width: 100vw;
  z-index: 10;
  transition: all .2s;
  color: #FFF; }
  .full-size__image {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .full-size__text {
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 3rem; }

.inAnimation {
  visibility: visible;
  animation: 1s fadeIn; }

.outAnimation {
  animation: .5s fadeOut; }

.gallery-title {
  font-family: 'Cormorant';
  text-align: center;
  margin-bottom: 4rem;
  margin-top: 5rem; }

@media (max-width: 900px) {
  .full-size__image {
    width: 75%; }
  .full-size__text {
    top: 78%; } }

@media (max-width: 500px) {
  .gallery-title {
    font-size: 2.4rem; }
  .full-size__image {
    width: 75%; }
  .full-size__text {
    top: 74%;
    font-size: 1.6rem;
    text-align: center; } }

.free-course {
  margin-top: 135px;
  text-align: center;
  display: flex;
  justify-content: center; }
  .free-course .title-text {
    font-family: 'Cormorant'; }
  .free-course .list {
    margin-top: 3rem;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 160%; }
  .free-course .buttons {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 5rem; }
    .free-course .buttons .black {
      background-color: #000000;
      color: #FFF; }

@media (max-width: 800px) {
  .free-course .title-text {
    font-size: 32px; }
  .free-course .list {
    font-size: 18px; }
  .free-course .buttons a {
    font-size: 18px; } }

@media (max-width: 550px) {
  .free-course {
    margin-top: 60px; }
    .free-course .title-text {
      font-size: 24px; }
    .free-course .list {
      font-size: 16px;
      padding: 0 38px; }
    .free-course .buttons {
      margin-bottom: 0;
      justify-content: center;
      gap: 6px; }
      .free-course .buttons a {
        font-size: 16px;
        padding: 9px 10px; } }

.post-section .h2 {
  font-family: 'Cormorant';
  text-align: center;
  padding-top: 5rem;
  font-size: 36px; }

.post-section .line {
  display: flex;
  padding: 0 20%;
  padding-top: 7rem;
  gap: 3rem;
  justify-content: space-between; }
  .post-section .line .text-area {
    flex: 0 0 55%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 163%; }
  .post-section .line .image-area img {
    width: 100%; }
  .post-section .line p {
    padding-top: 2rem; }
  .post-section .line h2 {
    font-family: 'Cormorant'; }

@media (max-width: 1400px) {
  .post-section .line {
    padding: 4rem 3% 0; }
    .post-section .line .text-area {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 300;
      font-size: 18px;
      line-height: 163%; } }

@media (max-width: 750px) {
  .post-section .h2 {
    padding: 5rem 10px 0;
    font-size: 24px; }
  .post-section .line {
    flex-direction: column;
    padding: 4rem 3% 0; }
    .post-section .line .text-area {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      line-height: 163%; }
    .post-section .line h2 {
      font-size: 20px; } }

.category-list-container {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.category-list-container a{
    text-decoration: none;
    color: #000;
    font-size: 2.8rem;
    border-bottom: solid 1px;
}