/*--add-new-css--*/
.bg-gray-light h2 {
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.left-aarow {
  position: relative;
  padding-left: 18px;
}
.left-aarow:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 20px;
  background-image: url("./img/right-arrow.png");
  background-repeat: no-repeat;
  left: 0;
  top: 8px;
}
/* Advantages container css end */
.section-content {
}
.section-content h2 {
  color: #174677;
  font-size: 46px;
  line-height: 58px;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 30px;
}
.section-content h3 {
  color: #174677;
  font-size: 40px;
  line-height: 50px;

  margin-bottom: 34px;
}
.section-content h3 small {
  color: #3678f2;
  font-size: 40px;

  display: block;
  font-weight: 300;
  margin-top: -8px;
}
.section-content p:last-child {
  margin-bottom: 0;
}
.section-container {
  padding-top: 100px;
  padding-bottom: 100px;
  padding-bottom: 96px;
}

/* HOW THE PROCEDURE WORKS */
.video-section {
  position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,f6f6f7+100&0+0,1+100,1+100 */
  background: -moz-linear-gradient(
    top,
    rgba(125, 185, 232, 0) 0%,
    rgba(246, 246, 247, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(125, 185, 232, 0) 0%,
    rgba(246, 246, 247, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(125, 185, 232, 0) 0%,
    rgba(246, 246, 247, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#f6f6f7', GradientType=0 ); /* IE6-9 */
  padding-bottom: 190px;
}
.video-js {
  font-size: 10px;
  color: #fff;
}
.vjs-default-skin .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  border: 0.06666em solid #fff;
  border-radius: 0.3em;
  left: 0.5em;
  top: 0.5em;
}
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  background-color: transparent !important;
  background-color: transparent !important;
  border: none !important;
}
.video-js .vjs-slider {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #fff;
}
.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}
.video-control {
  margin-top: 70px;
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.4);
}
.video-control video {
  width: 100%;
}
.my_video_1-dimensions.vjs-fluid {
  padding-top: 58.719%;
}
.vjs-poster {
  background-size: auto !important;
}
/* HOW THE PROCEDURE WORKS */

/* EARLY ACCESS PROGRAM */
.program-section {
  padding-top: 100px;
}
/* EARLY ACCESS PROGRAM */

/* Posters and Publications */
.poster-thumbnail h4 {
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}

.patient-section-col h3 {
  color: #fff;
}
.patient-section-col p {
  color: #42b9eb;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
  font-weight: bold;
}
.patient-section-col {
  background-color: #174677;
  padding: 0;
  border-radius: 8px;
}
.patient-section {
  margin-top: 100px;
}
.patient-section-col .section-content h3 {
  margin-bottom: 18px;
}
.patient-section-col .section-content {
  /* padding-top: 40px; */
}
.poster-thumbnail {
  text-align: center;
  padding: 46px 20px 60px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background-color: #f4f7f8;
  margin-top: 24px;
}
.btn-colored {
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  background-color: #1955c4;
  border: 2px solid #1955c4;
  width: 262px;
  padding: 18px 0;
  border-radius: 5px;
  margin-top: 20px;
}
.btn-colored:hover {
  background-color: #3678f2;
  border-color: #3678f2;
}
/* Posters and Publications */

/*Product page css start */

.advantages-section-card .section-content-thumbnail h2 {
  font-size: 30px;
}
.advantages-section-card .section-content-thumbnail {
  min-height: 298px;
  margin-top: 34px;
}
.product-banner {
  background-image: url("../images/products/banner-bg.png");
}
/* Product page css end */

/* an unmet need  */
.vjs-poster {
  background-position: bottom !important;
}
.unmet-need-section .video-control {
  box-shadow: none;
}
/* an unmet need  */
