@charset "UTF-8";

body{
    background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);
    font-family: 'Segoe UI', sans-serif;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}




        /* Navbar Styling */
 body {
            padding-top: 10px; /* Fixed navbar के लिए */
        }
        
        .navbar {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        
        .nav-link {
            color: white !important;
        }
        
        .nav-link:hover {
            color: #d1ffd6 !important;
        }
        
        /* Dropdown Styling */
        .dropdown-menu {
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .dropdown-item:hover {
            background-color: #198754;
            color: white !important;
        }
        
        /* Mobile Menu Styling */
        @media (max-width: 991px) {
            .navbar-nav {
                padding: 20px 0;
            }
            
            .dropdown-menu {
                background-color: rgba(255, 255, 255, 0.1);
                border: none;
            }
}


        /* Footer Styling */
        footer {
            background: linear-gradient(135deg, #198754 0%, #146c43 100%);
        }
        
        /* Mobile Specific */
        @media (max-width: 767px) {
            footer {
                padding-top: 1.5rem !important;
                padding-bottom: 1rem !important;
            }
            
            footer .container {
                padding-left: 15px;
                padding-right: 15px;
            }
            
            /* Accordion Styling */
            .accordion-button {
                padding: 0.75rem 0;
                font-weight: 600;
            }
            
            .accordion-button:not(.collapsed) {
                background-color: rgba(255, 255, 255, 0.1);
                color: white;
            }
            
            .accordion-button:focus {
                box-shadow: none;
                border-color: rgba(255, 255, 255, 0.3);
            }
            
            .accordion-button::after {
                filter: brightness(0) invert(1);
            }
            
            /* Social Icons for Mobile */
            .social-icons a {
                display: inline-block;
                width: 36px;
                height: 36px;
                line-height: 36px;
                text-align: center;
                background: rgba(255, 255, 255, 0.1);
                border-radius: 50%;
                margin: 0 8px;
            }
            
            /* Newsletter Input */
            .input-group-sm .form-control {
                height: 38px;
            }
            
            .input-group-sm .btn {
                height: 38px;
                padding: 0 15px;
            }
            
            /* Download App Buttons */
            .btn-dark {
                background-color: #333;
                border: none;
                border-radius: 8px;
                font-size: 0.8rem;
            }
        }
        
        /* Desktop Styling */
        @media (min-width: 768px) {
            footer a:hover {
                color: #d1ffd6 !important;
                transform: translateX(5px);
                transition: all 0.3s ease;
            }
            
            footer .social-icons a {
                display: inline-block;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                background: rgba(255, 255, 255, 0.1);
                border-radius: 50%;
                transition: all 0.3s ease;
            }
            
            footer .social-icons a:hover {
                background: rgba(255, 255, 255, 0.2);
                transform: translateY(-3px);
            }
        }
        
        /* Common Styling */
        footer .border-light {
            border-color: rgba(255, 255, 255, 0.2) !important;
 }
    



img {
    background-color: transparent !important;
    mix-blend-mode: multiply;
}

/* या specific image के लिए */
.container img {
    background: transparent;
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.1));
}

/* Background remove effect */
.bg-removed {
    background: transparent !important;
    isolation: isolate;
}






<!---login ka form hey --->


    .card {
        border-radius: 20px;
        overflow: hidden;
    }
    
    .card-header {
        border-bottom: 3px solid rgba(255, 255, 255, 0.2);
    }
    
    .input-group-text {
        transition: all 0.3s ease;
    }
    
    .input-group:focus-within .input-group-text {
        background-color: #e8f5e9;
        color: #198754;
    }
    
    .form-control:focus {
        border-color: #198754;
        box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    }
    
    .btn-success {
        background: linear-gradient(135deg, #198754 0%, #146c43 100%);
        border: none;
        transition: all 0.3s ease;
    }
    
    .btn-success:hover {
        background: linear-gradient(135deg, #146c43 0%, #0d5c3c 100%);
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(25, 135, 84, 0.3);
    }
    
    .btn-outline-primary, .btn-outline-dark {
        transition: all 0.3s ease;
    }
    
    .btn-outline-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 3px 10px rgba(13, 110, 253, 0.2);
    }
    
    .btn-outline-dark:hover {
        transform: translateY(-2px);
        box-shadow: 0 3px 10px rgba(33, 37, 41, 0.2);
    }
    
    /* For mobile responsiveness */
    @media (max-width: 768px) {
        .container {
            padding: 20px !important;
        }
        
        .col-md-6 {
            padding: 15px !important;
        }
        
        img {
            height: 300px !important;
        }
    }