@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");

.btn-primary{
    background-color: #2d4395;
    border-color: #2d4395;
}

.col-background {
    background-image: linear-gradient(to bottom, rgba(21,40,105, 0.73), rgba(87, 112, 201, 0.589)), url('https://i.imgur.com/7hpDjhM.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    padding: 20px;
}

.toast {
    border-radius: 15px !important;
    transition: 0.3s ease;
    opacity: 1 !important;
    box-shadow: none !important;
    animation: slideIn 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), slideOut 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 5s forwards;
  }
  
  .toast-progress {
    background-color: #FFF!important;
    opacity: 1 !important;
  }
  
  .toast-success {
    background-color: #65b307 !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
  
  .toast-warning {
    background-color: #ff9c1d !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
  
  .toast-error {
    background-color: #800000 !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
  
  @keyframes slideIn {
    from {
        transform: translateX(110%);
    }
    to {
        transform: translateX(0);
    }
  }
  
  @keyframes slideOut {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(110%);
    }
  }