:root{
  --red-light:#d63a4c;
  --green:#1ca847;
  --green-light:#4ade80;
  --green-soft:#dcfce7;
  --orange:#f68c11;
  --orange-soft:#fff7ed;
  --red-light:linear-gradient(
135deg,
#c81e3a,
#d63a4c,
#b91632
);
  --red-soft:#fef2f2;
  --blue:#2563eb;
  --blue-soft:#eff6ff;
  --white:#ffffff;
  --text:#1e293b;
  --muted:#64748b;
  --border:#e2e8f0;
  --bg:#f5f5f5;;
  --shadow:0 10px 30px rgba(0,0,0,0.08);
  --shadow-hover:0 20px 40px rgba(0,0,0,0.12);
  --radius:20px;
  --transition:0.35s ease;
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{ 
  font-family:'DM Sans',sans-serif; 
  background:var(--bg); color:var(--text); 
}

.word1{
   text-align:center;
   font-family:'DM Serif Display',serif;
   font-size:23px; 
   margin-bottom:8px; 
   color:white; 
}

.word2{ 
  font-size:18px;
  margin-bottom:8px;
  color:rgb(0,0,0);
}

.word3{ 
  font-size:18px;
  margin-bottom:8px;
  color:rgb(0,0,0);
  text-align: left;
}

.word4 h2{ 
  font-size:20px;
  margin-bottom:8px;
  color:rgb(0,0,0);
  text-align: left;
}

.word5{ 
  font-size:40px;
  margin-bottom:8px;
  color:rgb(0,0,0);
  text-align: left;
}

.word5 h3{ 
  font-size:40px;
  margin-bottom:8px;
  color:rgb(0,0,0);
  text-align: left;
}

.home-hero-split{
    display:flex;
    align-items:center;
    gap:60px;
    margin:60px 0;
    flex-wrap:wrap;
    background:#fff;
    padding:50px;
    border-radius:35px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.06),
  0 0 50px rgba(214,58,76,0.08);
}


.home-hero-image{ 
  flex:0 0 auto; 
  position:relative; 
}

.home-hero-image img{ 
  width:430px; 
  height:520px; 
  object-fit:cover; 
  border-radius:30px; 
  box-shadow:0 15px 35px rgba(0,0,0,0.12); 
  display:block; 
  box-shadow:
  0 20px 50px rgba(0,0,0,0.18),
  0 0 25px rgba(220,53,69,0.12);

  display:block;
  transition:0.3s ease;
}

.home-hero-image img:hover{
  transform:scale(1.03);;

  box-shadow:
  0 28px 60px rgba(0,0,0,0.22),
  0 0 35px rgba(220,53,69,0.18);
}


.home-hero-circle{ 
  position:absolute; 
  bottom:200px; 
  right:-36px; 
  width:88px; 
  height:88px; 
  background:#fff; 
  border-radius:50%; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  box-shadow:0 10px 25px rgba(0,0,0,0.15); 
  border:5px solid #fff; 
  z-index:10; 
}

.home-hero-circle img{ 
  width:66px; 
  height:66px; 
  object-fit:contain; 
  border-radius:50%; 
}

.home-hero-text{ 
  flex:1; 
  min-width:280px; 
}

.home-hero-text h2{ 
  font-size:2.6rem; 
  line-height:1.2; 
  font-weight: 500;
  color:#1e293b; 
  margin-bottom:20px; 
}

.home-hero-text p{ 
  font-size:1rem; 
  line-height:1.8; 
  color:var(--muted); 
  margin-bottom:30px; 
  max-width:520px;
  font-weight: 500;
  color: var(--muted);
}

.home-feature-list{ 
  display:flex; 
  flex-direction:column; 
  gap:14px; 
}

.home-feature-item{ 
  display:flex; 
  align-items:center; 
  gap:14px; 
  font-size:1rem; 
  font-weight:500; 
  color:var(--text); 
}

.home-feature-check{ 
  width:30px; 
  height:30px; 
  border-radius:50%; 
  background:var(--red-light); 
  color:#fdfbfb; display:flex; 
  align-items:center; 
  justify-content:center; 
  flex-shrink:0; 
  font-size:1rem; }

