.gallery-title {
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-size: 3.2rem;
  font-weight: 900;
    /* Enhanced Contact Title */
    h2.contact-title {
      font-family: 'Playfair Display', serif !important;
      font-size: 2.8rem !important;
      font-weight: 900 !important;
      letter-spacing: 2px;
      color: #bc3301 !important;
      position: relative;
      display: inline-block;
      margin-bottom: 2.2rem;
      text-shadow: 0 4px 24px #fff, 0 1px 0 #fff, 0 2px 8px #bc330144;
      padding-bottom: 0.5rem;
    }
    h2.contact-title::before {
      content: '\f095';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: 1.5rem;
      color: #ffb36b;
      margin-right: 14px;
      vertical-align: middle;
      position: relative;
      top: -2px;
      text-shadow: 0 2px 8px #bc330144;
      display: inline-block;
    }
    h2.contact-title::after {
      content: "";
      display: block;
      width: 80px;
      height: 5px;
      margin: 18px auto 0 auto;
      background: linear-gradient(90deg, #bc3301 0%, #ffb36b 100%);
      border-radius: 3px;
      opacity: 0.95;
      box-shadow: 0 2px 12px #bc330144;
    }
  letter-spacing: 2.5px;
  color: #bc3301;
  position: relative;
  display: inline-block;
  margin-bottom: 2.2rem;
  text-shadow: 0 4px 24px #fff, 0 1px 0 #fff, 0 2px 8px #bc330144;
  padding-bottom: 0.5rem;
    }
    .gallery-title::before {
      content: '\f03e';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: 1.5rem;
      color: #ffb36b;
      margin-right: 14px;
      vertical-align: middle;
      position: relative;
      top: -2px;
      text-shadow: 0 2px 8px #bc330144;
    }
    .gallery-title::after {
      content: "";
      display: block;
      width: 80px;
      height: 5px;
      margin: 18px auto 0 auto;
      background: linear-gradient(90deg, #bc3301 0%, #ffb36b 100%);
      border-radius: 3px;
      opacity: 0.95;
      box-shadow: 0 2px 12px #bc330144;
    }
    /* Event Card Animations */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(40px) scale(0.96); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }
    .event-card {
  animation: fadeUp 0.8s cubic-bezier(.23,1.01,.32,1) both;
  background: rgba(255,255,255,0.82) url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" fill="%23ffe5d0"/><circle cx="10" cy="10" r="1.5" fill="%23bc3301" fill-opacity="0.08"/></svg>');
  background-blend-mode: lighten;
  border-radius: 1.5rem;
  box-shadow: 0 8px 32px rgba(188,51,1,0.10);
  backdrop-filter: blur(6px);
  position: relative;
  padding: 28px 18px 22px 18px;
  border: 2.5px solid;
  border-image: linear-gradient(120deg, #bc3301 0%, #ffe5d0 100%);
  border-image-slice: 1;
  transition: box-shadow 0.3s, transform 0.3s, border-image 0.3s;
  will-change: transform, box-shadow;
    }
    .event-card:hover {
      box-shadow: 0 24px 64px #bc330144;
      transform: translateY(-10px) scale(1.04) rotate(-1deg);
      border-image: linear-gradient(120deg, #bc3301 0%, #bc3301 100%);
      border-image-slice: 1;
    }
    .event-img {
      width: 100%;
      max-width: 320px;
      height: 200px;
      object-fit: cover;
      margin: 0 auto 10px auto;
      display: block;
      transition: transform 0.4s cubic-bezier(.23,1.01,.32,1), box-shadow 0.3s;
    }
    .event-card:hover .event-img {
      transform: scale(1.07) rotate(-2deg);
      box-shadow: 0 8px 32px #bc330188;
    }
    .event-title {
      font-family: 'Montserrat', sans-serif;
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 8px;
      color: #bc3301;
    }
    .event-desc {
      font-size: 1.05rem;
      color: #333;
      margin-bottom: 0;
    }
    .event-card {
      min-height: 420px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
    }
    /* Removed problematic mask properties */
    /* Modern About Cards */
    #about .about-card {
      background: rgba(255,255,255,0.78);
      border-radius: 1.5rem;
      box-shadow: 0 8px 32px rgba(188,51,1,0.10);
      backdrop-filter: blur(6px);
      padding: 36px 32px;
      margin-bottom: 0;
      position: relative;
      transition: box-shadow 0.3s, transform 0.3s;
      font-family: 'Lato', 'Roboto', sans-serif;
      z-index: 1;
    }
    #about .about-card::before {
      content: "";
      position: absolute;
      top: -3px; left: -3px; right: -3px; bottom: -3px;
      border-radius: 1.5rem;
      background:  linear-gradient(90deg,rgba(214, 92, 42, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
      z-index: -1;
    }
    #about .about-card:hover {
      box-shadow: 0 16px 48px #bc330144;
      transform: translateY(-6px) scale(1.03);
    }
    #about .modern-card:hover::before {
      border-image: linear-gradient(120deg, #bc3301 0%, #bc3301 100%);
      border-image-slice: 1;
    }
    #about .modern-card:hover {
  transform: translateY(-8px) scale(1.04);
  box-shadow: 0 16px 48px #bc330144;
  border-color: #bc3301;
  border-radius: 1.5rem !important;
    }
    #about .modern-card i {
      background: linear-gradient(120deg, #bc3301 0%, #ffe5d0 100%);
      color: white;
      border-radius: 50%;
      padding: 16px;
      font-size: 2.2rem;
      margin-bottom: 12px;
      box-shadow: 0 2px 8px #bc330144;
      transition: background 0.3s;
    }
    #about .modern-card h5 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 1.18rem;
      margin-bottom: 8px;
      color: #bc3301;
    }
    #about .modern-card p {
      font-size: 1.05rem;
      color: #333;
    }
    /* Global */
    body { font-family: 'Roboto', sans-serif; scroll-behavior: smooth; margin:0; }
    h1,h3 { font-family: 'Montserrat', sans-serif; }
    #about h2.text-center {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      letter-spacing: 1px;
      font-size: 2.6rem;
      color: #bc3301;
    }
    a { text-decoration:none; }

    /* Navbar */
    .navbar {
      background: #d65c2a;
  box-shadow: 0 4px 18px rgba(44,62,80,0.12);
  padding: 0.7rem 2rem;
  transition: background 0.3s;
    }
    .navbar .navbar-brand img {
      height: 48px;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(44,62,80,0.18);
      margin-right: 12px;
      transition: box-shadow 0.3s;
    }
    .navbar .navbar-brand img:hover {
      box-shadow: 0 4px 18px #e74c3c88;
    }
    .navbar .nav-link {
      color: #f7f7f7 !important;
      margin: 0 14px;
      font-weight: 600;
      font-size: 1.08rem;
      letter-spacing: 0.5px;
      border-radius: 8px;
      padding: 8px 16px;
      transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s;
    }
    .navbar .nav-link:hover, .navbar .nav-link:focus {
      background: none;
      color: #f7f7f7 !important;
      transform: scale(1.12);
      box-shadow: 0 2px 12px #bc330144;
    }
    .navbar-toggler {
      border-radius: 8px;
      border: none;
      background: #e74c3c22;
      padding: 6px 10px;
    }

    /* Hero */
  #hero { 
    position:relative; 
    background: url('https://www.sublimetourodisha.com/app-login/Upload/pkg_img/Deomali%20Nature%20Camp%20Odisha%20Koraput%20Sublime%20Tours.jpg') center/cover no-repeat; 
    height:80vh; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    color:white; 
    text-align:center; 
    text-shadow:2px 2px 8px rgba(0,0,0,0.7); 
    overflow:hidden; }
  /* Removed hero gradient overlay */
  #hero > div { position:relative; z-index:2; }
  #hero h1 { font-size:4rem; font-weight:700; animation: fadeInDown 1.2s; }
  #hero p { font-size:1.5rem; margin-bottom:20px; animation: fadeInUp 1.2s; }
  #hero .btn { background:#e74c3c; padding:12px 30px; font-weight:bold; border-radius:5px; transition:transform 0.3s; box-shadow:0 4px 16px rgba(231,76,60,0.2); }
  #hero .btn:hover { transform:scale(1.1); background:#2ecc71; color:white; }
  @keyframes fadeInDown { from{opacity:0;transform:translateY(-40px);} to{opacity:1;transform:translateY(0);} }
  @keyframes fadeInUp { from{opacity:0;transform:translateY(40px);} to{opacity:1;transform:translateY(0);} }

    /* Sections */
    section { padding:80px 0; }
    #about {
      background: url('img/about.jpg') center/cover no-repeat;
      position: relative;
      overflow: hidden;
    }
    #about .about-bg-overlay {
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: linear-gradient(120deg, #ffe5d0cc 0%, #f7f7f7cc 100%);
      z-index: 0;
      pointer-events: none;
    }
    #about .container {
      position: relative;
      z-index: 1;
    }
    /* Overlay removed for full image visibility */
    #about .container {
      position: relative;
      z-index: 1;
    }
    #about .about-icon {
      font-size: 2.8rem;
      color: #bc3301;
      margin-bottom: 18px;
      display: block;
      text-align: center;
    }
    #about .about-card {
      font-family: 'Lato', 'Roboto', sans-serif;
      background: rgba(255,255,255,0.78);
      border-radius: 1.5rem;
      box-shadow: 0 8px 32px rgba(188,51,1,0.10);
      backdrop-filter: blur(6px);
      padding: 36px 32px;
      margin-bottom: 0;
      position: relative;
      /* border: 2.5px solid; */
      border-image: linear-gradient(120deg, #bc3301 0%, #ffe5d0 100%);
      border-image-slice: 1;
      transition: box-shadow 0.3s, transform 0.3s, border-image 0.3s;
    }
    #about .about-card:hover {
      box-shadow: 0 16px 48px #bc330144;
      transform: translateY(-6px) scale(1.03);
      border-image: linear-gradient(120deg, #bc3301 0%, #bc3301 100%);
      border-image-slice: 1;
    }
    #about img {
      border-radius: 22px !important;
      box-shadow: 0 8px 32px #bc330144 !important;
      border: 4px solid #fff;
      transition: transform 0.3s, box-shadow 0.3s;
    }
    #about img:hover {
      transform: scale(1.04) rotate(-2deg);
      box-shadow: 0 16px 48px #bc330188;
    }
    #events {
      background: #fff url('data:image/svg+xml;utf8,<svg width="100%25" height="100%25" xmlns="http://www.w3.org/2000/svg"><rect width="100%25" height="100%25" fill="white"/><path d="M0 40 Q50 80 100 40 T200 40 T300 40 T400 40" stroke="%23bc3301" stroke-width="2" fill="none" opacity="0.08"/><circle cx="60" cy="120" r="18" fill="%23bc3301" opacity="0.04"/><circle cx="320" cy="80" r="12" fill="%23bc3301" opacity="0.06"/></svg>') center top repeat;
      background-size: cover;
      position: relative;
    }
    #gallery {
  background: #f7f7f7 url('data:image/svg+xml;utf8,<svg width="100%25" height="100%25" xmlns="http://www.w3.org/2000/svg"><rect width="100%25" height="100%25" fill="%23f7f7f7"/><circle cx="80" cy="60" r="18" fill="%23bc3301" opacity="0.04"/><circle cx="320" cy="120" r="12" fill="%23bc3301" opacity="0.06"/><rect x="180" y="40" width="60" height="12" fill="%23bc3301" opacity="0.04"/></svg>') center top repeat;
  background-size: cover;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
    }
    .gallery-card {
  background: rgba(255,255,255,0.92) url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" fill="%23ffe5d0"/><circle cx="10" cy="10" r="1.5" fill="%23bc3301" fill-opacity="0.08"/></svg>');
  background-blend-mode: lighten;
  border-radius: 1.2rem;
  box-shadow: 0 4px 18px #bc330144;
  overflow: hidden;
  transition: box-shadow 0.3s, transform 0.3s;
  margin-bottom: 24px;
  cursor: pointer;
  position: relative;
  min-height: 320px;
  max-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
    }
    .gallery-card:hover {
      box-shadow: 0 12px 32px #bc330188;
      transform: scale(1.04) translateY(-4px);
    }
    .gallery-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  border-radius: 1.2rem;
  transition: transform 0.3s, box-shadow 0.3s;
    }
    .gallery-card:hover img {
      transform: scale(1.08) rotate(-2deg);
      box-shadow: 0 8px 32px #bc330188;
    }
    #contact {
      background: #fff url('data:image/svg+xml;utf8,<svg width="100%25" height="100%25" xmlns="http://www.w3.org/2000/svg"><rect width="100%25" height="100%25" fill="white"/><circle cx="80" cy="60" r="18" fill="%23bc3301" opacity="0.04"/><circle cx="320" cy="120" r="12" fill="%23bc3301" opacity="0.06"/><rect x="180" y="40" width="60" height="12" fill="%23bc3301" opacity="0.04"/></svg>') center top repeat;
      background-size: cover;
      position: relative;
    }

    /* Cards */
    .card { border:none; box-shadow:0 4px 10px rgba(0,0,0,0.1); transition:transform 0.3s; border-radius:10px; }
    .card:hover { transform:scale(1.05); }

    /* Gallery */
    .gallery img { width:100%; border-radius:10px; transition: transform 0.3s; }
    .gallery img:hover { transform: scale(1.1); }
    .gallery-flower-bg {
  width: 100%;
  height: 48px;
  background: url('data:image/svg+xml;utf8,<svg width="100%25" height="48" viewBox="0 0 320 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.22"><circle cx="24" cy="24" r="18" fill="%23eab676"/><path d="M24 6c2.5 6 8 10 14 10s11.5-4 14-10c2.5 6 8 10 14 10s11.5-4 14-10c2.5 6 8 10 14 10s11.5-4 14-10" stroke="%23bc3301" stroke-width="2" fill="none"/><circle cx="64" cy="24" r="8" fill="%23bc3301"/><circle cx="104" cy="24" r="18" fill="%23eab676"/><circle cx="144" cy="24" r="8" fill="%23bc3301"/><circle cx="184" cy="24" r="18" fill="%23eab676"/><circle cx="224" cy="24" r="8" fill="%23bc3301"/><circle cx="264" cy="24" r="18" fill="%23eab676"/><circle cx="304" cy="24" r="8" fill="%23bc3301"/></g></svg>') center top repeat-x;
  background-size: contain;
  margin-bottom: -8px;
  z-index: 2;
  position: relative;
}
.gallery-card img {
  margin-top: px;
  margin-bottom: 0px;
  z-index: 3;
  position: relative;
}
    /* Footer */
    footer {
      background: #2c3e50 url('img/footer.jpg') center/cover no-repeat;
      color: white;
      text-align: center;
      padding: 20px 0;
      position: relative;
    }
    footer::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(44,62,80,0.45);
      z-index: 0;
    }
    footer > * {
      position: relative;
      z-index: 1;
    }
    footer a { color:white; margin:0 10px; transition: color 0.3s; }
    footer a:hover { color:#e74c3c; }