/* ======General Stylling Starts====== */
* {
  font-family: "Poppins", sans-serif;
}

.horizontal-line-red-center {
  /* color: #dc3545;
    border-width: medium; */
  border: 0;
  height: 3px;
  width: 90%;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255),
    rgba(167, 29, 42, 1),
    rgba(255, 255, 255)
  );
}

.horizontal-line-red-right {
  border: 0;
  height: 3px;
  width: 90%;
  background-image: linear-gradient(
    to right,
    rgba(167, 29, 42, 1),
    rgba(255, 255, 255)
  );
}

.horizontal-line-red-vertical-center {
  transform: rotate(90deg);
  border: 0;
  height: 3px;
  width: 90%;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(167, 29, 42, 1),
    rgba(0, 0, 0, 0)
  );
}

/* ======General Stylling Ends====== */

/* ======Loading Screen Styling Starts====== */

.loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loader {
  border: 8px solid black;
  border-top: 8px solid #dc3545;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading-screen p {
  font-size: 14px;
  margin-top: 5px;
  color: white;
  text-align: center;
}

/* ======Loading Screen Styling Ends====== */

/* ======Navbar Styling Starts====== */

#navigation-bar .navbar {
  background-color: #dc3545;
}

#navigation-bar .navbar-brand {
  color: white;
}

#navigation-bar .navbar-toggler {
  background-color: white;
}

#navigation-bar .nav-link {
  color: white;
}

/* ======Navbar Styling Ends====== */

/* ======Jumbotron Styling Starts====== */

/* ======Jumbotron Styling Ends====== */

/* ======Countup Number Styling Starts====== */
.countup {
  font-size: 25px;
  color: #e56773;
}

/* ======Countup Number Styling Ends====== */

/* ======Testimonial Styling Starts====== */
.avatar-image {
  width: 130px;
}

.text-muted {
  font-size: 15px;
}
/* ======Testimonial Styling Ends====== */

/* ======Donor Registration Form Styling Starts====== */

.offcanvas-header {
  background-color: #dc3545;
}

.offcanvas-title {
  color: white;
}

/* ======Donor Registration Form Styling Ends====== */

/* ======Donor Login Form Styling Starts====== */
.modal-header {
  background-color: #0c6dfd;
}

.modal-title {
  color: white;
}

.modal .btn-close {
  color: white;
}

/* ======Donor Login Form Styling Ends====== */

/* ======Sweet Alert Styling Stars====== */

.swal2-container .swal2-confirm {
  background-color: #dc3545 !important;
}

/* ======Sweet Alert Styling Ends====== */

/* ======Footer Styling Starts====== */

footer {
  background-color: #dc3545;
  /* color: white; */
}

#footer p {
  color: white;
}

#footer h5 {
  color: black;
}

#footer .nav a {
  color: white;
}

#footer svg {
  color: white;
}

/* ======Footer Styling Ends====== */

/* ======Blood Donor Results Starts====== */
#blood-donor-results-table thead th {
  text-align: center;
}

#blood-donor-results-table tbody tr {
  text-align: center;
}
/* ======Blood Donor Results Ends====== */

/* ======Pagination Starts====== */

/* ======Pagination Ends====== */

/* ======404 Styling Starts====== */

/* ======404 Styling Ends====== */