@charset "UTF-8";
/*	Defined widths
--------------------------------------- */
/*	Slider settings
--------------------------------------- */
/*	Colors
--------------------------------------- */
/*	Breakpoints
--------------------------------------- */
/*	Other
--------------------------------------- */
/* common border radius */
/* disable text selection */
/*	Font / Text Mixins
======================================================================== */
/*	Font family mixin
    Examples:
    @include f(s,r);
    @include f(gs,l);
--------------------------------------- */
/*	Text mixin
    (dynamic font size and line height)
--------------------------------------- */
.open-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.open-course .red-triangle {
  position: absolute;
  bottom: 6.7rem;
  left: -6rem;
  z-index: 1;
}
.open-course .red-triangle img {
  width: 100%;
  max-width: 31.7647rem;
  height: 32rem;
}
.open-course .white-triangle {
  position: absolute;
  bottom: -2.7rem;
  left: 7rem;
  z-index: 2;
}
.open-course .white-triangle img {
  width: 100%;
  max-width: 27.7rem;
  height: 27.7rem;
}
.open-course__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6rem;
  margin: 0 auto;
  z-index: 5;
}
.open-course__content-cards {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  z-index: 3;
}
.open-course__content-cards .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  padding: 2.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.6rem;
  border-radius: 0.6rem;
  background: rgba(242, 244, 248, 0.6);
  backdrop-filter: blur(25px);
}
.open-course__content-cards .card__col-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 48.9rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.open-course__content-cards .card__col-left-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.open-course__content-cards .card__col-left-text p {
  color: var(--Ajka-palette-Grey-04-grey, #4d5358);
}
.open-course__content-cards .card__col-left-dates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.open-course__content-cards .card__col-left-dates .mixed {
  color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.open-course__content-cards .card__col-left-dates .mixed span:last-child {
  display: none;
}
.open-course__content-cards .card__col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 2rem;
}
.open-course__content-cards .card__col-right-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.open-course__content-cards .card__col-right-info .garant-course,
.open-course__content-cards .card__col-right-info .number-people,
.open-course__content-cards .card__col-right-info .range-course,
.open-course__content-cards .card__col-right-info .price-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.open-course__content-cards .card__col-right-info .garant-course .smaller,
.open-course__content-cards .card__col-right-info .number-people .smaller,
.open-course__content-cards .card__col-right-info .range-course .smaller,
.open-course__content-cards .card__col-right-info .price-course .smaller {
  color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.open-course__content-cards .card__col-right-info .garant-course .strong,
.open-course__content-cards .card__col-right-info .number-people .strong,
.open-course__content-cards .card__col-right-info .range-course .strong,
.open-course__content-cards .card__col-right-info .price-course .strong {
  color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.open-course__content-cards .card__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  position: absolute;
  left: 2.4rem;
  top: -1.7rem;
  border-radius: 0.6rem;
  background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
  backdrop-filter: blur(1px);
}
.open-course__content-cards .card__tag .tag-text {
  color: var(--White, #fff);
}

.online-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.online-course__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6rem;
  margin: 0 auto;
  z-index: 5;
}
.online-course__content-boxes {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  z-index: 3;
}
.online-course__content-boxes .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  padding: 2.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.6rem;
  border-radius: 0.6rem;
  background: rgba(242, 244, 248, 0.6);
  backdrop-filter: blur(25px);
}
.online-course__content-boxes .card__col-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 48.9rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.online-course__content-boxes .card__col-left-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.online-course__content-boxes .card__col-left-text p {
  color: var(--Ajka-palette-Grey-04-grey, #4d5358);
}
.online-course__content-boxes .card__col-left-dates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.online-course__content-boxes .card__col-left-dates .mixed {
  color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.online-course__content-boxes .card__col-left-dates .mixed span:last-child {
  display: none;
}
.online-course__content-boxes .card__col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 2rem;
}
.online-course__content-boxes .card__col-right-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.online-course__content-boxes .card__col-right-info .garant-course,
.online-course__content-boxes .card__col-right-info .number-people,
.online-course__content-boxes .card__col-right-info .range-course,
.online-course__content-boxes .card__col-right-info .price-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.online-course__content-boxes .card__col-right-info .garant-course .smaller,
.online-course__content-boxes .card__col-right-info .number-people .smaller,
.online-course__content-boxes .card__col-right-info .range-course .smaller,
.online-course__content-boxes .card__col-right-info .price-course .smaller {
  color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.online-course__content-boxes .card__col-right-info .garant-course .strong,
.online-course__content-boxes .card__col-right-info .number-people .strong,
.online-course__content-boxes .card__col-right-info .range-course .strong,
.online-course__content-boxes .card__col-right-info .price-course .strong {
  color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.online-course__content-boxes .card__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  position: absolute;
  left: 2.4rem;
  top: -1.7rem;
  border-radius: 0.6rem;
  background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
  backdrop-filter: blur(1px);
}
.online-course__content-boxes .card__tag .tag-text {
  color: var(--White, #fff);
}

/*	Defined widths
--------------------------------------- */
/*	Slider settings
--------------------------------------- */
/*	Colors
--------------------------------------- */
/*	Breakpoints
--------------------------------------- */
/*	Other
--------------------------------------- */
/* common border radius */
/* disable text selection */
/*	Font / Text Mixins
======================================================================== */
/*	Font family mixin
    Examples:
    @include f(s,r);
    @include f(gs,l);
--------------------------------------- */
/*	Text mixin
    (dynamic font size and line height)
--------------------------------------- */
.why-with-us {
  position: relative;
  padding-bottom: 2.4rem;
}
.why-with-us .arrow-down {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.why-with-us .arrow-down:hover {
  -webkit-transform: translateY(15%);
          transform: translateY(15%);
}
@media (width <= 1290px) {
  .why-with-us .arrow-down {
    left: 0;
  }
}
@media (width <= 705px) {
  .why-with-us .arrow-down {
    display: none;
  }
}
.why-with-us__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  margin: 0 auto;
  z-index: 4;
}
.why-with-us__content-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*	Defined widths
--------------------------------------- */
/*	Slider settings
--------------------------------------- */
/*	Colors
--------------------------------------- */
/*	Breakpoints
--------------------------------------- */
/*	Other
--------------------------------------- */
/* common border radius */
/* disable text selection */
/*	Font / Text Mixins
======================================================================== */
/*	Font family mixin
    Examples:
    @include f(s,r);
    @include f(gs,l);
--------------------------------------- */
/*	Text mixin
    (dynamic font size and line height)
--------------------------------------- */
.reference__content {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reference__content .polygon {
  width: 100%;
  position: relative;
}
.reference__content .polygon img {
  width: 100%;
  max-width: 123.6rem;
}
.reference__content .polygon .reference__content-text {
  width: 100%;
  position: absolute;
  max-width: 113.6rem;
  height: 40.25rem;
  top: 50%;
  left: 46%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.reference__content .polygon .reference__content-text .swiper {
  width: 100%;
  max-width: 67.2rem;
  height: 38.4rem;
  margin-left: 6.5rem;
}
.reference__content .polygon .reference__content-text-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 67.2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reference__content .polygon .reference__content-text-description .title {
  width: 100%;
  max-width: 67.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.reference__content .polygon .reference__content-text-description .title .d-big {
  color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.reference__content .polygon .reference__content-text-description .title h6,
.reference__content .polygon .reference__content-text-description .title .h6 {
  font-family: "Satoshi-Regular", sans-serif;
  font-weight: 500;
}
.reference__content .polygon .reference__content-text-description .title .signature {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.reference__content .polygon .reference__content-text-description .title .signature__icon {
  width: 100%;
  max-width: 2.4rem;
  height: 2.4rem;
  border-radius: 2.4rem;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.reference__content .polygon .reference__content-text-description .title .signature__icon img {
  width: 100%;
  max-width: 2.4rem;
  height: 2.4rem;
  border-radius: 2.4rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.reference__content .polygon .reference__content-text-description .title .signature-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.reference__content .polygon .reference__content-text-description .title .signature-name .strong {
  color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.reference__content .polygon .reference__content-text-description .title .signature-name .smaller {
  color: var(--Ajka-palette-Grey-04-grey, #4d5358);
}
.reference__content .polygon .reference__content-text .swiper-pagination {
  width: auto;
}
.reference__content .polygon .reference__content-text .swiper-pagination {
  width: auto;
  padding-left: 6.5rem;
}
.reference__content .polygon .reference__content-text .swiper-pagination-bullet {
  width: 1.6rem;
  height: 1.6rem;
  background: var(--Ajka-palette-grey-02-grey, #c1c7cd);
  margin: 0 1.6rem 0 0;
}
.reference__content .polygon .reference__content-text .swiper-pagination-bullet-active {
  background: var(--Ajka-palette-Red-03-Primary-red, #e31e25);
}
.reference__content .polygon .reference__content-text .buttons {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
  right: 0;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next,
.reference__content .polygon .reference__content-text .buttons .swiper-button-prev {
  width: 5.25rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next::after,
.reference__content .polygon .reference__content-text .buttons .swiper-button-prev::after {
  display: none;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next img,
.reference__content .polygon .reference__content-text .buttons .swiper-button-prev img {
  width: 5.25rem;
  height: 5.25rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-next {
  left: 5rem;
}
.reference__content .polygon .reference__content-text .buttons .swiper-button-prev {
  left: -2.4rem;
}

@media (width <= 2440px) {
  .reference__content .polygon img {
    max-width: 154rem;
  }
}
@media (width <= 2000px) {
  .reference__content .polygon img {
    max-width: 134rem;
  }
}
@media (width <= 1600px) {
  .reference__content .polygon img {
    max-width: 123.6rem;
  }
}
@media only screen and (max-width: 1100px) {
  .reference__content .polygon .reference__content-text .buttons {
    left: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .reference__content .polygon .attachment-polygon_image {
    min-height: 45rem;
  }
  .reference__content .polygon .reference__content-text {
    height: 35.25rem;
    top: 45%;
  }
  .reference__content .polygon .reference__content-text .swiper {
    width: unset;
    height: 33.4rem;
  }
  .reference__content .polygon .reference__content-text .buttons .swiper-button-next {
    left: 5rem;
  }
  .reference__content .polygon .reference__content-text .buttons .swiper-button-next img {
    width: 4.25rem;
    height: 4.25rem;
  }
  .reference__content .polygon .reference__content-text .buttons .swiper-button-prev img {
    width: 4.25rem;
    height: 4.25rem;
  }
  .reference__content .polygon .reference__content-text-description .title .d-big {
    font-size: calc(var(--fs-small-rate) * 3.8rem);
  }
}
@media only screen and (max-width: 500px) {
  .reference__content .polygon .reference__content-text .buttons .swiper-button-next {
    left: 3rem;
  }
  .reference__content .polygon .reference__content-text .buttons .swiper-button-next img {
    width: 3.25rem;
    height: 3.25rem;
  }
  .reference__content .polygon .reference__content-text .buttons .swiper-button-prev img {
    width: 3.25rem;
    height: 3.25rem;
  }
  .reference__content .polygon .reference__content-text .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
  }
  .reference__content .polygon .reference__content-text-description .title .d-big {
    font-size: calc(var(--fs-small-rate) * 2.8rem);
  }
}
/*	Defined widths
--------------------------------------- */
/*	Slider settings
--------------------------------------- */
/*	Colors
--------------------------------------- */
/*	Breakpoints
--------------------------------------- */
/*	Other
--------------------------------------- */
/* common border radius */
/* disable text selection */
/*	Font / Text Mixins
======================================================================== */
/*	Font family mixin
    Examples:
    @include f(s,r);
    @include f(gs,l);
--------------------------------------- */
/*	Text mixin
    (dynamic font size and line height)
--------------------------------------- */
.section-faq .inner {
  padding: clamp(5rem, 8vw, 11.5rem) 0;
}
.section-faq__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 75.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6rem;
  margin: 0 auto;
}
.section-faq__content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.section-faq__content .title .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2rem;
}
.section-faq__content .title .tags .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  cursor: pointer;
  border-radius: 0.6rem;
  background: rgba(242, 244, 248, 0.7);
  backdrop-filter: blur(1px);
}
.section-faq__content .title .tags .tag .button {
  font-weight: 600;
  font-family: "Inter-SemiBold";
  color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.section-faq__content .title .tags .tag.active {
  border-radius: 0.6rem;
  background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
  backdrop-filter: blur(1px);
}
.section-faq__content .title .tags .tag.active .button {
  color: var(--White, #fff);
}
.section-faq__content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 75.2rem;
  padding: 4.3rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  margin: 0 auto;
  display: none;
  border-radius: 2.4rem;
  background: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
@media screen and (max-width: 500px) {
  .section-faq__content-box {
    padding: 2.3rem;
    gap: 2rem;
  }
}
.section-faq__content-box .divider {
  width: 100%;
  height: 1px;
  background: var(--Ajka-palette-Grey-02-grey, #c1c7cd);
}
.section-faq__content-box .divider:last-child {
  display: none;
}
.section-faq__content-box.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Zobrazí pouze box pro výchozí kategorii */
}
.section-faq__content-box .answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 65.6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2rem;
  cursor: pointer;
}
.section-faq__content-box .answer__title {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 58rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.section-faq__content-box .answer__title h6 {
  margin: 0;
}
.section-faq__content-box .answer__title p {
  color: var(--Ajka-palette-Blue-05-blue, #001c41);
}
.section-faq__content-box .answer__title p a {
  border-bottom: 1px solid var(--Ajka-palette-Blue-02-blue, #4a9dff);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.section-faq__content-box .answer__title p a:hover {
  border-color: transparent;
}
.section-faq__content-box .answer__content {
  display: none;
  padding-top: 1.9rem;
}
.section-faq__content-box .answer .icon {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section-faq__content-box .answer .icon.active {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); /* Otočí šipku dolů při otevření */
}

.course-hero {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 16rem;
}
.course-hero .arrow-down {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.course-hero .arrow-down:hover {
  -webkit-transform: translateY(15%);
          transform: translateY(15%);
}
@media (width <= 1290px) {
  .course-hero .arrow-down {
    left: 0;
  }
}
@media (width <= 705px) {
  .course-hero .arrow-down {
    display: none;
  }
}
.course-hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  gap: 4rem;
}
.course-hero__content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 59.1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
}
.course-hero__content-header-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.course-hero__content-header-text p {
  text-align: center;
}
.course-hero__triangles {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}
.course-hero__triangles-card {
  position: relative;
  width: 100%;
  max-width: 36.8rem;
  height: 31.3rem;
}
.course-hero__triangles-card svg {
  width: 100%;
  max-width: 24rem;
}
.course-hero__triangles-card-box {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 30.4801rem;
  padding: 2.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4rem;
  bottom: 0;
  right: 0;
  border-radius: 0.6rem;
  background: rgba(242, 244, 248, 0.6);
  backdrop-filter: blur(12px);
}
.course-hero__triangles-card-box-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.6rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.course-hero__triangles-card-box-text .arrow-icon {
  width: 100%;
}
.course-hero__triangles-card-box-text .arrow-icon img {
  width: 100%;
  max-width: 4.25rem;
}

.education-firm {
  overflow: hidden;
}
.education-firm .red-triangle {
  position: absolute;
  bottom: 12.5rem;
  right: -8rem;
  z-index: 1;
}
.education-firm .red-triangle img {
  width: 100%;
  max-width: 31.7647rem;
  height: 32rem;
}
.education-firm .white-triangle {
  position: absolute;
  bottom: 1rem;
  right: 6rem;
  z-index: 2;
}
.education-firm .white-triangle img {
  width: 100%;
  max-width: 27.679rem;
  height: 27.5175rem;
}
.education-firm__content {
  position: relative;
  z-index: 3;
}

.global-tags .title-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
}
.global-tags .title-tags .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 97.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}
.global-tags .title-tags .tags__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  cursor: pointer;
  border-radius: 0.6rem;
  background: rgba(242, 244, 248, 0.7);
  backdrop-filter: blur(1px);
}
.global-tags .title-tags .tags__tag.active, .global-tags .title-tags .tags__tag:hover {
  border-radius: 0.6rem;
  background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
  backdrop-filter: blur(1px);
}
.global-tags .title-tags .tags__tag.active .tag-text, .global-tags .title-tags .tags__tag:hover .tag-text {
  color: var(--White, #fff);
}

.course-firm,
.education-firm,
.online-course,
.open-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.course-firm__content,
.education-firm__content,
.online-course__content,
.open-course__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6rem;
  margin: 0 auto;
  z-index: 5;
}
.course-firm__content .title-tags,
.education-firm__content .title-tags,
.online-course__content .title-tags,
.open-course__content .title-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
}
.course-firm__content .title-tags .tags,
.education-firm__content .title-tags .tags,
.online-course__content .title-tags .tags,
.open-course__content .title-tags .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 97.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.course-firm__content .title-tags .tags__tag,
.education-firm__content .title-tags .tags__tag,
.online-course__content .title-tags .tags__tag,
.open-course__content .title-tags .tags__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  cursor: pointer;
  border-radius: 0.6rem;
  background: rgba(242, 244, 248, 0.7);
  backdrop-filter: blur(1px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.course-firm__content .title-tags .tags__tag.active, .course-firm__content .title-tags .tags__tag:hover,
.education-firm__content .title-tags .tags__tag.active,
.education-firm__content .title-tags .tags__tag:hover,
.online-course__content .title-tags .tags__tag.active,
.online-course__content .title-tags .tags__tag:hover,
.open-course__content .title-tags .tags__tag.active,
.open-course__content .title-tags .tags__tag:hover {
  border-radius: 0.6rem;
  background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
  backdrop-filter: blur(1px);
}
.course-firm__content .title-tags .tags__tag.active .tag-text, .course-firm__content .title-tags .tags__tag:hover .tag-text,
.education-firm__content .title-tags .tags__tag.active .tag-text,
.education-firm__content .title-tags .tags__tag:hover .tag-text,
.online-course__content .title-tags .tags__tag.active .tag-text,
.online-course__content .title-tags .tags__tag:hover .tag-text,
.open-course__content .title-tags .tags__tag.active .tag-text,
.open-course__content .title-tags .tags__tag:hover .tag-text {
  color: var(--White, #fff);
}
.course-firm__content .title-tags .tags__tag .tag-text,
.education-firm__content .title-tags .tags__tag .tag-text,
.online-course__content .title-tags .tags__tag .tag-text,
.open-course__content .title-tags .tags__tag .tag-text {
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 600;
  /*	1) Headlines text group
    --------------------------------------- */
  font-size: 14px;
  line-height: 1;
}
.course-firm__content-boxes,
.education-firm__content-boxes,
.online-course__content-boxes,
.open-course__content-boxes {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  z-index: 3;
}
.course-firm__content-boxes .card,
.education-firm__content-boxes .card,
.online-course__content-boxes .card,
.open-course__content-boxes .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  padding: 2.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.6rem;
  border-radius: 0.6rem;
  background: rgba(242, 244, 248, 0.6);
  backdrop-filter: blur(25px);
}
.course-firm__content-boxes .card__col-left,
.education-firm__content-boxes .card__col-left,
.online-course__content-boxes .card__col-left,
.open-course__content-boxes .card__col-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 48.9rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.course-firm__content-boxes .card__col-left-text,
.education-firm__content-boxes .card__col-left-text,
.online-course__content-boxes .card__col-left-text,
.open-course__content-boxes .card__col-left-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.course-firm__content-boxes .card__col-left-text p,
.education-firm__content-boxes .card__col-left-text p,
.online-course__content-boxes .card__col-left-text p,
.open-course__content-boxes .card__col-left-text p {
  color: var(--Ajka-palette-Grey-04-grey, #4d5358);
}
.course-firm__content-boxes .card__col-left-dates,
.education-firm__content-boxes .card__col-left-dates,
.online-course__content-boxes .card__col-left-dates,
.open-course__content-boxes .card__col-left-dates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.course-firm__content-boxes .card__col-left-dates .mixed,
.education-firm__content-boxes .card__col-left-dates .mixed,
.online-course__content-boxes .card__col-left-dates .mixed,
.open-course__content-boxes .card__col-left-dates .mixed {
  color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.course-firm__content-boxes .card__col-left-dates .mixed span:last-child,
.education-firm__content-boxes .card__col-left-dates .mixed span:last-child,
.online-course__content-boxes .card__col-left-dates .mixed span:last-child,
.open-course__content-boxes .card__col-left-dates .mixed span:last-child {
  display: none;
}
.course-firm__content-boxes .card__col-right,
.education-firm__content-boxes .card__col-right,
.online-course__content-boxes .card__col-right,
.open-course__content-boxes .card__col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 2rem;
}
.course-firm__content-boxes .card__col-right-info,
.education-firm__content-boxes .card__col-right-info,
.online-course__content-boxes .card__col-right-info,
.open-course__content-boxes .card__col-right-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.course-firm__content-boxes .card__col-right-info .garant-course,
.course-firm__content-boxes .card__col-right-info .number-people,
.course-firm__content-boxes .card__col-right-info .range-course,
.course-firm__content-boxes .card__col-right-info .price-course,
.education-firm__content-boxes .card__col-right-info .garant-course,
.education-firm__content-boxes .card__col-right-info .number-people,
.education-firm__content-boxes .card__col-right-info .range-course,
.education-firm__content-boxes .card__col-right-info .price-course,
.online-course__content-boxes .card__col-right-info .garant-course,
.online-course__content-boxes .card__col-right-info .number-people,
.online-course__content-boxes .card__col-right-info .range-course,
.online-course__content-boxes .card__col-right-info .price-course,
.open-course__content-boxes .card__col-right-info .garant-course,
.open-course__content-boxes .card__col-right-info .number-people,
.open-course__content-boxes .card__col-right-info .range-course,
.open-course__content-boxes .card__col-right-info .price-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.course-firm__content-boxes .card__col-right-info .garant-course .smaller,
.course-firm__content-boxes .card__col-right-info .number-people .smaller,
.course-firm__content-boxes .card__col-right-info .range-course .smaller,
.course-firm__content-boxes .card__col-right-info .price-course .smaller,
.education-firm__content-boxes .card__col-right-info .garant-course .smaller,
.education-firm__content-boxes .card__col-right-info .number-people .smaller,
.education-firm__content-boxes .card__col-right-info .range-course .smaller,
.education-firm__content-boxes .card__col-right-info .price-course .smaller,
.online-course__content-boxes .card__col-right-info .garant-course .smaller,
.online-course__content-boxes .card__col-right-info .number-people .smaller,
.online-course__content-boxes .card__col-right-info .range-course .smaller,
.online-course__content-boxes .card__col-right-info .price-course .smaller,
.open-course__content-boxes .card__col-right-info .garant-course .smaller,
.open-course__content-boxes .card__col-right-info .number-people .smaller,
.open-course__content-boxes .card__col-right-info .range-course .smaller,
.open-course__content-boxes .card__col-right-info .price-course .smaller {
  color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.course-firm__content-boxes .card__col-right-info .garant-course .strong,
.course-firm__content-boxes .card__col-right-info .number-people .strong,
.course-firm__content-boxes .card__col-right-info .range-course .strong,
.course-firm__content-boxes .card__col-right-info .price-course .strong,
.education-firm__content-boxes .card__col-right-info .garant-course .strong,
.education-firm__content-boxes .card__col-right-info .number-people .strong,
.education-firm__content-boxes .card__col-right-info .range-course .strong,
.education-firm__content-boxes .card__col-right-info .price-course .strong,
.online-course__content-boxes .card__col-right-info .garant-course .strong,
.online-course__content-boxes .card__col-right-info .number-people .strong,
.online-course__content-boxes .card__col-right-info .range-course .strong,
.online-course__content-boxes .card__col-right-info .price-course .strong,
.open-course__content-boxes .card__col-right-info .garant-course .strong,
.open-course__content-boxes .card__col-right-info .number-people .strong,
.open-course__content-boxes .card__col-right-info .range-course .strong,
.open-course__content-boxes .card__col-right-info .price-course .strong {
  color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.course-firm__content-boxes .card__tag,
.education-firm__content-boxes .card__tag,
.online-course__content-boxes .card__tag,
.open-course__content-boxes .card__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  position: absolute;
  left: 2.4rem;
  top: -1.7rem;
  border-radius: 0.6rem;
  background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
  backdrop-filter: blur(1px);
}
.course-firm__content-boxes .card__tag .tag-text,
.education-firm__content-boxes .card__tag .tag-text,
.online-course__content-boxes .card__tag .tag-text,
.open-course__content-boxes .card__tag .tag-text {
  color: var(--White, #fff);
}

.service-process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 11.5rem;
  overflow: hidden;
}
.service-process__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  margin: 0 auto;
  z-index: 3;
}
.service-process__content-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service-process__content-boxes .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 27.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.service-process__content-boxes .box:hover .rectangle {
  background: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.service-process__content-boxes .box .rectangle {
  height: 1.6rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 0.6rem 0.6rem 0rem 0rem;
  background: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service-process__content-boxes .box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 0rem 0rem 0.6rem 0.6rem;
  background: var(--White, #fff);
}
.service-process__content-boxes .box-content__icon {
  width: 100%;
  max-width: 6rem;
  height: 6rem;
}
.service-process__content-boxes .box-content__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.8rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.service-process__content-boxes .box-content__text .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.how-join {
  margin-top: 8rem;
  overflow: hidden;
}
.how-join__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.how-join__content-text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem;
}
.how-join__content-text .col-left {
  width: 100%;
  max-width: 48.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 11.5rem;
}
.how-join__content-text .col-left__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4rem;
}
.how-join__content-text .col-left__description .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
}
.how-join__content-text .col-right {
  width: 100%;
  max-width: 36.8rem;
  position: relative;
  overflow: visible;
}
.how-join__content-text .col-right svg {
  position: relative;
  width: 100%;
  max-width: 36.8rem;
  z-index: 2;
}
.how-join__content-text .col-right .red-triangle {
  position: absolute;
  bottom: -2.5rem;
  right: -18rem;
  z-index: 1;
}
.how-join__content-text .col-right .red-triangle img {
  width: 100%;
  max-width: 31.7647rem;
  height: 32rem;
  -webkit-transform: rotate(205deg);
          transform: rotate(205deg);
}

.case-study {
  margin-top: 8rem;
}
.case-study__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  margin: 0 auto;
}
.case-study__content h2 {
  text-align: center;
}
.case-study__content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.case-study__content-box:hover .description__col-left img {
  opacity: 1;
}
.case-study__content-box:hover .description__col-right .btn_secondary {
  border: 1.25px solid var(--Ajka-palette-Blue-02-blue, #4a9dff);
  color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.case-study__content-box .description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.case-study__content-box .description__col-left {
  position: relative;
  width: 100%;
  max-width: 56rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.case-study__content-box .description__col-left img {
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.case-study__content-box .description__col-left-tag {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin: 2.4rem;
  top: 0;
  left: 0;
  border-radius: 0.6rem;
  background: rgba(242, 244, 248, 0.7);
  backdrop-filter: blur(1px);
}
.case-study__content-box .description__col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 0rem 0rem 0.6rem 0.6rem;
  background: var(--White, #fff);
}
.case-study__content-box .description__col-right-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.6rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.case-study__content-box .description__col-right-text .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
}
.case-study__content-box .description__col-right-text .author-name,
.case-study__content-box .description__col-right-text .author .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.case-study__content-box .description__col-right-text .author-name svg g path,
.case-study__content-box .description__col-right-text .author .time svg g path {
  stroke: var(--Ajka-palette-Blue-03-blue, #0075ff);
}

.newsletter {
  margin-bottom: 15.5rem;
}

@media (width <= 1043px) {
  .education-firm__content-boxes,
  .course-firm__content-boxes {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (width <= 900px) {
  .case-study__content-box .description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .case-study__content-box .description__col-left {
    max-width: 100%;
  }
  .service-process {
    padding-bottom: 2rem;
  }
  .newsletter {
    margin-bottom: 0;
  }
}
@media (width <= 840px) {
  .how-join__content-text {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (width <= 705px) {
  .education-firm__content-boxes .education-card,
  .education-firm__content-boxes .course-card,
  .course-firm__content-boxes .education-card,
  .course-firm__content-boxes .course-card {
    max-width: 100%;
  }
}
@media (width <= 536px) {
  .service-process__content-boxes .box {
    max-width: 100%;
  }
}
/*# sourceMappingURL=course.css.map */