body {
  background-color: #f2f5f9;
}

.header {
  position: fixed;
  top: 0;
  height: 80px;
  z-index: 6;
  background-color: white;
}

.logo-img {
  max-width: 350px;
  width: 100%;
  z-index: 4;
}

.links-container {
  border: 1px solid #dd0b1f;
  color: #102443;
  border-radius: 20px;
}

.links-container a {
  text-decoration: none;
  color: #102443 !important;
}

.links-container .active {
  font-weight: bold;
  border-bottom: 3px solid #dd0b1f;
  border-radius: 2px;
}

.footer {
  background: #20254a;
}

.top-left-container {
  top: -80px;
  left: 0;
  width: 370px;
  z-index: 1;
  background-image: url("../assets/home-top-left-red-img.png");
  background-size: 100% 100%;
  height: 75%;
}

.right-content {
  z-index: 2;
  right: 0px;
  top: 120px;
}

.right-circles-img {
  max-width: 135px;
  height: 70%;
}

.banner-container {
  min-height: calc(100vh - 153px);
  background-color: #f2f5f9;
  margin-top: 80px;
}

.banner-container-sm {
  background-color: #f2f5f9;
  margin-top: 80px;
}

.mt-5rem {
  margin-top: 5rem;
}

form input,
form select,
form textarea {
  background-color: transparent !important;
  box-shadow: none !important;
  margin: 0.5rem 0;
}

.contact-us-img {
  max-width: 200px;
}

.custom-submit-button {
  background-color: #dd0b1f;
  color: white;
  border-radius: 20px;
}

.custom-submit-button:hover,
.custom-submit-button:active {
  border: 1px solid #dd0b1f;
  color: #dd0b1f;
  background-color: white;
}

.center-content {
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 970px) {
  .top-left-container {
    width: 200px;
    height: 300px;
  }

  .right-circles-img {
    max-width: 100px;
  }
}

@media screen and (max-width: 812px) {
  .right-circles-img {
    width: 75px;
  }

  .logo-img {
    left: -20px;
  }
}

@media screen and (max-width: 600px) {
  .top-left-container {
    width: 110px;
    height: 215px;
  }

  .footer {
    font-size: small;
  }
}