.dark-guest{
    background-color: #222529 !important;
}
.light-guest{
    background-color: #ffffff !important;
}


    .footer p {
      color: #ccc;
      font-size: 14px;
      line-height: 1.6;
    }
    .footer h5 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 20px;
    }
    .footer ul {
      list-style: none;
      padding: 0;
    }
    .footer ul li {
      margin-bottom: 10px;
    }
    .footer ul li a {
      color: #ccc;
      text-decoration: none;
      font-size: 14px;
    }
    .footer ul li a:hover {
      color: #fff;
    }
    .footer .fa {
      margin-right: 8px;
      color: #32b443;
    }
    .social-icons a {
      display: inline-block;
      width: 36px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      background: rgba(255,255,255,0.05);
      border-radius: 50%;
      color: #ccc;
      margin-right: 8px;
    }
    .social-icons a:hover {
      background: #32b443;
      color: #fff;
    }
    
    
    @media only screen and (max-width: 767px) {
  .avatar-img {
    width: 35px !important;
    height: 35px !important;
    }
}
     .trust-section {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            padding: 80px 0;
        }
        
        .trust-card {
            border-radius: 20px;
            padding: 40px 30px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            border: none;
            height: 100%;
        }
        
        /*.trust-card:hover {*/
        /*    transform: translateY(-10px);*/
        /*    box-shadow: 0 20px 40px rgba(0,0,0,0.15);*/
        /*}*/
        
        .icon-container {
            width: 100px;
            height: 100px;
            margin: 0 auto 30px;
            /*display: flex;*/
            /*align-items: center;*/
            /*justify-content: center;*/
            /*border-radius: 50%;*/
            /*position: relative;*/
            /*overflow: hidden;*/
        }
        
        /*.icon-container::before {*/
        /*    content: '';*/
        /*    position: absolute;*/
        /*    top: -50%;*/
        /*    left: -50%;*/
        /*    width: 200%;*/
        /*    height: 200%;*/
        /*    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent);*/
        /*    transform: rotate(45deg);*/
        /*    transition: all 0.6s ease;*/
        /*    opacity: 0;*/
        /*}*/
        
        .trust-card:hover .icon-container::before {
            opacity: 1;
            animation: shine 0.6s ease-in-out;
        }
        
        @keyframes shine {
            0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
            100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
        }
        
        .icon-container img {
            width: 100%;
            /*height: 60px;*/
            /*filter: brightness(0) invert(1);*/
        }
        
        .trust-card h4 {
            font-weight: 700;
            font-size: 1.4rem;
        }
        
        .trust-card p {
            color: #6c757d;
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 0;
        }
        
        .section-title {
            text-align: center;
        }
        
        .section-title h2 {
            font-size: 3rem;
            font-weight: 800;
            position: relative;
        }
        
        .section-title h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #28a745, #20c997);
            border-radius: 2px;
        }
     
        
        .badge-eco {
            background: linear-gradient(135deg, #28a745, #20c997);
            padding: 8px 20px;
            border-radius: 25px;
            font-size: 0.9rem;
            font-weight: 600;
            margin-top: 20px;
            display: inline-block;
        }
        
        .dubai-tourism-badge {
            background: linear-gradient(135deg, #17a2b8, #007bff);
            padding: 8px 20px;
            border-radius: 25px;
            font-size: 0.9rem;
            font-weight: 600;
            margin-top: 20px;
            display: inline-block;
        }
        
        .experience-badge {
            background: linear-gradient(135deg, #fd7e14, #dc3545);
       
            padding: 8px 20px;
            border-radius: 25px;
            font-size: 0.9rem;
            font-weight: 600;
            display: inline-block;
        }
        
        @media (max-width: 768px) {
            .section-title h2 {
                font-size: 2.2rem;
            }
            
            .trust-section {
                padding: 60px 0;
            }
            
            .trust-card {
                padding: 30px 20px;
                margin-bottom: 30px;
            }
        }  
        
     
        /* Custom CSS for styling and layout adjustments */
        .process-section {
            padding: 80px 0;
            background-color: #f8f9fa;
        }
        .process-item {
            text-align: center;
            position: relative;
            padding: 20px;
        }
        .process-icon {
            width: 80px;
            height: 80px;
            background-color: #e9ecef;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto 20px;
            font-size: 30px;
            color: #007bff;
            border: 2px solid #007bff;
        }
        .process-number {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            background-color: #007bff;
            color: white;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            font-weight: bold;
            z-index: 1;
        }
        .process-arrow {
            position: absolute;
            top: 50%;
            right: -20px; /* Adjust as needed */
            transform: translateY(-50%);
            font-size: 40px;
            color: #dee2e6;
            z-index: 0;
        }
        @media (max-width: 767.98px) {
            .process-arrow {
                display: none; /* Hide arrows on small screens */
            }
            .process-item {
                margin-bottom: 40px;
            }
        }
        .bg-footer{
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2600' height='560' preserveAspectRatio='none' viewBox='0 0 2600 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1138%26quot%3b)' fill='none'%3e%3crect width='2600' height='560' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1139%26quot%3b)'%3e%3c/rect%3e%3cpath d='M2600 0L2095.54 0L2600 251.66z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M2095.54 0L2600 251.66L2600 352.53L1042.47 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M1042.47 0L2600 352.53L2600 442.04999999999995L1029.69 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M1029.69 0L2600 442.04999999999995L2600 498.5799999999999L533.76 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 560L142.86 560L0 555.16z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 555.16L142.86 560L729.53 560L0 440.66999999999996z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 440.67L729.53 560L1712 560L0 397.81z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 397.81L1712 560L2213.91 560L0 218.71z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1138'%3e%3crect width='2600' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='19.62%25' y1='191.07%25' x2='80.38%25' y2='-91.07%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1139'%3e%3cstop stop-color='rgba(14%2c 42%2c 71%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(60%2c 174%2c 241%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
        }
      /* Floating WhatsApp Button */
    .whatsapp-float {
      position: fixed;
      top: 75%;
      right: -10px; /* half hidden */
      transform: translateY(-50%);
      background: #25d366;
      color: white;
      padding: 12px 20px;
      border-radius: 8px 0 0 8px;
      font-family: Arial, sans-serif;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 1px;
      text-decoration: none;
      transition: right 0.3s ease;
      z-index: 9999;
      display: flex;
      align-items: center;
      gap: 8px;
      writing-mode: vertical-rl;  /* vertical layout */
      text-orientation: mixed;
    }

    .whatsapp-float:hover {
      right: 0; /* slide out */
    }

    .whatsapp-float i {
      font-size: 22px;
      margin-top: 6px; /* adjust icon spacing */
    }
    @media only screen and (max-width: 767px) {
    .whatsapp-float {
     
      right: 10px; 
    }
}