@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');


body {
  font-family:  'Roboto', sans-serif !important;
  /* font-size: 1.0rem !important; */
  line-height: 2rem !important;
  font-weight: 500 !important;
  background-color: #f6f8fc;
  }
  .atc-text{
    font-family: 'Times New Roman', serif; 
  }
  .row > * {        
    margin-top: 0 !important;    /* Remove vertical gutter */
}
  ol, ul {
    padding-left: 1rem !important;
}
  /* Navbar Styling */
  .navbar {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .bg-own {
    background-color: #008DD2 ; 
  }
  .bg-atc {
    background-color: #008DD2;
    color : #fff;
  }
  .toast-success {
    background-color: #28a745 !important; /* Bootstrap success green */
    color: white !important; /* Ensure the text is visible */
}

/* Optional: Customize the close button color */
.toast-success .toast-close-button {
    color: white !important;
}
  header .container {
    max-width: 800px;
  }
  
  /* Card Styling */
  .card {
    transition: transform 0.2s ease-in-out;
  }
  
  .card:hover {
    transform: translateY(-5px);
  }
  
  /* Footer Styling */
  footer {
    background-color: #f3c9c9;
  }
  
  footer a {
    text-decoration: none;
    color: #ffffff;
  }
  
  footer a:hover {
    color: #006699;
  }
  
  .bg-primary{
    background-color: #008DD2 !important;
  }
  .btn-primary{
    background-color: #008DD2 !important;
  }
  .btn{
    border-radius: 20px !important;
  }