/* Common */
    * {
            font-family: 'Poppins', sans-serif;
        }

    body {
        scroll-behavior: smooth;
    }
        
    .hero-section {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('img/about_us.jpg');
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 20vh;
    }

/* About us Page */

.cube-container {
      perspective: 1000px;
      width: 300px;
      height: 300px;
    }
    
    .cube {
      width: 99%;
      height: 99%;
      position: relative;
      transform-style: preserve-3d;
      transform: rotateX(-30deg) rotateY(45deg);
      transition: transform 1s;
    }
    
    .cube:hover {
      transform: rotateX(-30deg) rotateY(225deg);
    }
    
    .face {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: visible;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      font-weight: bold;
    }
    
    .front {
      transform: translateZ(150px);
    }
    
    .back {
      transform: rotateY(180deg) translateZ(150px);
    }
    
    .right {
      transform: rotateY(90deg) translateZ(150px);
    }
    
    .left {
      transform: rotateY(-90deg) translateZ(150px);
    }
    
    .top {
      transform: rotateX(90deg) translateZ(150px);
    }
    
    .bottom {
      transform: rotateX(-90deg) translateZ(150px);
    }

        .tranform-3d {
            transform-style: preserve-3d;
        }

        
        .timeline-container::before {
            content: '';
            position: absolute;
            width: 3px;
            background-color: #10b981;
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: -1px;
        }
        
        @media (max-width: 768px) {
            .timeline-container::before {
                left: 40px;
            }
        }

        .logo {
            justify-items: center;
        }
        
        .counter-box {
            transition: all 0.3s ease;
        }
        
        .counter-box:hover {
            transform: translateY(-10px);
        }
        
        .team-member:hover .team-overlay {
            opacity: 1;
        }

/* Destinations Page */

        .destination-card:hover img {
            transform: scale(1.05);
            transition: transform 0.5s ease;
        }
        
        .destination-card img {
            transition: transform 0.5s ease;
        }

        .SL_map{
            width: 80%;
        }

        .map {
            justify-items: center !important;
        }

/* Footer Section */

        .gradient-bg {
            background: linear-gradient(135deg, #065f46 0%, #047857 50%, #059669 100%);
        }
        
        .hover-lift {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .hover-lift:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(34, 197, 94, 0.2);
        }
        
        .social-icon {
            transition: all 0.3s ease;
        }
        
        .social-icon:hover {
            transform: scale(1.1);
            filter: brightness(1.2);
        }
        
        .wave-animation {
            animation: wave 3s ease-in-out infinite;
        }
        
        @keyframes wave {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-5px); }
        }
        
        .text-glow {
            text-shadow: 0 0 20px rgba(134, 239, 172, 0.5);
        }
        
        .border-gradient {
            border-image: linear-gradient(45deg, #22c55e, #86efac) 1;
        }

/* Day Tours Page */

        .bookingInfo-section {
            background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('img/about_us.jpg');
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
        body { font-family: 'Inter', sans-serif; }
        .hero-gradient { background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(255, 255, 255, 0.95) 100%); }
        .card-hover { transition: all 0.3s ease; }
        .card-hover:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15); }
        .animate-fade-in { animation: fadeIn 0.8s ease-in-out; }
        .animate-slide-up { animation: slideUp 0.6s ease-out; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
        .text-gradient { background: linear-gradient(135deg, #16a34a, #22c55e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .section-divider { background: linear-gradient(90deg, transparent, #22c55e, transparent); height: 1px; }
        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }