:root {
  --bs-body-color: #000028;
  --bs-blue: #00557c;
  --bs-indigo: #6610f2;
  --bs-purple: #aa32be;
  --bs-pink: #fe8389;
  --bs-red: #ef0137;
  --bs-orange: #ec6602;
  --bs-yellow: #F5C64C;
  --bs-green: #00646e;
  --bs-teal: #00bedc;
  --bs-cyan: #00e6dc;
  --bs-white: #ffffff;
  --bs-gray: #979797;
  --bs-gray-100: #f3f3f0;
  --bs-gray-200: #e5e5e9;
  --bs-gray-300: #ccccd4;
  --bs-gray-400: #9999a9;
  --bs-gray-500: #66667e;
  --bs-gray-600: #333353;
  --bs-gray-700: #575757;
  --bs-gray-800: #444444;
  --bs-gray-900: #333333;
  --bs-gray-dark: #333353;
  --bs-primary: #0087be;
  --bs-secondary: #66667e;
  --bs-success: #00646e;
  --bs-info: #00bedc;
  --bs-warning: #ef0137;
  --bs-danger: #ef0137;
  --bs-light: #f3f3f0;
  --bs-dark: #000028;
  --bs-font-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn-primary {
  background-color: var(--bs-primary);
  border: var(--bs-blue);
}
.btn-primary:hover {
  background-color: var(--bs-success);
}

.zohoform {
  height: 680px;
}

.brandingWrapper {
  display: none;
}

.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.html5-video-container {
  display: block;
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .zohoform {
    height: 760px;
  }
}