.professional_convenience_header{
  margin-top: 95px;
}
.professional_convenience_header *{
  color:#fff;
}
.professional_convenience_header .custom-full-width-section {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  color: #fff;
}

.professional_convenience_header .custom-full-width-section .overlay {
  position: relative;
  padding: 100px; /* Adjust padding to leave space for the video */
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
}

.professional_convenience_header .custom-full-width-section h1 {
/*   font-family: 'GTPressura-Bold' !important; */
  font-size: 16px;
  font-weight: 700;
  line-height: 22.16px;
  text-align: center;
  text-transform:uppercase;
}

.custom-full-width-section h2 {
/*   font-family: 'Gazpacho' !important; */
  font-size: 36px;
  font-weight: 400;
  line-height: 43.2px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.custom-full-width-section h2 span{
  max-width:816px;
}

.professional_convenience_header .custom-full-width-section .highlight {
/*   font-family: 'Arial', sans-serif; /* Change to desired font family */ */
  font-size: 1.7em; /* Change to desired font size */
  font-weight: bold;
  color: #ffeb3b; /* Example color */
}

.custom-full-width-section .cta-button {
  display: inline-block;
  padding: 1em 2em;
  background-color: #fff; /* Green background */
  color: #000;
  text-transform:uppercase;
  text-decoration: none;
  margin-top: 20px;
  border-radius: 50px; /* Rounded corners */
  transition: background-color 0.3s, box-shadow 0.3s;  
  {# font-family: 'GTPressura-Bold'; #}
  font-family: var(--roboto-sans);
  font-size: 18px;
  font-weight: 700;
  line-height: 24.93px;
  text-align: center;
  padding: 10px 50px;
  color: #347744;
  
}
.custom-full-width-section .cta-button:hover{
  color:#fff;
}

.custom-full-width-section .cta-button:hover {
  background-color: #347744; /* Darker green on hover */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Box shadow on hover */
}

.video-container {
  position: relative;
  top: -80px;
  text-align: center;
  border-radius: 10px;
  width: 80%;
  margin: 0 auto;
}

.video-container iframe,
.video-container video {
/*   width: 1140px; */
/*   height: 496px; */
/*   max-width: 100%; */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}


.stylizedWord{
  font-size:40px;
/*   font-family:'BostonSkylineRough'; */
}

@media only screen and (max-width: 480px) {
  .video-container iframe, .video-container video {
    width: 100%;
    height: auto;
    min-height: 250px;
  }
  
  .professional_convenience_header .overlay {
    padding-bottom: 80px !important;
  }
  
}






.custom-video-container {
  position: relative;
  width: px;
  height: px;
}
.custom-video-thumbnail {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  z-index: 10; /* Ensure the thumbnail is on top */
}

.custom-video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:10px;
}

.play-icon:hover{
opacity:0.5;
}
.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px; /* Size of the play icon */
  height: 80px;
  background-size: contain;
  cursor: pointer;
  border-radius:50%;
  z-index: 20; /* Ensure the play icon is above the thumbnail */
}

.hs-video-wrapper iframe {
  z-index: 5; /* Ensure the iframe is below the thumbnail */
}