.text-white{
  color: #fff !important;
}
.align-items-center{
  align-items: center;
  display: flex;
}
.d-none{
  display: none !important;
}
.blog-breadcrump h3 {
  color: #5a2918;
  text-align: center;
  font-size: 40px;
  line-height: 50px;

}
.site-sidebar{
  position: sticky;
  top: 0;
  height: auto; /* adjust the height as needed */
  overflow-y: auto; /* add scrollbar if content exceeds height */
}
.checkbox-container {
display: flex;
align-items: flex-start;
}

.FirstCheck {
margin-top: 0.5rem !important;
margin-right: 0.5rem !important;
}

.SecondCheck {
margin-top: 0.5rem !important;
margin-right: 0.5rem !important;
}
#loading {
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner-border {
  width: 3rem;
  height: 3rem;
  border: 0.5rem solid transparent;
  border-top: 0.5rem solid #dc3545; /* #dc3545 is the hex code for Bootstrap's default danger color */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.spinner-border span.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#loading {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.5;
background-color: #00000045;
z-index: 99;
}

.border-danger {
border-bottom: 2px solid #dc3545 !important;
}

.thank-you-container {
text-align: center;
padding: 30px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
width: 40%;
margin: 50px auto;
}

.thank-you-container h1 {
color: #3498db;
font-size: 40px;
margin-bottom: 20px;
line-height: 20px;
}

.thank-you-container a {
text-decoration: none;
color: #fff;
background-color: #3498db;
padding: 10px 20px;
border-radius: 5px;
font-weight: bold;
font-size: 1.2em;
transition: background-color 0.3s ease;
}

.thank-you-container p {
color: #555;
font-size: 18px;
}
@media (max-width: 600px) {
  .blog-breadcrump h3 {
    color: #5a2918;
    text-align: center;
    font-size: 20px;
    line-height: 32px;
}
  .thank-you-container {
      width: 100%;
    }
}