/* ===== Badcrum Start ===== */

.avnavionbadcrum1 {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}

/* Image full cover */
.avnavionbadcrum1-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Overlay */
.avnavionbadcrum1-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Title */
.avnavionbadcrum1-title {
  margin-top: 300px;
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  text-align: center;
  font-family: "Montserrat", sans-serif;
}

/* ✅ Mobile height fix */
@media (max-width: 768px) {
  .avnavionbadcrum1 {
    height: 400px; /* mobile ke liye 1080x800 ratio */
  }

  .avnavionbadcrum1-title {
  margin-top: 150px;
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  text-align: center;
  font-family: "Montserrat", sans-serif;
}



}
/* ===== Badcrum End ===== */






/* ===== GALLERY START ===== */

    .gallery-section {
      max-width: 1500px;
      margin: 50px auto;
      padding: 20px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .gallery-section img {
      width: 100%;
      height: 350px;
      object-fit: cover;
      transition: transform 0.3s ease;
    }

    .gallery-section img:hover {
      transform: scale(1.05);
    }

    /* Mobile responsive */
    @media (max-width: 992px) {
      .gallery-section {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 600px) {
      .gallery-section {
        grid-template-columns: 1fr;
      }
    }


/* ===== GALLERY END ===== */




/* ===== ABOUT US START ===== */

.avnavion-section {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  color: #fff;
  min-height: 100vh;
  font-family: "Montserrat", sans-serif;
}

.avnavion-left {
  flex: 1;
  min-width: 300px;
}

.avnavion-left img {
  width: 100%;
  height: 100%px;
  object-fit: cover;
}

.avnavion-right {
  flex: 1;
  padding: 60px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 300px;
}

.avnavion-right h1 {
  font-size: 60px;
  margin-bottom: 20px;
}

.avnavion-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 25px;
}

.avnavion-socials a {
  color: #fff;
  font-size: 18px;
  transition: color 0.3s;
}

.avnavion-socials a:hover {
  color: #1db954;
}

.avnavion-right p {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}

.avnavion-territory,
.avnavion-agents {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 15px;
  color: #aaa;
}

.avnavion-agent-list {
  list-style: none;
  padding-left: 0;
  margin-top: 8px;
}

.avnavion-agent-list li {
  margin-bottom: 6px;
  font-size: 16px;
}

.avnavion-contact-btn {
  margin-top: 30px;
  background: #fff;
  color: #000;
  border: none;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s;
  width: fit-content;
}

.avnavion-contact-btn:hover {
  background: #ccc;
}

@media (max-width: 768px) {
  .avnavion-section {
    flex-direction: column;
  }

  .avnavion-right {
    padding: 40px 20px;
  }

  .avnavion-right h1 {
    font-size: 26px;
  }

  .avnavion-right p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  }

  .avnavion-contact-btn {
    width: 100%;
    text-align: center;
  }
}


/* ===== BLOG START ===== */

     .blog-section {
     
      color:#fff;
      padding:60px 20px;
      font-family: "Montserrat", sans-serif;
    }
    .blog-section h2 {
      text-align:center;
      font-size:2rem;
      margin-bottom:40px;
      font-weight:700;
    }
    .blog-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:30px;
      max-width:1500px;
      margin:0 auto;
    }
    .blog-card {
      display:flex;
      flex-direction:column;
    }
    .blog-card .img-box {
      position:relative;
      width:100%;
      padding-top:62%; /* 1000x620 ratio = 62% */
      overflow:hidden;
    }
    .blog-card img {
      position:absolute;
      top:0;left:0;width:100%;height:100%;
      object-fit:cover;
    }
    .blog-meta {
      font-size:.85rem;
      color:#a3a3a3;
      margin:12px 0 6px;
    }
    .blog-title {
      font-size:1.15rem;
      font-weight:600;
      line-height:1.4;
      margin:0 0 15px;
      color:#fff;
    }
    .blog-btn {
      align-self:flex-start;
      padding:.55rem 1.2rem;
      font-size:.85rem;
      font-weight:600;
      color:#fff;
      background:#111;
      border:1px solid #333;
      border-radius:4px;
      cursor:pointer;
      transition:.25s;
      text-decoration:none;
    }
    .blog-btn:hover {
      background:#fff;
      color:#111;
    }
    @media(max-width:900px){
      .blog-grid{grid-template-columns:repeat(2,1fr);}
    }
    @media(max-width:600px){
      .blog-grid{grid-template-columns:1fr;}
    }


/* ===== BLOG DETAILS START ===== */