.headers{ 
  height:40px; 
  background-color:#a01525; 
}

header{ 
  position:relative; 
  height:540px; 
  overflow:hidden; 
}

header img{ 
  width:100%; 
  height:100%; 
  object-fit:cover; 
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      rgba(120,0,20,0.82) 0%,
      rgba(170,30,50,0.60) 50%,
      rgba(0,0,0,0.20) 100%
    );
}

.hero-overlay2{ 
  position:absolute; 
  inset:0; 
  background:linear-gradient(to right,rgba(245,3,3,0.4),rgba(245,3,3,0.4)); 
  border-radius:30px; 
}


.hero-content{ 
  position:absolute; 
  top:50%; 
  left:8%; 
  transform:translateY(-50%); 
  color:#faf7f7; 
  max-width:650px; 
}

.hero-badge{ 
  display:inline-block; 
  background:rgba(255,255,255,0.15); 
  backdrop-filter:blur(10px); 
  border:1px solid rgba(255,255,255,0.2); 
  padding:8px 16px; 
  border-radius:50px; 
  margin-bottom:20px; 
  font-size:0.85rem; 
  letter-spacing:1px; 
  font-weight: 500;
}

.hero-content h1{ 
  font-size:4rem; 
  line-height:1.1; 
  margin-bottom:20px; 
  font-weight: 600;
  color:#ffffff; 
}

.hero-content p{ 
  font-size:1rem; 
  line-height:1.8; 
  color:#e2e8f0; 
  margin-bottom:30px; 
  font-weight: 500;
}

nav{ 
  position:sticky; 
  top:0; 
  z-index:1000; 
  background:#ffffff;
  backdrop-filter:blur(12px); 
  border-bottom:1px solid var(--border); 
  display:flex;
  justify-content:center; 
  align-items:center; 
  flex-wrap:wrap;
  gap:4px; 
  padding:10px 16px 10px 130px;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

nav button{ 
  border:none; 
  background:transparent; 
  padding:10px 16px; 
  border-radius:50px; 
  cursor:pointer;
  font-size:1rem; 
  font-weight:600; color:var(--muted); 
  transition:var(--transition); 
  outline:none; 
  -webkit-appearance:none;
  white-space:nowrap;
}

nav button:hover,
nav button.active-nav{
  background:#cd2446;
  color:#fdfbfb;
  box-shadow:0 6px 18px rgba(223, 147, 163, 0.933);
}

.nav-logo{ 
  height:50px; 
  width:auto; 
  position:absolute; 
  left:20px;
  top:50%;
  transform:translateY(-50%);
  object-fit:contain;
}

.section{ 
  display:none; 
  max-width:1250px; 
  margin:auto; 
  padding:80px 24px; 
}

.active{ 
  display:block; 
}

.section-heading{ 
  margin-bottom:50px; 
  text-align:center; 
}

.section-heading span{ 
  color:var(--green); 
  font-size:0.88rem; 
  font-weight:500; 
  letter-spacing:1px; 
  text-transform:uppercase; 
}

.section-heading h2{ 
  font-size:2.90rem;
  font-weight:600;
  color:#111827;
  line-height:1.1;
  letter-spacing:-1px;
  margin:14px 0 20px;
  text-align:center;
}

@media (max-width:768px){
  .section-heading h2{
    font-size:2.8rem;
  }
}

.section-heading p{ 
  max-width:700px; 
  margin:auto; 
  color: var(--muted);
  line-height:1.8; 
  font-weight: 500;
}

.home-contact-strip{
  max-width:910px;
  margin:-60px auto 60px; 
  position:relative; 
  z-index:20;
  display:grid; 
  grid-template-columns:repeat(3,1fr); 
  gap:16px;
  bottom:45px;
}

.home-contact-card{ 
  background:linear-gradient(
135deg,
#c81e3a,
#d63a4c,
#b91632
);  
  color:#fdfbfb; 
  border-radius:18px; 
  padding:14px 18px; 
  text-decoration:none; 
  display:flex; 
  align-items:center; 
  gap:14px; 
  box-shadow:0 12px 25px rgba(196,0,21,0.25); 
  transition:0.3s ease; 
}

.home-contact-card:hover{ 
  transform:translateY(-5px); 
}

.home-contact-card i{ 
  font-size:1.5rem; 
  flex-shrink:0;
}

.home-contact-card p{ 
  margin-top:5px; 
  font-size:0.78rem; 
  font-weight:500; 
  line-height:1.4; 
  text-align:center; 
  color:white; 
  text-decoration:none; 
  word-break:break-all;
}

.home-contact-card a{ 
  text-decoration:none; 
  color:white; 
}

.grid{ 
  display:grid; 
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); 
  gap:24px; 
}

