/* General Styles */
:root {
         --primary-color: #0275d8;
         --secondary-color: #5bc0de;
         --dark-color: #343a40;
         --light-color: #f8f9fa;
         --success-color: #5cb85c;
         --warning-color: #f0ad4e;
         --danger-color: #d9534f;
     }
     
     body {
         font-family: 'Poppins', sans-serif;
         color: #333;
         line-height: 1.6;
     }
     
     h1, h2, h3, h4, h5, h6 {
         font-weight: 600;
     }
     
     .section-title {
         text-align: center;
         margin-bottom: 2.5rem;
         position: relative;
         padding-bottom: 15px;
         font-weight: 700;
     }
     
     .section-title::after {
         content: '';
         position: absolute;
         display: block;
         width: 50px;
         height: 3px;
         background-color: var(--primary-color);
         bottom: 0;
         left: 50%;
         transform: translateX(-50%);
     }
     
     /* Navbar Styles */
     .navbar-custom {
         background-color: #ffffff;
         box-shadow: 0 2px 10px rgba(0,0,0,0.1);
         padding: 15px 0;
         transition: all 0.3s ease;
     }

     .navbar-custom.sticky {
         padding: 10px 0;
         background-color: #ffffff;
         box-shadow: 0 5px 15px rgba(0,0,0,0.1);
     }

     .navbar-brand img {
         height: 45px;
         margin-right: 10px;
     }

     .navbar-brand span {
         font-weight: 600;
         color: #0d6efd;
     }

     .nav-link {
         color: #495057;
         font-weight: 500;
         margin: 0 10px;
         transition: all 0.3s ease;
     }

     .nav-link:hover, .nav-link.active {
         color: #0d6efd;
     }
     
     /* Hero Section */
     .hero-section {
         background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../asset/header1.jpg');
         background-size: cover;
         background-position: center;
         color: #fff;
         text-align: center;
         padding: 150px 0 100px;
         margin-top: 0;
     }
     
     .hero-section h1 {
         font-size: 3rem;
         font-weight: 700;
         margin-bottom: 1rem;
         text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
     }
     
     .hero-section p {
         font-size: 1.25rem;
         max-width: 800px;
         margin: 0 auto;
         text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
     }
     
     /* Destination Section - Simplified */
     .destination-card {
         border-radius: 10px;
         overflow: hidden;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         margin-bottom: 2rem;
         height: 100%;
         background-color: #fff;
     }
     
     .destination-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
     }
     
     .destination-img {
         height: 200px;
         object-fit: cover;
         width: 100%;
     }
     
     .destination-content {
         padding: 1.5rem;
     }
     
     .destination-content h3 {
         font-size: 1.4rem;
         margin-bottom: 0.75rem;
         color: var(--dark-color);
     }
     
     .destination-features {
         margin: 0.5rem 0;
         padding: 0;
         list-style: none;
     }
     
     .destination-features li {
         margin-bottom: 0.3rem;
         color: #666;
     }
     
     .destination-features i {
         color: var(--primary-color);
         margin-right: 8px;
         width: 20px;
         text-align: center;
     }
     
     /* Feature Icons */
     .feature-icon {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         width: 80px;
         height: 80px;
         border-radius: 50%;
         background-color: rgba(2, 117, 216, 0.1);
         color: var(--primary-color);
         font-size: 2rem;
         margin-bottom: 1.5rem;
     }
     
     /* Testimonials */
     .testimonial-card {
         background-color: #fff;
         border-radius: 10px;
         padding: 2rem;
         text-align: center;
         height: 100%;
     }
     
     .testimonial-img {
         width: 80px;
         height: 80px;
         border-radius: 50%;
         object-fit: cover;
         margin: 0 auto 1rem;
         border: 3px solid var(--primary-color);
     }
     
     /* News Cards */
     .news-date {
         display: inline-block;
         background-color: var(--primary-color);
         color: white;
         padding: 0.25rem 0.75rem;
         border-radius: 20px;
         font-size: 0.8rem;
     }
     
     /* Footer */
     .footer {
         background-color: var(--dark-color);
         color: #fff;
         padding: 3rem 0 1.5rem;
     }
     
     .footer a {
         color: rgba(255, 255, 255, 0.8);
         text-decoration: none;
         transition: color 0.3s ease;
     }
     
     .footer a:hover {
         color: #fff;
         text-decoration: none;
     }
     
     /* Responsive adjustments */
     @media (max-width: 768px) {
         .hero-section {
             padding: 120px 0 80px;
         }
         
         .hero-section h1 {
             font-size: 2.5rem;
         }
         
         .section-title {
             margin-bottom: 2rem;
         }
         
         .feature-icon {
             width: 70px;
             height: 70px;
             font-size: 1.75rem;
         }
     }
     
     @media (max-width: 576px) {
         .hero-section h1 {
             font-size: 2rem;
         }
         
         .hero-section p {
             font-size: 1rem;
         }
     }