.auth-wrapper.auth-basic {
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.auth-wrapper.auth-basic .auth-inner {
  position: relative;
  max-width: 400px;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition pour les effets */
}

.auth-wrapper.auth-basic .auth-inner:hover {
  transform: translateY(-10px); /* Effet de levée au survol */
  box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.15); /* Ombre plus prononcée au survol */
}

.auth-wrapper.auth-basic .auth-inner:before {
  background-image: url("data:image/png");
  content: " ";
  height: 243px;
  left: -46px;
  position: absolute;
  top: -54px;
  width: 244px;
  opacity: 0.3; /* Opacité réduite pour un effet plus subtil */
}

@media (max-width: 575.98px) {
  .auth-wrapper.auth-basic .auth-inner:before {
    display: none;
  }
}

.auth-wrapper.auth-basic .auth-inner:after {
  background-image: url("data:image/png");
  bottom: -55px;
  content: " ";
  height: 272px;
  position: absolute;
  right: -75px;
  width: 272px;
  z-index: -1;
  opacity: 0.3; /* Opacité réduite pour un effet plus subtil */
}

@media (max-width: 575.98px) {
  .auth-wrapper.auth-basic .auth-inner:after {
    display: none;
  }
}

.auth-wrapper.auth-cover {
  align-items: flex-start;
}

.auth-wrapper.auth-cover .auth-inner {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow-y: auto;
}

.auth-wrapper.auth-cover .brand-logo {
  justify-content: unset;
  left: 2rem;
  margin: 0;
  position: absolute;
  top: 2rem;
  z-index: 1;
}

.auth-wrapper.auth-basic .auth-inner {
  max-width: 400px;
}

.auth-wrapper .brand-logo {
  display: flex;
  justify-content: center;
  margin: 1rem 0 2rem;
}

.auth-wrapper .brand-logo .brand-text {
  font-weight: 600;
  color: #333; /* Couleur du texte du logo */
}

.auth-wrapper .auth-footer-btn .btn {
  padding: 0.6rem !important;
  background-color: #4a6cf7; /* Couleur de fond des boutons */
  border: none;
  border-radius: 5px; /* Bordures arrondies pour les boutons */
  color: #fff; /* Couleur du texte des boutons */
  transition: background-color 0.3s ease; /* Transition pour les boutons */
}

.auth-wrapper .auth-footer-btn .btn:hover {
  background-color: #6e8efb; /* Changement de couleur au survol */
}

.auth-wrapper .auth-footer-btn .btn:not(:last-child) {
  margin-right: 1rem;
}

.auth-wrapper .auth-footer-btn .btn:focus {
  box-shadow: none;
}

.auth-wrapper .auth-input {
  max-width: 50px;
  padding-left: 0.571rem;
  padding-right: 0.571rem;
  background-color: rgba(255, 255, 255, 0.9); /* Fond semi-transparent pour les inputs */
  border: 1px solid #ddd; /* Bordure légère */
  border-radius: 5px; /* Bordures arrondies pour les inputs */
  color: #333; /* Couleur du texte des inputs */
}

.auth-wrapper .custom-options-checkable .plan-price .pricing-value {
  font-size: 3rem;
}

.auth-wrapper .custom-options-checkable .plan-price sup {
  left: 0.2rem;
  top: -1.5rem;
}

.auth-wrapper .custom-options-checkable .plan-price sub {
  bottom: 0;
  right: 0.14rem;
}

@media (min-width: 1200px) {
  .auth-wrapper.auth-cover .auth-card {
    width: 400px;
  }
}

@media (max-width: 575.98px) {
  .auth-wrapper.auth-cover .brand-logo {
    justify-content: center;
    left: 1.5rem;
    padding-left: 0;
  }
}

.auth-wrapper .auth-bg {
  background-color: #fff;
}

.dark-layout .auth-wrapper .auth-bg {
  background-color: #283046;
}

@media (max-height: 825px) and (max-width: 991.98px) {
  .dark-layout .auth-wrapper .auth-inner {
    background-color: #283046;
  }
  .auth-wrapper .auth-bg {
    margin: auto 0;
    padding-top: 3rem;
  }
  .auth-wrapper .auth-inner {
    background-color: #fff;
  }
  .auth-wrapper.auth-cover .auth-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
  }
  .auth-wrapper.auth-cover .brand-logo {
    left: 0;
    padding-left: 1.5rem;
    position: relative;
  }
}



/* Taille telephone */
input, textarea, select {
    font-size: 16px !important;
}

/* Taille telephone */
#email, #password, #password_confirmation, #phone, #first_name, #last_name, #address, #city, #country, #timezone, #locale, #plans {
    font-size: 16px !important;
}



.card-text {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0035FC; /* Couleur du texte */
    text-align: center;
    position: relative;
    padding-bottom: 5px; /* Espace pour le soulignement */
}

.card-text::after {
    content: '';
    position: absolute;
    left: 50%; /* Centrer le soulignement */
    bottom: 0;
    width: 50%; /* Largeur du soulignement (ajustable) */
    height: 3px; /* Épaisseur du soulignement */
    background-color: #03B347; /* Couleur verte du soulignement */
    transform: translateX(-50%); /* Centrer le soulignement */
}
    
/* Button Styling */
button,
input[type="submit"] {
    background: linear-gradient(135deg, #0035fc, #0066ff);
    color: white;
    border: none;
    padding: 14px 24px;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 53, 252, 0.3);
}

button:hover,
input[type="submit"]:hover {
    background: linear-gradient(135deg, #000, #000);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 53, 252, 0.4);
}

button:active,
input[type="submit"]:active {
    background: linear-gradient(135deg, #000, #000);
    transform: translateY(1px);
    box-shadow: 0 4px 15px rgba(0, 53, 252, 0.3);
}