/* =========================================
   ROOT VARIABLES
========================================= */

:root {

  --color-primary: #9c6b4d;
  --color-secondary: #007ea0;

  --color-white: #ffffff;
  --color-black: #000000;

  --color-text: #3f3f3f;
  --color-border: #d9d9d9;

  --color-dark-card: #5f6464;

  --font-heading: 'Avantgardef-bold', sans-serif;
  --font-body: 'Century Gothic', sans-serif;

  --transition-speed: 0.3s;
}

/* =========================================
   RESET
========================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body {
  font-family: var(--font-body);
  background: #ffffff;
}

h2,
h3 {
  font-family: var(--font-heading) !important;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

button {
  font-family: inherit;
}

/* =========================================
   GLOBAL SECTION GAP
========================================= */

.section-gap {
  padding-top: 100px;
}

/* =========================================
   HEADER
========================================= */

.site-header {

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;

  z-index: 1000;
}

/* =========================================
   TOPBAR
========================================= */

.topbar {

  width: 100%;
  height: 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(0, 0, 0, 0.30);

  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.topbar__link {

  color: var(--color-white);

  font-size: 14px;
  font-weight: 400;

  line-height: 1;

  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* =========================================
   NAVBAR
========================================= */

.nav {

  width: 100%;

  background: #ffffff;
}

.nav__container {

  width: 100%;
  max-width: 1280px;

  margin: 0 auto;

  min-height: 72px;

  padding: 0 32px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* =========================================
   LOGO
========================================= */

.nav__logo {
  flex-shrink: 0;
}

.nav__logo img {
  width: 120px;
}

/* =========================================
   NAV MENU
========================================= */

.nav__menu {

  display: flex;
  align-items: center;
  gap: 56px;
}

.nav__list {

  display: flex;
  align-items: center;
  gap: 48px;
}

.nav__link {

  color: var(--color-secondary);

  font-size: 18px;
  font-weight: 400;

  transition: opacity var(--transition-speed);
}

.nav__link:hover {
  opacity: 0.8;
}

/* =========================================
   CTA BUTTON
========================================= */

.nav__cta {

  background: var(--color-primary);

  color: var(--color-white);

  padding: 16px 28px;

  font-size: 18px;
  font-weight: 500;

  transition: opacity var(--transition-speed);
}

.nav__cta:hover {
  opacity: 0.9;
}

/* =========================================
   MOBILE TOGGLE
========================================= */

.nav__toggle {

  width: 44px;
  height: 44px;

  border: none;
  background: transparent;

  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;

  cursor: pointer;
}

.nav__toggle span {

  width: 24px;
  height: 2px;

  background: #111111;
}

/* =========================================
   HERO SECTION
========================================= */

.hero {

  position: relative;

  width: 100%;
  height: 760px;

  overflow: hidden;
}

/* HERO BG */

.hero__bg,
.hero__bg-image {

  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;
}

.hero__bg-image {

  object-fit: cover;
  object-position: center;
}

/* HERO OVERLAY */

.hero__overlay {

  position: absolute;
  inset: 0;

  background: rgba(0, 0, 0, 0.22);

  z-index: 1;
}

/* HERO CONTENT */

.hero__container {

  position: relative;
  z-index: 5;

  width: 100%;
  max-width: 1280px;

  margin: 0 auto;

  padding-top: 240px;

  display: flex;
  justify-content: center;

  text-align: center;
}

/* HERO TITLE */

.hero__title {

  margin: 0;

  color: #ffffff;

  font-family: var(--font-heading);

  font-size: 108px;
  font-weight: 700;

  line-height: 0.92;

  letter-spacing: -4px;
}

/* HERO BRUSH */

.hero__brush {

  position: absolute;

  left: 0;
  bottom: -2px;

  width: 100%;

  z-index: 5;
}

.hero__brush img {
  width: 100%;
}

/* =========================================
   DETAILS SECTION
========================================= */

.details-section {

  width: 100%;

  background: transparent;
}

.details-section__container {

  width: 100%;
  max-width: 1240px;

  margin: 0 auto;

  padding: 0 12px;
}

/* ACCORDION */

.accordion {

  width: 100%;

  border: 1px solid var(--color-border);

  background: #ffffff;

  margin-bottom: 16px;

  overflow: hidden;
}

.accordion__header {

  width: 100%;

  min-height: 66px;

  padding: 0 36px;

  border: none;

  background: #ffffff !important;

  display: flex;
  align-items: center;
  justify-content: space-between;

  cursor: pointer;

  transition: background 0.3s ease;
}

.accordion.active .accordion__header {
  background: #0d7896 !important;
}

.accordion__title {

  color: #3e3e3e;

  font-size: 18px;
  font-weight: 700;

  line-height: 1.2;

  transition: color 0.3s ease;
}

.accordion.active .accordion__title {
  color: #ffffff;
}

.accordion__icon {

  color: #4b4b4b;

  font-size: 34px;
  font-weight: 400;

  line-height: 1;

  transition: color 0.3s ease;
}

.accordion.active .accordion__icon {
  color: #ffffff;
}

.accordion__content {

  max-height: 0;

  overflow: hidden;

  background: #ffffff;

  transition:
    max-height 0.4s ease,
    padding 0.4s ease;

  padding: 0 36px;
}

.accordion.active .accordion__content {

  max-height: 500px;

  padding:
    22px 36px 28px;
}

.accordion__content p {

  margin: 0;

  color: var(--color-text);

  font-size: 18px;
  font-weight: 300;

  line-height: 1.6;
}

.details-section__button {

  width: 100%;

  display: flex;
  justify-content: center;

  margin-top: 30px;
}

.details-section__cta {

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 156px;
  min-height: 46px;

  padding: 0 28px;

  background: var(--color-primary);

  color: #ffffff;

  font-size: 16px;
  font-weight: 400;

  transition: opacity 0.3s ease;
}

.details-section__cta:hover {
  opacity: 0.9;
}

/* =========================================
   PACKAGE SECTION
========================================= */

.package-section {
  width: 100%;
}

.package-section__container {

  width: 100%;
  max-width: 1240px;

  margin: 0 auto;

  padding: 0 12px;
}

/* =========================================
   VIDEO GALLERY SLIDER
========================================= */

.video-gallery {

  position: relative;
  margin-bottom: 42px;
}

.video-gallery .slick-track {
  display: flex;
}

.video-gallery .slick-slide {

  padding: 0 7px;
  height: inherit;
}

.video-gallery .slick-slide>div {
  height: 100%;
}

.video-gallery__item {

  position: relative;

  overflow: hidden;

  cursor: pointer;
}

.video-gallery__item img {

  width: 100%;
  height: 220px;

  object-fit: cover;

  transition:
    transform 0.45s ease;
}

.video-gallery__item:hover img {
  transform: scale(1.05);
}

.video-gallery__play {
  border: 2px solid #fff !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:
    translate(-50%, -50%) scale(0.8);
  width: 76px;
  height: 76px;
  border: none;
  border-radius: 50% !important;
  background-color: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.35s ease,
    visibility 0.35s ease,
    transform 0.35s ease;
  cursor: pointer;
}

.video-gallery__play-icon {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid #fff;
  margin-left: 5px;
}

.video-gallery__item:hover .video-gallery__play {

  opacity: 1;
  visibility: visible;

  transform:
    translate(-50%, -50%) scale(1);
}

.video-modal__close {
  font-size: 30px !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0px !important;
  background-color: transparent !important;
  border: 2px solid #fff !important;
}

/* =========================================
   SLICK DOTS
========================================= */

.video-gallery .slick-dots,
.accommodation-slider .slick-dots {

  display: flex !important;
  align-items: center;
  justify-content: center;

  gap: 8px;

  margin-top: 18px;
  margin-bottom: 0;

  padding: 0;
}

.video-gallery .slick-dots li,
.accommodation-slider .slick-dots li {

  width: auto;
  height: auto;

  margin: 0;

  list-style: none;
}

.video-gallery .slick-dots li button,
.accommodation-slider .slick-dots li button {

  width: 8px;
  height: 8px;

  padding: 0;

  border: none;
  border-radius: 50%;

  background: #d7d7d7;

  font-size: 0;

  cursor: pointer;

  transition:
    all 0.3s ease;
}

.video-gallery .slick-dots li button::before,
.accommodation-slider .slick-dots li button::before {
  display: none;
}

.video-gallery .slick-dots li.slick-active button {

  width: 56px;
  height: 8px;

  border-radius: 30px;

  background: #8f654d;
}

.accommodation-slider .slick-dots li.slick-active button {

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: #00789a;
}

/* =========================================
   PACKAGE CARD
========================================= */

.package-card {

  width: 100%;

  margin-top: 60px;

  border: 1px solid #e5e5e5;

  background: #ffffff;
}

.package-card__top {

  background: var(--color-dark-card);

  padding: 24px 30px;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 24px;
}

.package-card__title {

  margin: 0 0 12px;

  color: #ffffff;

  font-size: 30px;
  font-weight: 600;
}

.package-card__location {

  color: #dddddd;

  font-size: 14px;
}

.package-card__rating {

  color: #ffc94a;

  font-size: 18px;

  text-align: right;

  margin-bottom: 14px;
}

.package-card__rating span {

  color: #d8d8d8;

  font-size: 13px;
}

.package-card__date {
  color: #d8d8d8;
  font-size: 14px;
  text-align: right;
  display: flex;
  align-items: center;
}

.package-card__location {
  display: flex;
  align-items: center;
  gap: 13px;
}

img.emoji-loc-pin {
  width: 15px;
  height: auto;
}

img.emoji-calendar {
  width: 40px;
  height: 40px;
}

.package-card__body {
  background: #ffffff;
}

.package-card__row {

  padding: 28px 30px;

  border-top: 1px solid #ededed;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.package-card__room {

  color: #4d4d4d;

  font-size: 18px;
  font-weight: 500;
}

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

.package-card__price {

  color: #4d4d4d;

  font-size: 34px;
  font-weight: 600;

  line-height: 1;
}

.package-card__deposit {

  color: #9b9b9b;

  font-size: 14px;

  margin-top: 8px;
}

.package-card__footer {

  padding: 20px 30px;

  border-top: 1px solid #ededed;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.package-card__powered {

  color: #999999;

  font-size: 14px;
}

.package-card__powered em {

  font-style: italic;

  color: #666666;
}

.package-card__button {

  min-width: 132px;
  min-height: 44px;

  background: #31c24b;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #ffffff;

  font-size: 15px;
  font-weight: 500;
}

/* =========================================
   VIDEO MODAL
========================================= */

.video-modal {

  position: fixed;

  inset: 0;

  z-index: 9999;

  opacity: 0;
  visibility: hidden;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.video-modal.active {

  opacity: 1;
  visibility: visible;
}

.video-modal__overlay {

  position: absolute;
  inset: 0;

  background: rgba(0, 0, 0, 0.86);
}

.video-modal__wrapper {

  position: relative;

  width: 90%;
  max-width: 960px;

  margin: auto;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;
}

.video-modal__close {

  position: absolute;

  top: -50px;
  right: 0;

  width: 42px;
  height: 42px;

  border: none;
  border-radius: 50%;

  background: #ffffff;

  color: #111111;

  font-size: 28px;

  cursor: pointer;
}

.video-modal__video {

  position: relative;

  width: 100%;

  padding-top: 56.25%;

  overflow: hidden;

  background: #000000;
}

.video-modal__video iframe {

  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  border: none;
}

/* =========================================
   INCLUDED SECTION
========================================= */

.included-section {

  width: 100%;

  background: #edf5f5;

  margin-top: 100px;
}

.included-section__container {

  width: 100%;
  max-width: 1240px;

  margin: 0 auto;

  padding: 0 12px;
}

.included-section__title {

  margin:
    0 0 52px;

  color: #00789a;

  font-size: 72px;
  font-weight: 700;

  line-height: 1;
}

.included-section__grid {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 70px;
}

.included-section__list {

  display: flex;
  flex-direction: column;

  gap: 26px;
}

.included-section__list li {

  position: relative;

  padding-left: 48px;

  color: #3f3f3f;

  font-size: 18px;
  font-weight: 400;

  line-height: 1.5;
}

.included-section__list li::before {

  content: '';

  position: absolute;

  top: 0;
  left: 0;

  width: 33px;
  height: 33px;

  background-image: url('../images/bullet-globe.png');

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.included-section__note {

  margin-top: 70px;

  max-width: 1180px;
}

.included-section__note p {

  margin: 0;

  color: #4a4a4a;

  font-size: 16px;
  font-weight: 400;

  line-height: 1.7;
}

.included-section__note a {

  color: #00789a;

  text-decoration: none;
}

/* =========================================
   ACCOMMODATION SECTION
========================================= */

.accommodation-section {

  width: 100%;

  background: #edf5f5;
}

.accommodation-section__container {

  width: 100%;
  max-width: 1240px;

  margin: 0 auto;

  padding:
    0 12px 90px;
}

.accommodation-section__title {

  margin:
    0 0 34px;

  color: #00789a;

  text-align: center;

  font-size: 58px;
  font-weight: 700;

  line-height: 1;
}

.accommodation-slider {

  position: relative;
}

.accommodation-slider .slick-track {
  display: flex;
}

.accommodation-slider .slick-slide {

  padding: 0 6px;

  height: inherit;
}

.accommodation-slider .slick-slide>div {
  height: 100%;
}

.accommodation-slider__item {

  overflow: hidden;
}

.accommodation-slider__item img {

  width: 100%;
  height: 260px;

  object-fit: cover;

  display: block;
}

/* =========================================
   IMPACT SECTION
========================================= */

.impact-section {

  width: 100%;

  background: #ffffff;
}

.impact-section__container {

  width: 100%;
  max-width: 1240px;

  margin: 0 auto;

  padding:
    0 12px 0px;
}

.impact-section__title {

  margin: 0 0 58px;
  color: #00789a;
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.08;
}

.impact-grid {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  column-gap: 50px;
  row-gap: 50px;
}

.impact-item {

  position: relative;

  min-height: 150px;

  overflow: hidden;
}

/* NUMBER */

.impact-item__number {

  position: absolute;

  inset: 0;

  display: flex;
  align-items: flex-start;
  justify-content: flex-start;

  font-size: 200px;
  font-weight: 800;

  line-height: 1;

  color: #e4f4f3;

  z-index: 0;
  font-family: 'Avantgardef-bold', sans-serif;
  pointer-events: none;
}

.impact-item__number::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='143' height='157' viewBox='0 0 143 157' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_2504_1216)'%3E%3Crect x='114.343' y='27.3868' width='3' height='119.723' rx='1.5' transform='rotate(40 114.343 27.3868)' fill='white' fill-opacity='0.3' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2504_1216' x='-6.10352e-05' y='0' width='142.028' height='156.415' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-6' dy='4'/%3E%3CfeGaussianBlur stdDeviation='16'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2504_1216'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2504_1216' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  pointer-events: none;
  z-index: 2;
  width: 140px;
  left: -16px;
  top: 29px;
  background-repeat: no-repeat;
}









.impact-item__number span {

  position: relative;

  display: block;

  line-height: 1;
}

/* GLOSS */

.impact-item__number span::after {

  content: '';

  position: absolute;

  top: -10%;
  left: 52%;

  width: 10px;
  height: 120%;



  background:
    linear-gradient(to bottom,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.95),
      rgba(255, 255, 255, 0));

  transform: rotate(34deg);

  opacity: 0.9;
}

/* CONTENT */

.impact-item__content {

  position: relative;

  z-index: 2;
  padding-top: 18px;
  padding-left: 84px;
}

/* ICON */

.impact-item__icon {

  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.impact-item__icon img {
  width: 80px;
  height: 60px object-fit:contain;
}

/* TITLE */

.impact-item__title {
  font-family: 'Avantgardef-bold', sans-serif;
  margin: 0 0 12px;
  text-align: center;
  color: #027090;

  font-size: 20px;
  font-weight: 700 !important;

  line-height: 1.35;
}

/* TEXT */

.impact-item__text {

  margin: 0;

  color: #5d5d5d;

  font-size: 16px;
  font-weight: 400;

  line-height: 1.6;
}

.impact-section__button {

  display: flex;
  justify-content: center;

  margin-top: 60px;
}

.impact-section__cta {

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 156px;
  min-height: 46px;

  padding: 0 28px;

  background: var(--color-primary);
  border: 1px solid #9c6b4d !important;
  color: #ffffff;

  font-size: 16px;
  font-weight: 400;

  transition: all 0.3s ease-in-out;
}

.details-section__cta {
  border: 1px solid #9c6b4d !important;
  transition: all 0.3s ease-in-out;
}

.impact-section__cta:hover,
.details-section__cta:hover {
  opacity: 1;
  background: transparent !important;
}

.impact-section__cta:hover span,
.details-section__cta:hover span {
  color: #9c6b4d !important;
}

.impact-section__cta:hover svg,
.details-section__cta:hover svg {
  stroke: #9c6b4d !important;
}

/* =========================================
   DIPLOMA INFO SECTION
========================================= */

.diploma-info {
  width: 100%;
  background: linear-gradient(to bottom, #ffffff 0%, #edf5f5 80px, #edf5f5 100%);
  padding: 80px 0;
}

.diploma-info__container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 32px;
}

.diploma-info__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.diploma-info__col-content {
  flex: 1.2;
}

.diploma-info__col-media {
  flex: 1;
  position: relative;
}

.diploma-info__title {
  margin: 0 0 24px 0;
  color: #027090;
  font-family: var(--font-heading);
  font-size: 38px;
  font-weight: 700;
  line-height: 1.25;
}

.diploma-info__text {
  margin: 0;
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.diploma-info__image-wrapper {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.diploma-info__image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

/* =========================================
   TABLET
========================================= */

.testimonial-section {

  width: 100%;

  background: #ffffff;
}

.testimonial-section__container {

  width: 100%;
  max-width: 1240px;

  margin: 0 auto;

  padding:
    0 12px 0px;
}

.testimonial-card {

  width: 100%;

  max-width: 1080px;

  margin: 0 auto;

  text-align: center;
}

.testimonial-card__image {

  width: 132px;
  height: 132px;

  margin:
    0 auto 22px;

  border-radius: 50%;

  overflow: hidden;
}

.testimonial-card__image img {

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.testimonial-card__name {

  margin:
    0 0 4px;

  color: #00789a;

  font-size: 24px;
  font-weight: 700;

  line-height: 1.2;
}

.testimonial-card__country {

  margin-bottom: 42px;

  color: #3f3f3f;

  font-size: 22px;
  font-weight: 400;

  line-height: 1.2;
}

.testimonial-card__text {

  margin: 0 auto;

  max-width: 1120px;

  color: #4c4c4c;

  font-size: 18px;
  font-weight: 300;

  line-height: 1.9;

  text-align: center;
}

/* =========================================
   INQUIRY SECTION
========================================= */

.inquiry-section {

  width: 100%;

  background: #ffffff;
}

.inquiry-section__container {

  width: 100%;
  max-width: 1240px;

  margin: 0 auto;

  padding:
    0 12px 0px;
}

/* CARD */

.inquiry-card {

  width: 100%;

  border: 1px solid #e3e3e3;
  border-radius: 18px;

  background: #ffffff;

  padding:
    26px 28px 24px;
}

/* TITLE */

.inquiry-card__title {

  margin:
    0 0 4px;

  color: #4b4b4b;

  font-size: 34px;
  font-weight: 700;

  line-height: 1.2;
}

/* SUBTITLE */

.inquiry-card__subtitle {

  margin-bottom: 34px;

  color: #18b8de;

  font-size: 20px;
  font-weight: 600;

  line-height: 1.2;
}

/* FORM */

.inquiry-form {
  width: 100%;
}

/* ROW */

.inquiry-form__row {

  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 24px;

  margin-bottom: 20px;
}

/* GROUP */

.inquiry-form__group {
  width: 100%;
}

.inquiry-form__group--phone {

  max-width: 560px;

  margin-bottom: 20px;
}

/* LABEL */

.inquiry-form__label {

  display: block;

  margin-bottom: 12px;

  color: #5a5a5a;

  font-size: 17px;
  font-weight: 600;

  line-height: 1.3;
}

/* INPUT */

.inquiry-form__input {

  width: 100%;
  height: 58px;

  border: 1px solid #e1e1e1;
  border-radius: 4px;

  padding: 0 18px;

  background: #ffffff;

  color: #4a4a4a;

  font-size: 16px;
  font-weight: 400;

  outline: none;

  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.inquiry-form__input:focus {

  border-color: #18b8de;

  box-shadow:
    0 0 0 3px rgba(24, 184, 222, 0.08);
}

.inquiry-form__input::placeholder {
  color: #b0b0b0;
}

/* PHONE */

.inquiry-form__phone {

  display: flex;
  align-items: center;

  border: 1px solid #e1e1e1;
  border-radius: 4px;

  overflow: hidden;

  background: #ffffff;
}

.inquiry-form__country {

  min-width: 92px;
  height: 58px;

  border-right: 1px solid #e1e1e1;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #5b5b5b;

  font-size: 15px;
  font-weight: 500;

  background: #ffffff;
}

.inquiry-form__input--phone {

  border: none;

  box-shadow: none !important;
}

/* TEXTAREA */

.inquiry-form__textarea {

  width: 100%;
  height: 170px;

  border: 1px solid #e1e1e1;
  border-radius: 4px;

  padding:
    18px 20px;

  resize: none;

  background: #ffffff;

  color: #4a4a4a;

  font-size: 16px;
  font-weight: 400;

  line-height: 1.6;

  outline: none;

  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.inquiry-form__textarea:focus {

  border-color: #18b8de;

  box-shadow:
    0 0 0 3px rgba(24, 184, 222, 0.08);
}

.inquiry-form__textarea::placeholder {
  color: #b0b0b0;
}

/* BUTTON */

.inquiry-form__button {

  width: 100%;

  display: flex;
  justify-content: flex-end;

  margin-top: 20px;
}

.inquiry-form__submit {

  min-width: 126px;
  height: 54px;

  border: none;
  border-radius: 4px;

  background: #31c24b;

  color: #ffffff;

  font-size: 18px;
  font-weight: 600;

  cursor: pointer;

  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.inquiry-form__submit:hover {

  opacity: 0.92;

  transform: translateY(-1px);
}

/* =========================================
   RELATED SECTION
========================================= */

.related-section {
  width: 100%;
  background: #ffffff;
}

.related-section__container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding:
    0 12px 90px;
}

.related-section__title {
  margin:
    0 0 46px;
  color: #00789a;
  text-align: center;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.1;
}

.related-grid {
  display: grid;
  grid-template-columns:
    repeat(3, 1fr);
  gap: 22px;
}

.related-card {
  width: 100%;
}

.related-card__image {
  display: block;
  overflow: hidden;
}

.related-card__image img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  transition:
    transform 0.45s ease;
}

.related-card:hover .related-card__image img {
  transform: scale(1.05);
}

.related-card__content {
  padding-top: 18px;
}

.related-card__title {
  margin:
    0 0 18px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
}

.related-card__title a {
  color: #00789a;
  transition: opacity 0.3s ease;
}

.related-card__title a:hover {
  opacity: 0.85;
}

.related-card__link {
  display: inline-block;
  color: #9b9b9b;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  transition:
    color 0.3s ease;
}

.related-card__link:hover {
  color: #9c6b4d;
}

span.btn-cta {
  display: flex;
  gap: 13px;
}

.btn-cta-svg {
  display: flex;
  align-items: center
}

/* =========================================
   TABLET
========================================= */

@media (max-width:1023px) {
  h2 {
    font-size: 40px !important
  }

  .inquiry-card {

    padding:
      24px 22px 22px;
  }

  .inquiry-card__title {

    font-size: 28px;
  }

  .inquiry-card__subtitle {

    font-size: 18px;
  }

  .nav__container {
    padding: 0 20px;
  }

  .nav__toggle {
    display: flex;
  }

  .nav__menu {

    position: absolute;

    top: 100%;
    left: 0;

    width: 100%;

    background: #ffffff;

    flex-direction: column;
    align-items: center;

    gap: 24px;

    max-height: 0;
    overflow: hidden;

    transition: max-height 0.3s ease;
  }

  .nav__menu--active {

    max-height: 500px;

    padding: 24px 0;
  }

  .nav__list {

    flex-direction: column;

    gap: 20px;
  }

  .hero {
    height: 620px;
  }

  .hero__container {

    padding-top: 200px;
    padding-inline: 20px;
  }

  .hero__title {

    font-size: 72px;

    line-height: 0.95;

    letter-spacing: -2px;
  }

  .package-card__top {

    flex-direction: column;
  }

  .included-section__grid {

    grid-template-columns: 1fr 1fr;

    gap: 40px;
  }

  .impact-grid {

    grid-template-columns:
      repeat(2, 1fr);

    gap: 60px;
  }

  .testimonial-card__text {

    font-size: 17px;

    line-height: 1.8;
  }

  .related-grid {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .related-section__title {
    font-size: 46px;
  }

  .impact-item__number::after {
    display: none;
  }

  /* Diploma Info Section Tablet */
  .diploma-info {
    background: linear-gradient(to bottom, #ffffff 0%, #edf5f5 60px, #edf5f5 100%);
    padding: 60px 0;
  }

  .diploma-info__row {
    gap: 40px;
  }

  .diploma-info__title {
    font-size: 32px !important;
  }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width:767px) {
  h2 {
    font-size: 30px !important
  }

  .impact-item__icon {
    justify-content: left;
  }

  .impact-item__title {
    text-align: left;
  }

  .impact-grid {
    gap: 30px;
  }

  .inquiry-section__container {

    padding:
      0 16px 0px;
  }

  .inquiry-card {

    border-radius: 14px;

    padding:
      22px 18px 20px;
  }

  .inquiry-card__title {

    font-size: 24px;
  }

  .inquiry-card__subtitle {

    margin-bottom: 24px;

    font-size: 16px;
  }

  .inquiry-form__row {

    grid-template-columns: 1fr;

    gap: 18px;
  }

  .inquiry-form__group--phone {
    max-width: 100%;
  }

  .inquiry-form__label {

    font-size: 15px;
  }

  .inquiry-form__input,
  .inquiry-form__country {

    height: 52px;
  }

  .inquiry-form__submit {

    width: 100%;
  }

  .hero {
    height: 520px;
  }

  .hero__title {
    font-size: 48px;
  }

  .included-section__grid {
    grid-template-columns: 1fr;
  }

  .impact-grid {
    grid-template-columns: 1fr;
  }

  .impact-item {
    min-height: 130px;
  }

  .impact-item__number {

    font-size: 120px;
  }

  .impact-item__content {

    padding-left: 72px;
  }

  .testimonial-section__container {

    padding:
      0 16px 0px;
  }

  .testimonial-card__image {

    width: 110px;
    height: 110px;
  }

  .testimonial-card__name {
    font-size: 20px;
  }

  .testimonial-card__country {

    font-size: 18px;

    margin-bottom: 28px;
  }

  .testimonial-card__text {

    font-size: 15px;

    line-height: 1.8;
  }

  .related-section__container {
    padding:
      0 16px 70px;
  }

  .related-section__title {
    font-size: 34px;
    margin-bottom: 34px;
  }

  .related-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .related-card__image img {
    height: 220px;
  }

  .related-card__title {
    font-size: 18px;
  }

  /* Diploma Info Section Mobile */
  .diploma-info {
    background: linear-gradient(to bottom, #ffffff 0%, #edf5f5 40px, #edf5f5 100%);
    padding: 40px 0;
  }

  .diploma-info__row {
    flex-direction: column;
    gap: 30px;
  }

  .diploma-info__col-content,
  .diploma-info__col-media {
    max-width: 100%;
    width: 100%;
  }

  .diploma-info__title {
    font-size: 26px !important;
    text-align: center;
  }

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

}