.primary-font{
    font-family: "Alice", serif;
    font-weight: 800;
    font-style: normal;
}

.body-font{
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

#background-image{
    background-image: url("../static/img/banner.png");
    height:560px;
}

.help-imgs{
  object-fit: contain;
}

.background-video {
   width: 100vw;
   height: 100vh;
   object-fit: cover;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
}

.background-banner{
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 20px;
}

.orange-bg-color{
    background-color: #f5793b;
}

.orange-color{
   color: #f5793b;
}

.card {
    border: none;
  }

.gray-bg-color{
    background-color:#eeeeee;
}

.white-bg-color{
    background-color:#ffffff;
}

.light-bg-color{
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px; /* change the border-radius to make the corners round */
}
.black-bg-color{
  background-color: #000000;
  color: white;
}

.btn-primary:hover {
    background-color: #ffffff; /* Custom hover color */
    border-color: #ffffff;
    color: #000000;
}

.btn-primary{
    background-color: #000000; /* Custom hover color */
    border-color: #000000;
    color: #ffffff;
    width: 200px;
}

#first-animation {
    text-align: center;
    animation-name: example;
    animation-duration: 1s;
  }
  
  @keyframes example {
    from {text-align: left;}
    to {text-align: center;}
  }

  .right {
    justify-content: end;
    align-items: end;
  }

  .dark-gray-bg{
    background-color: #d4d4d4;
  }

  .white-color {
    color: #ffffff
  }

  #background-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
 }

 a {
  color: black;
  font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
 }

 .hidden {
  display: none;
}
form {
  padding: 25px;
  margin: 25px;
  box-shadow: 0 2px 5px #f5f5f5; 
  background: #f5f5f5; 
  }

  .border-radious{
    border-radius: 20px; /* change the border-radius to make the corners round */
  }
@media only screen and (max-width: 768px) {
#background-video {
    display: none;
}
body {
    background-image: url('../static/img/banner_2.png');
}
}