.card{ 
  background:#ffffff;
  border-radius:24px;
  padding:30px; 
  border:1px solid var(--border); 
  box-shadow: 0 10px 30px rgba(0,0,0,0.06); 
  transition:var(--transition); 
}

.card:hover{ 
  transform:translateY(-6px); 
  box-shadow:var(--shadow-hover); 
}

#tips{ 
  padding:0; 
  max-width:100%; 
  background: #b11226;
  margin:0;
  display:none;
  height:550px;  
}

#tips.active {
  display:block;
}

.tips-outer {
  background:linear-gradient(
135deg,
#c81e3a,
#d63a4c,
#b91632
); 
  width:100%;
  padding:40px 24px 50px;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.tips-main-title{
  font-size: 3.2rem;      
  font-weight: 600;      
  color: #ffffff;         
  line-height: 1.2;
  letter-spacing: 0;
  margin-bottom: 14px;
}

.tips-grid-wrap {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  width:100%;
  max-width:680px;
  margin-left:-1px;
}

.tip-card {
  background:#fdfbfb;
  border-radius:14px;
  padding:18px 12px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  border:2px solid transparent;
  transition:border-color 0.25s, transform 0.25s;
  aspect-ratio:1/1;
  justify-content:center;
}

.tip-card:hover {
  border-color:#d63a4c;
  background:#fff7f8;
  transform:translateY(-3px);
}

.tip-img-wrap {
  width:72px;
  height:72px;
  border-radius:50%;
  background:#fff5f6;
  border:1.5px solid rgba(196,0,21,0.15);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  overflow:hidden;
  flex-shrink:0;
}


.tip-img-wrap img {
  width:48px;
  height:48px;
  object-fit:contain;
  display:block;
}
.tip-card-title {
  font-size:15px;
  font-weight:500;
  color:#1e293b;
  margin:0 0 5px;
  line-height:1.3;
}

.tip-card-desc {
  font-size:12px;
  color:#64748b;
  line-height:1.55;
  margin:0;
  font-weight: 500;
}

.card1{ 
  background:linear-gradient(
135deg,
#c81e3a,
#d63a4c,
#b91632
); 
  padding:50px 40px; 
  width:100%; 
  display:flex; 
  flex-direction:column; 
  margin-bottom:-20px; 
  transition:var(--transition); 
}

.card2{ 
  background:#fdfbfb; 
  border-radius:0px; 
  padding:30px; 
  border:1px solid var(--border); 
  font-family:'DM Serif Display',serif; 
  font-size:23px; margin-bottom:8px; 
  box-shadow:var(--shadow-hover); 
  text-align:center; transition:var(--transition); 
}

.card2:hover{ 
  transform:translateY(-6px); 
  box-shadow:var(--shadow-hover); 
  cursor:pointer; 
}

.card-container{
  display:flex;
  justify-content:center;
  gap:30px;
  margin:40px auto;
  flex-wrap:wrap;
}

.card4,
.card5{
  background:#ffffff;
  border:none;
  padding:30px 25px;
  text-align:center;
  width:300px;
  min-height:220px;

  border-radius:24px;

  box-shadow:
    0 10px 30px rgba(0,0,0,0.08),
    0 0 20px rgba(214,58,76,0.08);

  transition:0.3s ease;
}

.card4 img,
.card5 img{
  width:50px;
  height:50px;
  object-fit:contain;
}
.card4:hover,
.card5:hover{
  transform:translateY(-8px);
  box-shadow:
    0 20px 40px rgba(0,0,0,0.12),
    0 0 25px rgba(214,58,76,0.15);
}

.contact-item{
  border: 1px solid var(--border);
  padding: 24px;
  background: #fdfbfb;
  margin-bottom: 24px;
  margin-top:40px;
}

.main-label{
  display: block;
  font-size: 22px;
  color: #b22222;
  margin-bottom: 16px;
  font-weight: 600;
}

.schedule-columns{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px 50px;
}

.day-column{ 
  flex: 1; 
  min-width: 160px; 
}

.day-entry{
  padding:16px 0;
  border-bottom:1px solid #e5e7eb;
}

.day-entry:last-child{ 
  border-bottom: none; 
}

.day-entry strong{
  display: block;
  font-size: 18px;
  color: #333;
  font-weight: 500;
}

.day-entry p{
  margin: 4px 0 0;
  font-size: 15px;
  font-weight: 600;
  color: #c81e3a;
}
.map-full{
  width: 100%;
  border: 4px solid var(--border);
  display: block;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}

.map-full img{
  width: 100%;
  height: auto;
  display: block;
}

.contact-label2{ 
  font-size:1rem; 
  text-transform:uppercase; 
  letter-spacing:1px; 
  color:linear-gradient(
135deg,
#c81e3a,
#d63a4c,
#b91632
);
  margin-top:40px; 
  font-weight: 500;
}

.contact-value2{ 
  font-weight:500;
  margin-top:10px; 
  font-size:0.9rem; 
  color:linear-gradient(
135deg,
#c81e3a,
#d63a4c,
#b91632
);
  word-break:break-word; 
}

.card-icon{ 
  width:65px; 
  height:65px; 
  border-radius:18px;
  display:flex; 
  align-items:center; 
  justify-content:center; 
  font-size:1.8rem; 
  background:var(--green-soft); 
  margin-bottom:18px; 
}

.card h3{ 
  font-family:'DM Serif Display',serif; 
  font-size:1.5rem; 
  margin-bottom:12px; 
}

.card p{ 
  color:var(--muted); 
  line-height:1.8; 
  font-size:0.95rem; 
}

.card ul{ 
  padding-left:20px; 
  margin-top:10px; 
}

.card li{ 
  color:var(--muted); 
  margin-bottom:10px; 
  line-height:1.7; 
}

.badge{ 
  display:inline-block; 
  padding:7px 14px; 
  border-radius:50px; 
  font-size:0.75rem; 
  font-weight:500; 
  margin-bottom:18px; 
}

.badge-green{ background:var(--green-soft); color:var(--green-dark); }
.badge-red{ background:var(--red-soft); color:var(--red); }
.badge-orange{ background:var(--orange-soft); color:var(--orange); }
.badge-blue{ background:var(--blue-soft); color:var(--blue); }

footer{
  background:#a01525;
  color:#fff;
  text-align:center;
  padding:18px 10px;
  margin-top:50px;
}

footer h2{
  font-size:0.99rem;
  font-weight:500;
  margin-bottom:4px;
  line-height:1.3;
}

footer p{
  font-size:0.65rem;
  color:#f1f5f9;
  margin-top:2px;
}

.carousel-row{ 
  position:relative; 
  display:flex; 
  align-items:center; 
  gap:10px; 
  margin-bottom:28px; 
}

.carousel-btn{ 
  flex-shrink:0; 
  width:44px; 
  height:44px; 
  border-radius:50%; 
  background:#fdfbfb; 
  border:1px solid var(--border); 
  cursor:pointer; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  font-size:22px; color:var(--text); 
  transition:var(--transition); 
  box-shadow:var(--shadow); 
  z-index:5;
}

.carousel-btn:hover{ 
  background:var(--red-light); 
  color:#fdfbfb; 
  border-color:var(--red-light); 
}

.carousel-track-wrap{ 
  flex:1; 
  overflow:hidden; 
}

.carousel-track{ 
  display:flex; 
  gap:14px; 
  transition:transform 0.35s ease; 
  will-change:transform;
}

.topic-pill{ 
  flex-shrink:0; 
  display:flex; 
  flex-direction:column; 
  align-items:center; 
  gap:8px; 
  cursor:pointer; 
  -webkit-tap-highlight-color:transparent;
}

.topic-circle{
  width:76px;
  height:76px;
  border-radius:50%;
  background:#f1f5f9;
  border:3px solid transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  transition:all 0.25s ease;
}

.topic-pill:hover .topic-label{
  color:#d62839;
}

.topic-pill:hover .topic-circle{
  background:#ffbcc9;          
  border-color:#d62839;        
  transform:translateY(-3px);
}

.topic-pill.fa-active .topic-circle{
  background:#f4ced1;         
  border-color:#d62839;
  color:white;
}

.topic-pill.fa-active .topic-label{
  color:#d62839;
  font-weight:600;
}

.topic-label{ 
  font-size:11px; 
  font-weight:500; 
  color:var(--muted); 
  text-align:center; 
  max-width:76px; 
  line-height:1.3; 
}

.topic-pill.fa-active .topic-label{ color:var(--red-light); }

.fa-guide-card{
  background:#fdfbfb;
  border:1px solid var(--border);
  border-radius:20px;
  padding:28px;          /* smaller padding */
  box-shadow:var(--shadow);
}

@keyframes fadeUp{ 
  from{opacity:0;transform:translateY(10px)} 
  to{opacity:1;transform:translateY(0)} 
}

.fa-card-header{ 
  display:flex; 
  align-items:center; 
  gap:14px; 
  margin-bottom:24px; 
}

.fa-card-title{
    font-size:2rem;
    color:var(--red-light);
    font-weight:700;
    margin-bottom:10px;
}

.fa-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;              /* reduced spacing */
  align-items:start;
  margin-bottom:16px;
}

