html, body { max-width: 100%; overflow-x: clip; }
img { max-width: 100%; height: auto; }

#what-you-get .banner-btn-about {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
}
#what-you-get .banner-btn-about a,
#what-you-get .banner-btn-about button {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin: 0 !important;
  padding: 13px 20px !important;
  border-radius: 8px;
  font: inherit;
  font-weight: 800 !important;
  line-height: 1.25;
  cursor: pointer;
}
#what-you-get .banner-btn-about button { color: #fff !important; }
#what-you-get .video-container:has(img) {
  padding-top: 0;
  height: auto;
  min-height: 0;
  background: transparent;
  box-shadow: none;
}
#what-you-get .video-container > a,
#what-you-get .video-container img { display: block; width: 100%; }
#what-you-get .video-container + p { display: block; clear: both; width: 100%; margin-top: 14px !important; text-align: center; }

@media (max-width: 767px) {
  #what-you-get .container,
  #instructor .container,
  #course-architect .container,
  .clinic-ai-hero .container { width: 100%; padding-left: 15px; padding-right: 15px; }
  #what-you-get .row,
  #instructor .row,
  #course-architect .row,
  .clinic-ai-hero .row { margin-left: -15px; margin-right: -15px; }
  #what-you-get [class*="col-"],
  #instructor [class*="col-"],
  #course-architect [class*="col-"],
  .clinic-ai-hero [class*="col-"] { min-width: 0; padding-left: 15px; padding-right: 15px; }
  #what-you-get .about-us-list { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0; width: 100%; }
  #what-you-get .about-us-list li { width: 100%; margin-left: 0; }
  #what-you-get .banner-btn-about { flex-direction: column; width: 100%; }
  #what-you-get .banner-btn-about a,
  #what-you-get .banner-btn-about button { width: 100%; }
  #what-you-get .video-container { margin-top: 18px; }
  #instructor .cyber-content-img,
  #course-architect .cyber-content-img,
  .clinic-ai-hero .cyber-content-img-right { width: 100%; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; }
  #instructor figure,
  #course-architect figure,
  .clinic-ai-hero figure { width: 100%; margin-left: 0 !important; margin-right: 0 !important; }
  #instructor .cyber-security-provider-img,
  #course-architect .cyber-security-provider-img,
  .clinic-ai-hero .clinic-ai-image { display: block; width: 100% !important; max-width: 100%; margin: 0 auto; object-fit: cover; }
}