
 /* Add After login user profile photo */
.user-profile { display: flex; align-items: center; gap: 10px; }
.user-avatar { width: 40px; height: 40px; border-radius: 50%; }
     

/* Google Login */
.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:'Roboto',arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:'Roboto',arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgb(60 64 67 / .30),0 1px 3px 1px rgb(60 64 67 / .15);box-shadow:0 1px 2px 0 rgb(60 64 67 / .30),0 1px 3px 1px rgb(60 64 67 / .15)}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}


 /* for header*/
.navbar{padding:1rem 2rem}.navbar-nav .nav-link{position:relative;margin:0 15px;font-weight:500;color:#333;transition:color 0.3s ease}.navbar-nav .nav-link:hover{color:#0d6efd}.navbar-nav .nav-link:not(.dropdown-toggle)::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#0d6efd;transition:width 0.3s ease}.navbar-nav .nav-link:not(.dropdown-toggle):hover::after{width:100%}.dropdown:hover .dropdown-menu{display:block;margin-top:0}.dropdown-menu{border:none;border-radius:.5rem;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.dropdown-item{padding:10px 20px;font-size:15px}.dropdown-item i{margin-right:8px;color:#0d6efd}
 
/* for footer */
.link-hover:hover { color: #0d6efd; text-decoration: underline; transition: 0.3s;}  .social-icon:hover { color: #FFD700; transform: scale(1.2);transition: 0.3s;  }

/* for credit card bank list */
.icon-md img { width: 50px; height: 50px; }
.card-body-credit-card  { border: none; padding: 0.5rem; }
.stretched-link { text-decoration: none; color: #000; transition: color 0.3s; }
.stretched-link:hover { color: #0d6efd; text-decoration: none; font-size: 1.20rem; }


/* Newsletter Subscription Form */
.btn-subscribe {
  padding: 10px 20px;
  background: #3498db;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s;
}

.btn-subscribe:hover:not(:disabled) {
  background: #2980b9;
}

.btn-subscribe:disabled {
  background: #7f8c8d;
  cursor: not-allowed;
}

.newsletter-message {
  padding: 8px 12px;
  border-radius: 4px;
  margin-top: 10px;
  font-size: 14px;
}

.newsletter-message.success {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.newsletter-message.error {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.newsletter-note {
  font-size: 12px;
  color: #95a5a6;
  margin-top: 10px;
}
