body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}

#bottomBanner {
  position: relative;
  background-image: url('/img/header/CJP.KaseyPaul-98.jpg');
  background-size: cover;
  background-position: center;
}

#bannerBanner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

#testimonial-sec {
  position: relative;
  background-image: url('/img/header/CaseyJoPhotos-355(1).jpg');
  background-size: cover;
  background-position: center;
}

#testimonial-sec:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.banner {
  position: relative;
  background-image: url('/img/header/CJP-Ali-Kevin-536.jpg');
  background-size: cover;
  background-position: center;
  height: 80vh;
  color: #fff;
  text-align: center;
  display: flex;
  /* justify-content: center; /* Horizontally center the content */
  align-items: center;     /* Vertically center the content */
}

/* Add an overlay to the background image */
.banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

/* Style the banner text and button */
.banner-text {
  position: absolute;
  top: 50%;
  left: 15%;
  color: white !important;
  /* transform: translate(-50%, -50%); */
  text-align: left !important;
  opacity:1 !important;
}
.banner-text span {
  border-bottom: 3px #4a6d50 solid;
}
/* h1 {
    font-size: 2.5rem;
    margin: 0;
}

p {
    font-size: 1.2rem;
    margin: 10px 0;
} */

.banner-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007BFF; /* Change the button color to your preference */
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1.2rem;
}

.mobile-menu-section {
  background-color: #4a6d50;
  position: fixed;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.mobile-menu {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile-menu ul {
  list-style: none;
  text-align: center;
}

.mobile-menu ul li{
  color: white;
  font-size: 25px;
  padding-bottom:25px;
}


@media screen and (max-width: 1199.98px) {

  .opening-para h2 {
    font-size: 1.5rem;
    padding-top: 40px;
    padding-bottom: 25px; 
  }
  .banner {
    height: 600px;
  }
  .banner-text {
    top:40%;
  }
  .contact-slider {
    background-position: 0px 100px !important;
    min-height:300px!important;
  }
  .contact-slider div div {
    margin-top:35%!important;
  }
}