:root{
      --bg:#0a0a0a; --fg:#ffffff; --muted:#a3a3a3; --line:#1c1c1c; --accent:#e5e5e5;
    }
    .blog-detail{
      background:var(--bg); color:var(--fg); 
      font-family: "Montserrat", sans-serif;
      padding:56px 20px;
    }
    .bd-wrap{max-width:1100px;margin:0 auto;}
    /* Title + Meta */
    .bd-title{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.2;margin:0 0 10px;font-weight:800;}
    .bd-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:.95rem;margin-bottom:18px}
    .bd-meta span{display:inline-flex;align-items:center;gap:8px}
    /* Cover (1000x620 ratio) */
    .bd-cover{position:relative;width:100%;padding-top:62%;border-radius: 0px;overflow:hidden;background:#111;margin:18px 0 26px}
    .bd-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    /* Content */
    .bd-content{font-size:1.05rem;line-height:1.8;color:#e8e8e8}
    .bd-content h2,.bd-content h3{line-height:1.3;margin:1.4em 0 .6em}
    .bd-content h2{font-size:1.6rem} .bd-content h3{font-size:1.25rem}
    .bd-content p{margin:.9em 0}
    .bd-content ul{margin:.6em 0 .9em 1.2em}
    .bd-quote{border-left:3px solid #fff;padding:.6rem 1rem;margin:1.2rem 0;background:#121212;border-radius:8px;color:#f3f3f3}
    .bd-divider{height:1px;background:var(--line);margin:28px 0}
    /* Tags + Share */
    .bd-bottom{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
    .bd-tags{display:flex;flex-wrap:wrap;gap:10px}
    .bd-tag{font-size:.85rem;color:#ddd;background:#141414;border:1px solid #222;border-radius:999px;padding:.28rem .7rem;text-decoration:none}
    .bd-share{display:flex;gap:10px}
    .bd-share a{font-size:.9rem;color:#111;background:#fff;border-radius:999px;padding:.38rem .8rem;text-decoration:none}
    /* Author box */
    .bd-author{display:flex;gap:14px;align-items:center;background:#101010;border:1px solid #1b1b1b;border-radius:12px;padding:14px}
    .bd-author img{width:48px;height:48px;border-radius:50%;object-fit:cover}
    .bd-author .a-name{font-weight:700}
    .bd-author .a-role{color:var(--muted);font-size:.9rem}
    /* Prev/Next */
    .bd-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
    .bd-nav a{display:block;text-decoration:none;color:var(--fg);background:#101010;border:1px solid #1b1b1b;border-radius:12px;padding:14px}
    .bd-nav small{color:var(--muted);display:block;margin-bottom:6px}
    .bd-nav a:hover{background:#141414}
    /* Related */
    .bd-related{margin-top:36px}
    .bd-related h3{margin:0 0 16px}
    .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .rel-card{display:flex;flex-direction:column}
    .rel-img{position:relative;width:100%;padding-top:62%;border-radius:10px;overflow:hidden;background:#111}
    .rel-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    .rel-meta{color:var(--muted);font-size:.85rem;margin:10px 0 6px}
    .rel-title{margin:0 0 4px;font-weight:600}
    .rel-more{align-self:flex-start;font-size:.85rem;color:#111;background:#fff;border-radius:6px;padding:.45rem .9rem;text-decoration:none}
    .rel-more:hover{opacity:.9}

    /* Responsive */
    @media (max-width:920px){
      .bd-wrap{max-width:820px}
      .bd-nav{grid-template-columns:1fr}
      .rel-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:600px){
      .rel-grid{grid-template-columns:1fr}
      .bd-share a{padding:.34rem .7rem}
      .bd-title{font-size:1.7rem}
    }


/* ===== BLOG DETAILS END ===== */




/* ===== MAIN H! HEADING ===== */
.avnaviocshad1 {
  background: linear-gradient(to bottom, #3a0a0a, #000);
  text-align: center;
  padding: 50px 0;
}

.avnaviocshad1 h1 {
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  position: relative;
  padding: 0 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.avnaviocshad1 h1::before,
.avnaviocshad1 h1::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 180px;
  height: 3px;
  background: linear-gradient(to right, transparent, #ff0040, #8000ff, transparent);
}

.avnaviocshad1 h1::before {
  right: 100%;
  margin-right: 20px;
}

.avnaviocshad1 h1::after {
  left: 100%;
  margin-left: 20px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .avnaviocshad1 h1 {
    font-size: 28px;
    letter-spacing: 1px;
  }

  .avnaviocshad1 h1::before,
  .avnaviocshad1 h1::after {
    width: 80px;
    height: 2px;
  }
}

@media (max-width: 480px) {
  .avnaviocshad1 h1 {
    font-size: 22px;
    padding: 0 10px;
  }

  .avnaviocshad1 h1::before,
  .avnaviocshad1 h1::after {
    width: 50px;
  }
}
/* ===== H! HEADING ===== */