.orderbtn {
    color: white;
    text-decoration: none;
    margin: 5px;
    font-size: 1.1rem;
    cursor: pointer;
    font-weight: bold;
    background-color: #0ba79a;
    border-radius: 20px;
    padding: 5px 10px;
    border: 2px solid transparent; /* Transparent border for animation */
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* RGB Border Animation */
.orderbtn::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(65deg, 
        #a513c3, #0d6ee1, #09f212, #ba1bd0, 
        #95075b, #f28609, #6bba11, #ff00c8, #44e314);
    background-size: 400%;
    border-radius: 20px;
    z-index: -1;
    animation: rgbBorder 5s linear infinite;
}

@keyframes rgbBorder {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 100% 0;
    }
    100% {
        background-position: 0 0;
    }
}

.orderbtn:hover {
    background-color: #087e74;
    border-color: #087e74;
    text-decoration: none;
}


      /* Basic styling for the social media icons */
        .social-media {
            display: flex;
            gap: 20px; /* Space between icons */
            justify-content: center;
            margin-top: 20px;
            padding: 20px 20px ;
        }
        .social-media a {
            color: #fff; /* Icon color */
            font-size: 30px; /* Icon size */
            text-decoration: none;
            transition: color 0.3s ease;
            padding: 20 20;
        }
        .social-media a:hover {
            color: #ddd; /* Icon color on hover */
        }
        .facebook { background-color: #1877F2; padding: 10px; border-radius: 50%; }
        .instagram { background-color: #E4405F; padding: 10px; border-radius: 50%; }
        .whatsapp { background-color: #25D366; padding: 10px; border-radius: 50%; }
        
        .maps{
          padding: 10 20;
          margin: 0;
        }