body {
    background-color: #fff;
}

/* Start Button 001 customization */

a.stylizedButton.buttonStyle001 {
  border: 2px solid #0080FF;
  border-radius: 30px;
}

a.buttonStyle001, a:link.buttonStyle001 {
  padding: 14px 20px;
  min-width:70px;
  background:#0080FF;
  font-family:'Ubuntu','Arial',sans-serif;
  font-size: 16px;
}

a.buttonStyle001:hover, a:link.buttonStyle001:hover {
  background: #191414;
  border: 2px solid #191414;
}

a.buttonStyle001:active, a:link.buttonStyle001:active {
  background: #191414;
  border: 2px solid #191414;
}

@media screen and (max-width: 767px) {
  html:not([class*="WaPlaceHolder"]) a.buttonStyle001 {
  border-width: 2px;
  font-size: 15px;
  }
}

/* End button 001 end */

/* Start Button 007 customization */
a.stylizedButton.buttonStyle007 {
  border: 2px solid #191414;
  border-radius: 30px;
}

a.buttonStyle007, a:link.buttonStyle007 {
  padding: 14px 20px;
  min-width:70px;
  background: transparent;
}

@media screen and (max-width: 767px) {
  html:not([class*="WaPlaceHolder"]) a.buttonStyle007 {
    padding: 14px 20px;
  }
}
/* End button 007 end */

/* Start - Resize hero image */

/* --- Mobile Layout Overrides (Below 767px) --- */
@media (max-width: 767px) {
  
/* 1. Hero - Target the main outer container */
  #id_ybWcxXD {
  background-size: contain !important;  /* Forces the full image to display without cropping */
  height: auto !important;  /* Breaks the rigid 450px height restrictions */
  min-height: 200px !important;  /* Keeps the box open so it doesn't flatten to 0px */
  aspect-ratio: 16 / 9 !important;   /* Scales container height symmetrically with screen width */
  }

  /* 2. Hero - Target the inner editable layout box wrapper */
  #id_ybWcxXD .gadgetStyleBody {
  height: auto !important;  /* Breaks inner 450px restriction so it matches parent */
  }
}

/* 1. Card 1 - Target the main outer container */
@media (max-width: 767px) {
  #id_sdJhM2B {
    background-size: contain !important;
    height: auto !important;
    min-height: 200px !important;
    aspect-ratio: 16 / 9 !important;
 }

  /* 2. Card - Target the inner editable layout box wrapper */
  #id_sdJhM2B .gadgetStyleBody {
  height: auto !important;
  }
}