/* Custom CSS for hiding and showing the mobile menu */
#mobile-menu {
    display: none;
    background: black;
    position: absolute;
    width: 50%;
    right: 0%;
    top: 0%;
    height: 100vh;
}

/* Show mobile menu when checkbox is checked */
#menu-toggle:checked + #mobile-menu {
    display: block;
}
.show{
    display: block !important;
}

#close_menu{
        position: absolute;
        top: 5px;
        right: 10px;
}
.banner{
    background-image: url('./assets/images/banner-main.jpg');
    background-repeat: no-repeat;
    background-size: 100% 110%;

}
.header-wrapper {
    padding: 8px 24px 8px 24px;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: #eee;
  }
  
  .shadow {
    -webkit-box-shadow: 0 14px 12px -6px grey;
    -moz-box-shadow: 0 14px 12px -6px grey;
    box-shadow: 0 14px 12px -6px grey;
  }
  
  .wrapper {
    height: 200vh;
  }

  .max-w-sm:hover{
   cursor: pointer;
  }

  .contact-banner{
    background-image: url('./assets/images/contacts.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .about-us{
    background-image: url('./assets/images/about-banner.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

.padding-l-r-90{
  padding-left: 90px;
  padding-right: 90px;
}

.lower-background{
  background-image: url('./assets/images/aboutus-bottom.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 30rem;
}
.error {
  color: red;
  font-size: 12px;
}

.error-border {
  border: 2px solid red;
  outline: none;
}