/* Safari 10.1+ */
      @media not all and (min-resolution:.001dpcm) {
        @media {
          .compare-time-wrap:empty {
            min-height: 50px;
          }
        }
      }

      .compare-table.licen-table {
        height: 465px;
        overflow: hidden;
      }

      .licensing-block.expand .compare-table.licen-table {
        height: auto;
      }

      .api-tab-link.tablinks.w--current,
      .api-tab-link.tablinks.w--current .tab-case-card {
        border-radius: 4px 4px 0px 0px;
        background-color: #fff;
      }

      .api-tab-link.tablinks.w--current .tab-case-card {
        box-shadow: none;
      }

      .api-tab-link.tablinks.w--current .tab-case-card .case-card-content {
        border: none;
      }

      .full-data-button-wrap.show {
        background-image: none;
        box-shadow: none;
      }

      /*Section Top Bottom Slant Diagonal Shape Styles*/
      :root {
        /* tan(7.5deg) times the viewport width keeps the flat edge off-screen. */
        --section-slant-half-height: max(220px, 13.17vw);
      }

      .reverse-why-section:before,
      .reverse-why-section:after,
      .built-section:before,
      .built-section:after,
      .match-style-section:before,
      .match-style-section:after,
      .licensing-section:before,
      .licensing-section:after,
      .share-audience-section:before,
      .share-audience-section:after,
      .get-started-section:before,
      .get-started-section:after,
      .trusted-section:before,
      .trusted-section:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: calc(2 * var(--section-slant-half-height));
        background-color: #f2f6f7;
        -ms-transform: skew(82.5deg, 0deg);
        transform: skew(82.5deg, 0deg);
        z-index: 1;
      }

      #footer:before {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: calc(2 * var(--section-slant-half-height));
        background-color: #f2f6f7;
        -ms-transform: skew(82.5deg, 0deg);
        transform: skew(82.5deg, 0deg);
        z-index: 1;
      }

      .reverse-why-section:before,
      .built-section:before,
      #footer:before,
      .match-style-section:before,
      .licensing-section:before,
      .share-audience-section:before,
      .get-started-section:before,
      .trusted-section:before {
        top: calc(-1 * var(--section-slant-half-height));
      }

      .reverse-why-section:after,
      .built-section:after,
      .match-style-section:after,
      .licensing-section:after,
      .share-audience-section:after,
      .get-started-section:after,
      .trusted-section:after {
        bottom: calc(-1 * var(--section-slant-half-height));
      }

      .about-banner:after,
      .contact-banner-section:after,
      .pricing-banner-section:after,
      .demo-banner-section:after,
      .attributes-banner-section:after,
      .policy-section:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: calc(2 * var(--section-slant-half-height));
        background-color: #fff;
        -ms-transform: skew(82.5deg, 0deg);
        transform: skew(82.5deg, 0deg);
        z-index: 1;
        left: 0;
        bottom: calc(-1 * var(--section-slant-half-height));
      }

      .affiliate-banner-section:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: calc(2 * var(--section-slant-half-height));
        background-color: #d0f8f5;
        -ms-transform: skew(82.5deg, 0deg);
        transform: skew(82.5deg, 0deg);
        z-index: 1;
        left: 0;
        bottom: calc(-1 * var(--section-slant-half-height));
      }

      /*End Section Top Bottom Shape Styles*/

      /*Responsive Code*/


      @media screen and (min-width:0\0) and (min-resolution: +72dpi) {
        .ie-visible {
          display: block;
        }

        .w-layout-grid {
          display: flex;
          flex-wrap: wrap;
        }

        .w-layout-grid>div {
          flex-basis: 50%;
        }
      }

