.navbar,.navbar .dropdown-menu,.result-item button{background-color:#007bff}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh;font-family:Roboto,sans-serif;background-color:#f8f9fa}.navbar{font-size:1.1rem}.navbar .navbar-brand{font-size:1.3rem;color:#f8f9fa;transition:color .3s}.navbar .navbar-brand:hover{color:#f1f1f1}.navbar .nav-link{color:#f8f9fa;transition:background-color .3s,color .3s}.navbar .nav-link:hover{background-color:rgba(255,255,255,.2);color:#fff}.navbar .dropdown-item{color:#f8f9fa;transition:background-color .3s}.navbar .dropdown-item:hover{background-color:#0056b3;color:#f8f9fa}.nav-link:active{animation:.3s bounce}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.main-content{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:2rem;max-width:900px;margin:0 auto;color:#333;flex:1}.main-content h1,.main-content h2,.main-content h3{color:#007bff;font-weight:700}.main-content p{line-height:1.6;color:#555;margin-bottom:1.2rem}.btn{padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;transition:transform .3s,box-shadow .3s}.btn:hover{transform:scale(1.05);box-shadow:0 4px 10px rgba(0,123,255,.3)}.hover-zoom{transition:transform .3s}.hover-zoom:hover{transform:scale(1.1)}.card:hover{box-shadow:0 10px 20px rgba(0,0,0,.2);transition:.3s ease-in-out}.footer{margin-top:auto;padding:20px 0;background-color:#343a40;color:#fff;text-align:center}.footer img{max-width:100px;height:auto;margin:15px 0}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}.social-icon{padding:0;margin:20px 0;display:flex;justify-content:center;gap:15px}.social-icon li{list-style:none}.social-icon li a{color:#fff;font-size:1.8em;transition:color .3s,transform .3s}.social-icon li a:hover{color:#ffdd57;transform:scale(1.2)}#dictionary{margin-top:20px;max-height:400px;overflow-y:auto}.result-item{margin-bottom:10px;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;display:flex;justify-content:space-between;align-items:center}.result-item button{color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer}.result-item button:hover{background-color:#0056b3}.no-results{font-style:italic;color:#888}.quiz-container{width:80%;margin:0 auto;padding:20px;text-align:center}.quiz-container button{width:100%;padding:10px;font-size:16px}@media (max-width:576px){.footer,.navbar{font-size:.8rem}.main-content{padding:1rem;font-size:.9rem}.btn{padding:.6rem 1rem;font-size:.9rem}}@media (min-width:576px) and (max-width:768px){.navbar{font-size:.9rem}.main-content{padding:1.5rem;font-size:1rem}.btn{padding:.7rem 1.2rem;font-size:.95rem}.footer{font-size:.85rem}}@media (min-width:768px) and (max-width:992px){.navbar{font-size:1rem}.main-content{padding:2rem;font-size:1.1rem}.btn{padding:.8rem 1.4rem;font-size:1rem}.footer{font-size:.9rem}}@media (min-width:992px) and (max-width:1200px){.navbar{font-size:1.1rem}.main-content{padding:2.5rem;font-size:1.2rem}.btn{padding:.9rem 1.5rem;font-size:1.1rem}.footer{font-size:1rem}}@media (min-width:1200px){.navbar{font-size:1.2rem}.main-content{padding:3rem;font-size:1.3rem}.btn{padding:1rem 2rem;font-size:1.2rem}.footer{font-size:1.1rem}}
/* payment method css */
.payment-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.payment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.payment-card img {
    max-width: 80px;
    transition: transform 0.3s ease;
}

.payment-card:hover img {
    transform: scale(1.1);
}

.payment-card p {
    font-size: 0.9rem;
    color: #555;
}

.payment-card .btn {
    font-size: 0.85rem;
    font-weight: bold;
    border-radius: 20px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.payment-card .btn:hover {
    background-color: #f0ad4e;
    color: #fff;
}