.owl-carousel-diagram--section .content-wrap .item-content-wrap p {
  font-size: 16px;
  width: 80%;
  margin: 0 auto;
}

.owl-carousel-diagram--section .btn-wrap {
  margin-top: 50px;
}

@media screen and (min-width: 991px) {
  .owl-carousel-diagram--section .graphic {
    margin-top: 30px;
  }
}

.first-col .selector {
  margin-top: 30px;
  padding: 32px 0 32px 32px;
  min-height: 640px;
}

/* Carousel */
ul.carousel-selector {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent url("../assets/images/carousel/circle-dots.svg")
    no-repeat center center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}

ul.carousel-selector li {
  position: absolute;
  list-style: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.carousel-selector li:nth-child(1) {
  z-index: 10;
  width: 21.5%;
  height: 21.5%;
}
ul.carousel-selector li:nth-child(2) {
  z-index: 9;
  width: 40%;
  height: 40%;
}
ul.carousel-selector li:nth-child(3) {
  z-index: 8;
  width: 58.125%;
  height: 58.125%;
}
ul.carousel-selector li:nth-child(4) {
  z-index: 7;
  width: 78.5%;
  height: 78.5%;
}
ul.carousel-selector li:nth-child(5) {
  z-index: 6;
  width: 100%;
  height: 100%;
}

ul.carousel-selector li img {
  width: 100%;
}
ul.carousel-selector li img:hover {
  opacity: 0.75;
}

/* Forms */
.whitepaper-cta-contact-section .form-control {
  font-size: 20px;
}
.whitepaper-cta-contact-section textarea {
  height: 220px;
}

.whitepaper-cta-form-row .whitepaper-form-wrap .form--title {
  margin-bottom: 16px;
}
.whitepaper-cta-contact-section label {
  font-size: 1rem;
  line-height: 120%;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .whitepaper-cta-contact-section label {
    font-size: 1.25rem;
  }
}

.whitepaper-cta-contact-section .elq-form .elq-item-textarea {
  max-height: 200px;
}

@media screen and (min-width: 992px) {
  .form-footer-alt .form-footer-alt-first {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
  }
  .form-footer-alt .form-footer-alt-second {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    max-width: 55%;
  }
}



.whitepaper-cta-contact-section .form-btn-wrap {
  margin-top: 0;
}

.idea-of-data-fabric--section .dotted-boxes-wrap .dotted-box {
  min-height: 400px !important;
}

/* Whitepaper Page */
@media screen and (min-width: 768px) {
  .whitepaper-cta-form-row .brochure-wrap {
    -ms-flex-preferred-size: 18%;
    flex-basis: 18%;
    max-width: 18%;
    display: block;
  }
  .whitepaper-cta-form-row .whitepaper-form-wrap {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
    margin-right: 16px;
  }
}

.whitepaper-cta-contact-section input[type="checkbox"] {
  height: 20px;
  margin-right: 16px;
  margin-right: 0.5rem;
  width: 20px;
}

/* Design Helpers */
.green-bg {
  background: #158f44;
  color: #fff;
}

/* Webcasts */
.page-template-page-webcasts .video-header.introduction-inner--section,
.single-webcasts .video-header.introduction-inner--section,
.page-template-default .video-header.introduction-inner--section
 {
  min-height: 50vh;
}

.webcasts-content h2.title {
  font-weight: 300;
  font-size: 55px;
  padding-bottom: 3rem;
  padding-top: 1rem;
}

.webcasts-content .wp-block-column p {
  font-size: 1.75rem;
  font-weight: lighter;
}

.webcast {
  margin-bottom: 2.5rem;
}

.webcast .card {
  position: relative;
  background: transparent;
  border: 1px solid #bfdbf7;
  height: 100%;
  background-position: center center;
  background-size: cover;
  padding: 10rem 2rem 8rem 2rem;
}

.webcast .card .card-title {
  min-height: 5rem;
}

.webcast .card .btn-watch {
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  border: 2px solid #bfdbf7;
  border-radius: 30px;
  box-shadow: 0px 0px 3px 6px #00000029;
  background-color: #1c73b4;
  position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}
.webcast .card .btn-watch:hover {
  color: #1c73b4;
  background-color: #bfdbf7;
  border: 2px solid #1c73b4;
}
.webcast .card .tag {
  position: absolute;
  background-color: #328295;
  top: 0;
  left: 0;
  width: 35%;
  border: 1px solid #bfdbf7;
  text-align: center;
}

.whitepaper-cta-contact-section .submit-btn,
.webcasts-content .submit-btn  {
  font-size: 22px;
  line-height: 1;
  background-color: #1C73B4;
  border: 2px #BFDBF7 solid;
  border-radius: 9px;
  color: #fff;
  font-weight: bold;
  padding-left: 64px;
  padding-left: 4rem;
  padding-right: 64px;
  padding-right: 4rem;
  padding-top: 12px;
  padding-top: .75rem;
  padding-bottom: 12px;
  padding-bottom: .75rem; }


@media screen and (min-width: 768px) {
  .page-template-page-webcasts .video-header.introduction-inner--section,
  .single-webcasts .video-header.introduction-inner--section,
  .page-template-default .video-header.introduction-inner--section {
    margin-top: -184px;
  }
}

.elq-form .elq-label {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .elq-form .elq-label {
    font-size: 1.25rem;
  }
}

/* Video Header */
.videoWrapper {
  position: relative;
  width: 100%;
  height: 0;
  background-color: #000;
}
.videoWrapper43 {
  padding-top: 75%;
}
.videoWrapper169 {
  padding-top: 56%;
}
.videoIframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  border-radius: 6px;
  border: 1px solid #fff;
}
.videoPoster:before {
  content: "";
  position: absolute;
  top: 44%;
  left: 49.5%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  border: 5px solid #fff;
  border-radius: 100%;
  -webkit-transition: border-color 300ms;
  -moz-transition: border-color 300ms;
  transition: border-color 300ms;
}
.videoPoster:after {
  content: "";
  position: absolute;
  top: 43%;
  left: 49%;
  width: 0;
  height: 0;
  margin: -20px 0 0 -10px;
  border-left: 40px solid #fff;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  -webkit-transition: border-color 300ms;
  -moz-transition: border-color 300ms;
  transition: border-color 300ms;
}
.videoPoster:hover:before, .videoPoster:focus:before {
  border-color: #92c7ee;
}
.videoPoster:hover:after, .videoPoster:focus:after {
  border-left-color: #92c7ee;
}
.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
}
.video-header.with-video-inner .container-wrap {
  display: flex;
  flex-wrap: wrap;
}
.video-header.with-video-inner .container-wrap .video-header-inner-video-wrap {
  flex-basis: 100%;
  max-width: 100%;
  margin-top: 3rem;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .video-header.with-video-inner .container-wrap .video-header-inner-video-wrap {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .video-header.with-video-inner .container-wrap {
    flex-wrap: nowrap;
  }
  .video-header.with-video-inner .container-wrap .video-header-inner-video-wrap {
    flex-basis: 45%;
    max-width: 45%;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.video-header.video-header--with-svg {
  padding-bottom: 180px;
}

@media screen and (min-width: 576px) {
  .video-header.video-header--with-svg {
    padding-bottom: 170px;
  }
}

/* owl-carousel-diagram--section */
@media screen and (min-width: 1440px) {
  .first-col .selector {
      margin-top: 150px;
  }
}

#owl-carousel-diagram--section .first-col .selector {
  padding: 0;
  min-height: 360px
}

@media screen and (min-width: 480px) {
  #owl-carousel-diagram--section .first-col .selector {
    padding: 0;
    min-height: 390px
  }
}

@media screen and (min-width: 500px) {
  #owl-carousel-diagram--section .first-col .selector {
    padding: 0;
    min-height: 450px
  }
}

@media screen and (min-width: 576px) {
  #owl-carousel-diagram--section .first-col .selector {
    padding: 0;
    min-height: 500px
  }
}

@media screen and (min-width: 640px) {
  #owl-carousel-diagram--section .first-col .selector {
    padding: 0;
    min-height: 640px
  }
}

@media screen and (min-width: 768px) {
  #owl-carousel-diagram--section .first-col .selector {
    margin-top: 75px;
    padding: 10px 0 10px 10px;
    min-height: 700px;
  }
}

.whitepaper-cta-contact-section .form-control {
  font-size: 1rem;
}

form .legal-text {
  font-size: 1rem;
  font-style: italic;
}
@media screen and (min-width: 768px) {
  form .legal-text {
    font-size: 1.25rem;
  }
}
