/* ============================================================
   VISA TRAVEL EXPERT — INDEX.CSS (VERSION A, FULLY PATCHED)
   FIXES:
   • Header no longer breaks layout
   • No white gap between header + hero
   • Hero now full-width & not expanding page
   • Sliders no longer cause page stretching
=========================================================== */

/* ------------------------------------------------------------
   GLOBAL
------------------------------------------------------------- */
:root {
  --sun1:#ff6a00;
  --sun2:#ee0979;
  --sun3:#8f00ff;

  --accent: linear-gradient(90deg, var(--sun1), var(--sun2), var(--sun3));
  --accent-soft: linear-gradient(135deg, #fff6ee, #ffe6f7);

  --text-dark:#111;
  --muted:#666;

  --content-max:1300px;
  --ease:cubic-bezier(.2,.9,.25,1);
}

* { margin:0; padding:0; box-sizing:border-box; }

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* ============================================================
   GLOBAL RESPONSIVE SYSTEM
============================================================ */

.container{
  max-width: var(--content-max);
  margin:auto;
  padding:0 16px;
}

/* DESKTOP LARGE */
@media (max-width:1440px){

.hero-container,
.packages-container,
.success-slider-wrap,
.contact-wrap,
.why-grid,
.trust-framework-inner{
  max-width:1200px;
}

}

/* TABLET */
@media (max-width:1024px){

.hero-container{
  flex-direction:column;
  text-align:center;
}

.pkg-3col-wrap{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
align-items:start;
}

.success-card{
  min-width:260px;
}

}

/* MOBILE */
@media (max-width:768px){

section{
  padding:50px 14px;
}

.hero-content h1{
  font-size:30px;
}

.hero-buttons{
  justify-content:center;
}

.pkg-3col-wrap{
  grid-template-columns:1fr;
}

.contact-wrap{
  grid-template-columns:1fr;
}

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

}

/* SMALL MOBILE */
@media (max-width:480px){

.hero-content h1{
  font-size:26px;
}

.centered-title{
  font-size:22px;
}

.btn-primary,
.btn-outline-dark{
  width:100%;
  text-align:center;
}

}

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

/* ------------------------------------------------------------------
   UNIVERSAL TITLES & ANIMATION
------------------------------------------------------------------- */
section{
  padding: clamp(32px, 5vw, 70px) 12px;
}

@media(max-width:768px){
  section{
    padding:40px 14px;
  }
}

.centered-title {
  text-align:center;
  font-size:28px;
  font-weight:800;
  margin-bottom:26px;
  color:var(--text-dark);
}

.theme-title span {
  background:var(--accent);
  -webkit-background-clip:text;
  color:transparent;
}

#page-content{
  margin-top:0;
  overflow:hidden;
}

/* ============================================================
   PRESENCE SECTION
============================================================ 
.presence-section {
  background: #fff;
}

.presence-grid {
  max-width: var(--content-max);
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
  gap: 22px;
}

.presence-card {
  background: #fff;
  padding: 24px;
  border-radius: 22px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  border-top: 4px solid var(--sun1);
}*/