@media(max-width:640px){ .fa-grid{ grid-template-columns:1fr; } }

.fa-box{ padding:4px 0; }

.fa-box-label{
    font-size:1.70rem;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#c60021;
    margin-bottom:14px;
}

.fa-list{ padding-left:18px; margin:0; }

.fa-list li{ color:var(--muted); font-size:0.9rem;   margin-bottom:10px;
  line-height:1.5; font-weight: 500;}

.fa-steps{ display:flex; flex-direction:column; gap:14px; }

.fa-step{ display:flex; gap:10px; align-items:flex-start; font-weight: 500;}

.fa-step-num{ 
  flex-shrink:0; 
  width:38px; height:38px; 
  border-radius:50%; 
  background:var(--red-light); 
  color:#fdfbfb; 
  font-size:0.85rem; 
  font-weight:500; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  margin-top:2px; 
}

.fa-step p{
    font-size:0.90rem;
    color:#64748b;
    margin:0;
    line-height:1.45;
    font-weight:600;
}
.fa-dont-item{ display:flex; align-items:flex-start; gap:8px; margin-bottom:6px; }

.fa-dont-x{ color:var(--red-light); font-weight:700; font-size:0.9rem; flex-shrink:0; margin-top:2px; }

.fa-dont-txt{ font-size:0.9rem; color:var(--muted); line-height:1.6;font-weight: 500;}

