.main {

  background-color: #6d0b0c; /* golden shade */

}





 .custom-border {

    border: 2px solid #000; /* 2px black border */

  }





.hero-banner-wrapper {

  width: 100%;

  /* height: 300px; */

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-banner {

  max-width: 100%;

  /* min-height: 100%; */

  object-fit: fill;

  object-position: center;

}



/* Desktop & tablet screens */

@media (min-width: 768px) {

  .hero-banner-wrapper {

    /* height: 500px; */
  }

}



.history-section {

  background-color: #fff; /* golden shade */

  /* border-top: 4px solid #5b0000;  */

  /* border-bottom: 4px solid #5b0000; */

  color: #000; /* black text */

  font-size: 1rem;

  line-height: 1.7;

}



.history-section p {

  margin-bottom: 1.5rem;

}