/* Include start */
      .background-video {
        position: relative;
        left: inherit;
        top: inherit;
        right: inherit;
        bottom: auto;
        z-index: 2;
        display: block;
        width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
      }

      .video-background-image {
        height: auto;
        width: 100%;
      }

      .explore-grid {
        height: auto;
      }

      .explore-toggle-grid {
        height: auto;
      }

      .w-background-video>video {
        background-size: cover;
        background-position: 50% 50%;
        position: absolute;
        margin: auto;
        width: 100%;
        height: auto;
        right: inherit;
        bottom: inherit;
        top: 13.40%;
        left: 3.45%;
        object-fit: inherit;
        z-index: 9;
        max-width: 86.7%;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
      }

      .background-video.toggle-video,
      .background-video.second-video {
        left: inherit;
        top: inherit;
        width: inherit;
        height: inherit;
        margin-top: inherit;
      }


      @media only screen and (min-width: 992px) {
        .explore-video-innner {
          max-width: 550px;
          margin-left: auto;
        }

        .explore-video-innner.video-two {
          margin-left: inherit;
          margin-right: auto;
        }

        .background-video.toggle-video video {
          left: 10.20%;
          top: 20%;
          max-width: 86.3%;
        }

        .background-video.second-video video {
          left: 3.85%;
          top: 15.8%;
          max-width: 84.6%;
        }
      }

      @media only screen and (min-width: 1024px) {
        .explore-video-innner {
          max-width: 652px;
          margin-left: auto;
        }

        .background-video.toggle-video video {
          left: 10.35%;
          top: 14.5%;
          max-width: 86.3%;
        }

        .background-video.second-video video {
          left: 3.85%;
          top: 15.8%;
          max-width: 84.6%;
        }
      }

      @media screen and (min-width: 1280px) {
        .explore-video-innner {
          max-width: 652px;
          margin-left: auto;
        }

        .background-video.toggle-video video {
          left: 10.35%;
          top: 17.95%;
          max-width: 86.3%;
        }

        .background-video.second-video video {
          left: 3.85%;
          top: 20.75%;
          max-width: 84.6%;
        }
      }

      @media screen and (min-width: 1440px) {
        .explore-video-innner {
          max-width: 700px;
          margin-left: auto;
        }

        .background-video.toggle-video video {
          left: 10.25%;
          top: 15.55%;
          max-width: 86.4%;
        }

        .background-video.second-video video {
          left: 3.85%;
          top: 18.55%;
          max-width: 84.6%;
        }
      }

      @media screen and (max-width: 991px) and (min-width: 893px) {

        .explore-video-wrap {
          flex-basis: 60%;
        }

        .explore-content-wrap {
          flex-basis: 40%;
        }

        .explore-video-innner {
          max-width: 440px;
          margin-left: auto;
          margin-right: inherit;
        }

        .explore-video-innner.video-two {
          margin-left: inherit;
          margin-right: auto;
        }

        .background-video.toggle-video video {
          left: 10.20%;
          top: 19.8%;
          max-width: 86.3%;
        }

        .background-video.second-video video {
          left: 3.85%;
          top: 24.5%;
          max-width: 84.6%;
        }
      }

      @media screen and (max-width: 892px) and (min-width: 768px) {

        .explore-video-wrap {
          flex-basis: 60%;
        }

        .explore-content-wrap {
          flex-basis: 40%;
        }

        .explore-video-innner {
          max-width: 350px;
          margin-left: auto;
          margin-right: inherit;
        }

        .explore-video-innner.video-two {
          margin-left: inherit;
          margin-right: auto;
        }

        .video-background-image.video-bg-two,
        .video-background-image.video-bg-three {
          height: auto;
        }

        .background-video.toggle-video video {
          left: 10.20%;
          top: 13.7%;
          max-width: 86.3%;
        }

        .background-video.second-video video {
          left: 3.85%;
          top: 15.8%;
          max-width: 84.6%;
        }
      }

      @media only screen and (max-width: 767px) {
        .explore-video-innner {
          max-width: 540px;
          margin-left: auto;
          margin-right: auto;
        }

        .video-background-image.video-bg-two,
        .video-background-image.video-bg-three {
          height: auto;
        }

        .background-video.toggle-video video {
          left: 10.2%;
          top: 13.6%;
          max-width: 86.1%;
        }

        .background-video.second-video video {
          left: 2.5%;
          top: 15.5%;
          max-width: 84.9%;
        }
      }

      @media only screen and (max-width: 600px) {
        .explore-video-innner {
          max-width: 400px;
          margin-left: auto;
          margin-right: auto;
        }

        .video-background-image.video-bg-two,
        .video-background-image.video-bg-three {
          height: auto;
        }

        .background-video.toggle-video video {
          left: 10.2%;
          top: 13.40%;
          max-width: 86.7%;
        }

        .background-video.second-video video {
          left: 2.5%;
          top: 15.4%;
          max-width: 84.7%;
        }
      }

      @media only screen and (max-width: 479px) {
        .background-video {
          width: 100%;
          max-width: 100%;
        }

        .explore-video-innner {
          max-width: 350px;
          margin-left: auto;
          margin-right: auto;
        }

        .video-background-image.video-bg-two,
        .video-background-image.video-bg-three {
          height: auto;
        }

        .background-video.toggle-video video {
          left: 10.2%;
          top: 14%;
          max-width: 86.6%;
        }

        .background-video.second-video video {
          left: 2.5%;
          top: 15.8%;
          max-width: 84.9%;
        }
      }

      @media only screen and (max-width: 359px) {
        .background-video {
          width: 100%;
          max-width: 100%;
        }

        .explore-video-innner {
          max-width: 290px;
          margin-left: auto;
          margin-right: auto;
        }

        .video-background-image.video-bg-two,
        .video-background-image.video-bg-three {
          height: auto;
        }

        .background-video.toggle-video video {
          left: 10.2%;
          top: 14%;
          max-width: 86.6%;
        }

        .background-video.second-video video {
          left: 2.5%;
          top: 15.8%;
          max-width: 84.9%;
        }
      }

      /* Include end */
