@font-face {
  font-family: 'Balgin';
  src: url('assets/prozperia/fonts/Balgin.woff2') format('woff2');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MuseoModerno';
  src: url('assets/prozperia/fonts/MuseoModerno.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NotoSerifDisplayExtraCondensed';
  src: url('assets/prozperia/fonts/NotoSerifDisplayExtraCondensed.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MontserratCustom';
  src: url('assets/prozperia/fonts/Montserrat.woff2') format('woff2');
  font-weight: 400 700 800;
  font-style: normal;
  font-display: swap;
}

body { font-family: Balgin, "MontserratCustom", "Montserrat", "MuseoModerno", "NotoSerifDisplayExtraCondensed", system-ui, -apple-system, "Segoe UI", Roboto, Arial; margin:0; color:#111827; background:#fbf8f6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
:root { --azure:#4CA5CF; --purple:#8967D2; --orange:#F18A57; --card:#ffffff; --muted:#6b7280; --max-width:1200px; }
.wrap { max-width:var(--max-width); margin:0 auto; padding:0 28px; }

/* Header */
.site-header { padding:20px 0; }
.header-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background: rgba(255,255,255,0.94);
	border-radius:1px;
	padding:0px 18px;
	box-shadow:0 6px 20px rgba(0,0,0,0.05);
}
.brand .logo { height:70px; }
.main-nav { display:flex; gap:28px; align-items:center; font-weight:600; }
.main-nav a { color:#111; text-decoration:none; font-size:16px; }

/* Hero */
.header-hero-wrapper {
  background-image: url('../assets/background-image.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.hero { position:relative; height:520px; overflow:hidden; margin-bottom:28px; }
.hero-bg { position:absolute; inset:0;  background-size:cover; background-position:center; filter:contrast(1.02) saturate(1.02); }


.hero-inner { position:relative; z-index:2; display:flex; align-items:flex-start; height:100%; padding-top:36px; }
.hero-left { width:58%; padding-left:6%; }
.hero-title { color:#fff; font-size:76px; line-height:0.95; margin:0% 0% 7% 0%; font-weight:800; text-transform:uppercase; text-shadow:0 10px 30px rgba(0,0,0,0.35); }
.hero-sub { color:rgba(255,255,255,0.95); margin-top:14px; max-width:520px; font-size:18px; }
.hero-cta { margin-bottom: 5%; }
.btn { display:inline-block; text-decoration:none; padding:12px 18px; border-radius:8px; font-weight:800; }
.btn-primary {
	/*background:linear-gradient(90deg,var(--azure),var(--purple));*/
	background:blue;
	color:#fff;
	padding:14px 22px;
	border-radius:3px;
}

/* Package card */
.package-card { background:var(--card); padding:28px; border-radius:8px; display:flex; gap:22px; align-items:center; margin:0 6% -40px; box-shadow:0 10px 30px rgba(0,0,0,0.06); }
.package-illus { width:120px; height:80px; object-fit:cover; border-radius:8px; }
.package-copy h2 { margin:0 0 6px; font-size:32px; }
.package-copy p { margin:0; color:var(--muted); }

/* Features area */
.section { padding:48px 0;}
.features { display:grid; grid-template-columns:1fr 380px; gap:28px; align-items:start; }
.features-left h2 { margin:0 0 12px; font-size:3rem; }
.course-card { display:flex; gap:16px; align-items:flex-start; margin-top:20px; padding:18px; background:var(--card); border-radius:10px; box-shadow:0 10px 24px rgba(0,0,0,0.04); }
.course-illus { width:20%; height:72px; border-radius:12px; background:linear-gradient(90deg,var(--azure),var(--purple)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:22px; }

/* Gradient what-box */
.what-box { 
	background: linear-gradient(180deg,var(--azure),var(--purple),var(--orange)); 
	padding:26px; 
	border-radius:15% 0% 15% 0%; 
	color:#fff; 
	box-shadow:0 18px 40px rgba(0,0,0,0.12);
}
.what-box h3 { margin:0 0 8px; font-size:28px; }
.what-box ul { margin:0; padding-left:18px; font-weight:700; }
.what-box li { margin:12px 0; }

/* Footer */
.site-footer { padding:26px 0 60px 0; }
.footer-inner { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.footer-links a { margin-right:18px; color:#111; text-decoration:none; }

/* Responsive */
@media (max-width:1000px) {
  .features { grid-template-columns:1fr; }
  .hero-left { width:65%; }
}
@media (max-width:720px) {
  .header-inner { padding:10px; }
  .main-nav { display:none; }
  .hero { height:500px; }
  .hero-title { font-size:42px; }
  .features { gap:18px; margin-top:36%; }
  .what-box { 
    width: 84%;
	border-radius: 50px 0px 50px 0px;
  }
}


.travel-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #fff;
	padding: 30px;
	margin: -10% 5%;
	border-radius: 2px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	gap: 27px;
	z-index: 1;
	position: absolute;
	width: 85%;
}
.travel-icon{
  display:flex;
  flex-wrap:nowrap;
}
.travel-icon img {
  height: 12rem;
  width: auto;
}
.travel-text h2 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
}
.travel-text p {
  margin: 5px 0 0;
  color: #555;
  font-size: 1.6rem;
}

@media (max-width: 768px) {
  .travel-box {
    flex-direction: column;
    text-align: center;
	padding: 9px;
	margin-top: -50%;
  }
  .travel-icon img {
    height: 8rem;
  }
  .course-card {
  margin-top: 50px;
  flex-direction: column;
  text-align: center;
  }
  .course-illus {
  width: 34%;
  margin-left: 31%;
}
}

/* Base alert */
.alert {
    padding: 12px 18px;
    border-radius: 6px;
    margin: 10px 0;
    font-size: 14px;
    border: 1px solid transparent;
}

/* Danger (red) */
.alert-danger {
    background-color: #fde8e8;
    color: #b42323;
    border-color: #f5c2c7;
}

/* Warning (yellow) */
.alert-warning {
    background-color: #fff4cf;
    color: #8a6d00;
    border-color: #ffe8a3;
}

/* Success (green) */
.alert-success {
    background-color: #e8f7e8;
    color: #1f7a1f;
    border-color: #b6e2b6;
}