.fa-seek{
  border-left:5px solid #c4001d;
  background:#f8eeee;
  border-radius:0 18px 18px 0;
  padding:22px 26px;
  font-size:1rem;
  font-weight:500;
  color:#7a0c0c;
  line-height:1.6;
  margin-top:20px;
  box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

.fa-seek.orange{ border-color:var(--orange); background:var(--orange-soft); color:#7c2d12; }
.fa-seek.blue{ border-color:var(--blue); background:var(--blue-soft); color:#1e3a8a; }

.faq-container{ 
  max-width:1000px; 
  margin:auto; 
  display:flex; 
  flex-direction:column; 
  gap:16px; 
}

.faq-item{ 
  background:#fdfbfb; 
  border:1px solid var(--border); 
  border-radius:18px; 
  overflow:hidden; 
  box-shadow:var(--shadow); 
}

.faq-question{ 
  width:100%; 
  background:#fdfbfb; 
  border:none; 
  outline:none; 
  padding:22px 24px;
  font-size:1rem; 
  font-weight:500; 
  color:#000; 
  cursor:pointer; 
  display:flex; 
  justify-content:space-between; 
  align-items:center; 
  transition:var(--transition); 
  text-align:left;
}

.faq-question:hover{ background:#fff5f5; }
.faq-question span{ color:var(--red-light); font-size:1.5rem; font-weight:500; flex-shrink:0; margin-left:12px; }

.faq-answer{ 
  max-height:0; 
  overflow:hidden; 
  padding:0 24px; 
  color:var(--red-light); 
  font-size:0.95rem; 
  line-height:1.8; 
  transition:all 0.35s ease; 
  font-weight: 500;
}

.faq-item.active .faq-answer{ max-height:300px; padding:0 24px 22px; }
.faq-item.active .faq-question{ background:#fff5f5; }

.info-banner{ 
  background:linear-gradient(135deg,#1ca847,#1ca847); 
  color:#fff; 
  border-radius:30px; 
  padding:50px; 
  margin-bottom:40px; 
  box-shadow:var(--shadow); 
}

#topicData{ display:none; }

#about{
  max-width:1200px;
  margin:auto;
  padding:80px 40px;
  display:none;
}

#about.active{
  display:block;
}

.about-wrapper{
  max-width:950px;
  margin:auto;
  background:#ffffff;
  padding:60px;
  border-radius:24px;
  box-shadow:0 4px 20px rgba(0,0,0,0.05);
}

.about-label{
  font-size:3rem;
  font-weight:700;
  color:#1e293b;
  margin-bottom:24px;
  line-height:1.1;
}

.about-heading{
  font-size:2rem;
  color:#110101;
  margin-top:32px;
  margin-bottom:18px;
  line-height:1.3;
  font-weight:600;
}

.about-heading2{
  font-size:1.8rem;
  color:#d62839;   /* fixed */
  margin-top:40px;
  margin-bottom:18px;
  line-height:1.3;
  font-weight:600;
}

.about-text{
  font-size:1.02rem;
  line-height:2;
  color:#475569;
  margin-bottom:20px;
  font-weight:400;
}

@media (max-width:1199px) and (min-width:1024px){
  nav{ padding:10px 16px 10px 120px; gap:4px; }
  nav button{ font-size:0.60rem; padding:10px 20px; }
  .nav-logo{ height:46px; left:16px; }
  .hero-content h1{ font-size:3.4rem; }
  .home-hero-image img{ width:360px; height:440px; }
  .home-hero-text h2{ font-size:2.2rem; }
  .home-contact-strip{ max-width:860px; }
  .tips-grid-wrap{ max-width:560px; gap:12px; height:450px;}
  .tip-img-wrap{ width:58px; height:58px; }
  .tip-card-title{ font-size:12px; }
  .tip-card-desc{ font-size:10.5px; }
}

@media (max-width:1023px) and (min-width:768px){
  nav{ padding:10px 12px 10px 110px; gap:2px; justify-content:center; }
  nav button{ font-size:0.85rem; padding:8px 10px; }
  .nav-logo{ height:42px; left:12px; }
  header{ height:480px; }
  .hero-content{ left:5%; right:5%; max-width:90%; }
  .hero-content h1{ font-size:2.8rem; }
  .hero-content p{ font-size:0.95rem; }
  .hero-badge{ font-size:0.78rem; }
  .home-contact-strip{ grid-template-columns:repeat(3,1fr); margin:-40px 20px 50px; gap:12px; }
  .home-contact-card{ padding:12px 12px; gap:10px; }
  .home-contact-card h3{ font-size:0.72rem; }
  .home-hero-split{ flex-direction:column; gap:30px; margin:50px 0 40px; }
  .home-hero-image img{ width:100%; max-width:460px; height:360px; }
  .home-hero-circle{ right:-20px; bottom:140px; width:100px; height:100px; }
  .home-hero-circle img{ width:72px; height:72px; }
  .home-hero-text h2{ font-size:2rem; }
  .section{ padding:50px 24px; }
  .section-heading h2{ font-size:2.2rem; }
  #about{ padding:50px 28px 70px; }
  .topic-circle{ width:68px; height:68px; font-size:24px; }
  .topic-label{ font-size:10.5px; max-width:68px; }
  .card1{ padding:40px 24px; }
  .word2{ font-size:15px; }
  .card4,.card5{ width:220px; min-height:240px; }
  .schedule-columns{ flex-direction:column; gap:0; }
  .day-column{ min-width:100%; }
  .tips-outer{ padding:30px 20px 40px; }
  .tips-main-title{ font-size:1.6rem; margin-bottom:20px; }
  .tips-grid-wrap{ max-width:500px; gap:10px; height: 475px; margin-right: 180px;}
  .tip-img-wrap{ width:54px; height:54px; }
  .tip-card-title{ font-size:12px; }
  .tip-card-desc{ font-size:10px; }
}

@media (max-width:767px) and (min-width:480px){
  nav{ flex-direction:column; padding:10px 12px 10px 12px; gap:6px; }
  .nav-logo{ position:relative; left:auto; top:auto; transform:none; height:40px; margin-bottom:4px; }
  header{ height:420px; }
  .hero-content{ left:5%; right:5%; max-width:100%; }
  .hero-content h1{ font-size:2.2rem; }
  .hero-content p{ font-size:0.88rem; }
  .hero-badge{ font-size:0.75rem; padding:6px 12px; }
  .home-contact-strip{ grid-template-columns:1fr; margin:20px 16px 40px; gap:12px; }
  .home-hero-split{ flex-direction:column; gap:20px; margin:30px 0 30px; }
  .home-hero-image img{ width:100%; max-width:100%; height:260px; }
  .home-hero-circle{ right:10px; bottom:80px; width:80px; height:80px; border-width:5px; }
  .home-hero-circle img{ width:60px; height:60px; }
  .home-hero-text h2{ font-size:1.7rem; }
  .home-hero-text p{ font-size:0.9rem; }
  .section{ padding:40px 16px; }
  .section-heading h2{ font-size:1.9rem; }
  #about{ padding:36px 16px 56px; }
  .about-heading{ font-size:1.5rem; }
  .about-heading2{ font-size:1.3rem; }
  .carousel-btn{ width:38px; height:38px; font-size:18px; }
  .topic-circle{ width:62px; height:62px; font-size:22px; }
  .topic-label{ font-size:10px; max-width:62px; }
  .card1{ padding:30px 16px; }
  .word2{ font-size:14px; }
  .card4,.card5{ width:100%; max-width:360px; min-height:220px; }
  .schedule-columns{ flex-direction:column; gap:0; }
  .day-column{ min-width:100%; }
  .main-label{ font-size:18px; }
  .day-entry strong{ font-size:16px; }
  .day-entry p{ font-size:14px; }
  .contact-label2{ font-size:1.1rem; }
  .contact-value2{ font-size:0.88rem; }
  .fa-guide-card{ padding:20px; }
  .fa-box-label{ font-size:1.1rem; }
  .fa-step p{ font-size:1.1rem; }
  .fa-card-title{ font-size:1.4rem; }
  .tips-outer{ padding:24px 16px 32px; }
  .tips-main-title{ font-size:1.4rem; margin-bottom:16px;}
  .tips-grid-wrap{ max-width:420px; gap:10px; }
  .tip-img-wrap{ width:50px; height:50px; }
  .tip-card{ padding:12px 8px 10px; }
  .tip-card-title{ font-size:11px; }
  .tip-card-desc{ font-size:10px; }
}

@media (max-width:479px){
  .card-container{ display:flex; justify-content:center; gap:40px; margin-bottom:30px; flex-wrap:wrap; width:230px; margin-left:85px; }
  nav{ flex-direction:column; padding:8px 10px; gap:5px; }
  .nav-logo{ position:relative; left:auto; top:auto; transform:none; height:38px; margin-bottom:2px; }
  nav button{ font-size:0.82rem; padding:7px 10px; }
  header{ height:360px; }
  .hero-content{ left:4%; right:4%; }
  .hero-content h1{ font-size:1.8rem; }
  .hero-content p{ font-size:0.82rem; line-height:1.6; }
  .hero-badge{ font-size:0.7rem; padding:5px 10px; margin-bottom:12px; }
  .home-contact-strip{ grid-template-columns:1fr; margin:16px 12px 30px; gap:10px; }
  .home-contact-card{ padding:12px 14px; border-radius:14px; }
  .home-contact-card i{ font-size:1.3rem; }
  .home-contact-card h3{ font-size:0.75rem; }
  .home-hero-split{ flex-direction:column; gap:16px; margin:20px 0; }
  .home-hero-image img{ width:100%; height:220px; border-radius:20px; }
  .home-hero-circle{ right:8px; bottom:60px; width:70px; height:70px; border-width:4px; }
  .home-hero-circle img{ width:52px; height:52px; }
  .home-hero-text h2{ font-size:1.5rem; }
  .home-hero-text p{ font-size:0.88rem; }
  .home-feature-item{ font-size:0.88rem; gap:10px; }
  .home-feature-check{ width:26px; height:26px; font-size:0.85rem; }
  .section{ padding:32px 14px; }
  .section-heading h2{ font-size:1.7rem; }
  .section-heading p{ font-size:0.88rem; }
  #about{ padding:28px 14px 48px; }
  .about-heading{ font-size:1.4rem; }
  .about-heading2{ font-size:1.2rem; }
  .about-text{ font-size:0.93rem; }
  .carousel-btn{ width:34px; height:34px; font-size:16px; }
  .topic-circle{ width:54px; height:54px; font-size:20px; }
  .topic-label{ font-size:9.5px; max-width:54px; }
  .card1{ padding:24px 12px; }
  .card4,.card5{ width:100%; min-height:200px; }
  .card4 img,.card5 img{ height:70px !important; width:auto !important; }
  .schedule-columns{ flex-direction:column; gap:0; }
  .day-column{ min-width:100%; }
  .main-label{ font-size:16px; }
  .day-entry strong{ font-size:14px; }
  .day-entry p{ font-size:12px; }
  .contact-label2{ font-size:1rem; }
  .contact-value2{ font-size:0.82rem; }
  .fa-guide-card{ padding:16px; border-radius:14px; }
  .fa-box-label{ font-size:1rem; }
  .fa-step p{ font-size:0.95rem; }
  .fa-card-title{ font-size:1.2rem; }
  .fa-step-num{ width:24px; height:24px; font-size:0.7rem; }
  .faq-question{ padding:16px 18px; font-size:0.9rem; }
  .faq-answer{ font-size:0.88rem; }
  .tips-outer{ padding:20px 12px 28px; }
  .tips-main-title{ font-size:1.2rem; margin-bottom:14px; }
  .tips-grid-wrap{ grid-template-columns:repeat(2,1fr); max-width:100%; gap:8px; height:520px; margin-left:0px;}
  .tip-card{ aspect-ratio:unset; padding:14px 8px; }
  .tip-img-wrap{ width:48px; height:48px; margin-bottom:8px; }
  .tip-card-title{ font-size:11px; }
  .tip-card-desc{ font-size:10px; }
}

@media (max-width:414px){
  .tips-grid-wrap{ grid-template-columns:repeat(2,1fr); gap:8px; max-width:100%; margin-left: 0px; height: 520px;}
  .tip-card{ aspect-ratio:unset; }
}

@media (max-width:390px){
  .card-container{ display:flex; justify-content:center; gap:40px; margin-bottom:30px; flex-wrap:wrap; width:230px; margin-left:65px; }
  .tips-grid-wrap{ grid-template-columns:repeat(2,1fr); gap:7px; margin-left:0px; height: 520px;}
  .tip-img-wrap{ width:44px; height:44px; }
  .tip-card-title{ font-size:10.5px; }
  .tip-card-desc{ font-size:9.5px; }
  
}

@media (max-width:360px){
  .card-container{ display:flex; justify-content:center; gap:40px; margin-bottom:30px; flex-wrap:wrap; width:230px; margin-left:52px; }
  .tips-grid-wrap{ grid-template-columns:repeat(2,1fr); gap:6px; }
  .tip-img-wrap{ width:40px; height:40px; }
  .tip-card{ padding:10px 6px; }
  .tip-card-title{ font-size:10px; }
  .tip-card-desc{ font-size:9px; }
  
}