@charset "UTF-8";
/* Variables */
.key-features-block {
  position: relative; }
  .key-features-block.grey {
    background-color: #f5f5f5; }
  .key-features-block.blue {
    background-color: #194866; }
  .key-features-block.cream {
    background-color: #fff8f1; }
  body:not(.wp-admin) .key-features-block:not(.grey):not(.blue):not(.cream) {
    margin-bottom: 120px;
    margin-top: 120px; }
    @media (max-width: 1023px) {
      body:not(.wp-admin) .key-features-block:not(.grey):not(.blue):not(.cream) {
        margin-bottom: 100px;
        margin-top: 100px; } }
    @media (max-width: 767px) {
      body:not(.wp-admin) .key-features-block:not(.grey):not(.blue):not(.cream) {
        margin-bottom: 60px;
        margin-top: 60px; } }
  body:not(.wp-admin) .key-features-block.grey, body:not(.wp-admin) .key-features-block.blue, body:not(.wp-admin) .key-features-block.cream {
    padding-bottom: 120px;
    padding-top: 120px; }
    @media (max-width: 1023px) {
      body:not(.wp-admin) .key-features-block.grey, body:not(.wp-admin) .key-features-block.blue, body:not(.wp-admin) .key-features-block.cream {
        padding-bottom: 100px;
        padding-top: 100px; } }
    @media (max-width: 767px) {
      body:not(.wp-admin) .key-features-block.grey, body:not(.wp-admin) .key-features-block.blue, body:not(.wp-admin) .key-features-block.cream {
        padding-bottom: 60px;
        padding-top: 60px; } }
  body:not(.wp-admin) .key-features-block.grey + .key-features-block.grey {
    padding-top: 0 !important; }
  body:not(.wp-admin) .key-features-block.blue + .key-features-block.blue {
    padding-top: 0 !important; }
  body:not(.wp-admin) .key-features-block.cream + .key-features-block.cream {
    padding-top: 0 !important; }
  @media (min-width: 1024px) {
    .key-features-block .key-features-inner {
      display: flex;
      align-items: center; }
      .key-features-block .key-features-inner h2 {
        font-size: 33px; } }
    @media screen and (min-width: 1024px) and (min-width: 768px) {
      .key-features-block .key-features-inner h2 {
        font-size: 40px; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .key-features-block .key-features-inner h2 {
        font-size: 48px; } }
  @media (min-width: 1024px) {
      .key-features-block .key-features-inner.image-right {
        flex-direction: row-reverse; }
        .key-features-block .key-features-inner.image-right .features-left {
          margin-left: 40px;
          margin-right: 0; }
        .key-features-block .key-features-inner.image-right .features-right {
          justify-content: flex-start; }
          .key-features-block .key-features-inner.image-right .features-right .features-right-inner {
            padding-left: 0;
            padding-right: 30px; }
            .key-features-block .key-features-inner.image-right .features-right .features-right-inner .features .feature a.media-change {
              flex-direction: row-reverse; }
              .key-features-block .key-features-inner.image-right .features-right .features-right-inner .features .feature a.media-change i:before {
                content: "\f054";
                float: right; }
      .key-features-block .key-features-inner > div {
        flex: 1; } }
  .key-features-block .key-features-inner video {
    margin-bottom: 0; }
  .key-features-block .key-features-inner .features-left {
    max-width: 560px;
    position: relative;
    text-align: center;
    transition: height 0.2s; }
    @media (max-width: 1023px) {
      .key-features-block .key-features-inner .features-left {
        margin: 0 auto 60px; } }
    @media (max-width: 767px) {
      .key-features-block .key-features-inner .features-left {
        display: none !important; } }
    .key-features-block .key-features-inner .features-left .new-media {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; }
      @media (min-width: 1024px) {
        .key-features-block .key-features-inner .features-left .new-media {
          top: 50%;
          transform: translateY(-50%); } }
    .key-features-block .key-features-inner .features-left .media-caption {
      padding-top: 30px;
      text-align: left; }
      .key-features-block .key-features-inner .features-left .media-caption ul li:not(:last-child) {
        margin-bottom: 5px !important; }
      .key-features-block .key-features-inner .features-left .media-caption ul li ul {
        margin-top: 5px; }
      .key-features-block .key-features-inner .features-left .media-caption ul li ul li:before {
        content: "⚬" !important; }
  .key-features-block .key-features-inner .features-right {
    display: flex;
    justify-content: center; }
    @media (min-width: 1024px) {
      .key-features-block .key-features-inner .features-right {
        justify-content: flex-end; } }
    .key-features-block .key-features-inner .features-right .features-right-inner {
      max-width: 530px; }
      @media (min-width: 1024px) {
        .key-features-block .key-features-inner .features-right .features-right-inner {
          padding-left: 30px; } }
      .key-features-block .key-features-inner .features-right .features-right-inner .features {
        margin-bottom: 40px;
        margin-top: 30px; }
        .key-features-block .key-features-inner .features-right .features-right-inner .features .feature {
          margin: 20px 0; }
          .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change {
            color: #54545A;
            display: flex;
            align-items: center;
            width: 100%; }
            @media (max-width: 767px) {
              .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change {
                display: none; } }
            .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change:after {
              display: none; }
            .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change i {
              flex: 0 0 40px;
              font-size: 14px;
              transition: color 0.2s; }
            .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change span {
              flex: 1;
              font-weight: 600; }
            .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change:hover, .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change:focus, .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change.active {
              color: #194866;
              text-decoration: none; }
              .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change:hover i, .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change:focus i, .key-features-block .key-features-inner .features-right .features-right-inner .features .feature a.media-change.active i {
                color: #F98012; }
          .key-features-block .key-features-inner .features-right .features-right-inner .features .feature .media-section {
            margin-top: 60px; }
            @media (min-width: 768px) {
              .key-features-block .key-features-inner .features-right .features-right-inner .features .feature .media-section {
                display: none; } }
            .key-features-block .key-features-inner .features-right .features-right-inner .features .feature .media-section .media ul:not(.gform_fields):not(.lSPager):not(.footer-menu):not(.wpex-timeline) {
              margin-top: 15px; }
              .key-features-block .key-features-inner .features-right .features-right-inner .features .feature .media-section .media ul:not(.gform_fields):not(.lSPager):not(.footer-menu):not(.wpex-timeline) li:not(:last-child) {
                margin-bottom: 5px; }
            .key-features-block .key-features-inner .features-right .features-right-inner .features .feature .media-section .title {
              color: #194866;
              font-weight: 600;
              margin-bottom: 20px;
              margin-top: 20px; }
  .key-features-block .key-features-inner a.video_url {
    border-radius: 16px;
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    position: relative; }
    .key-features-block .key-features-inner a.video_url span.play {
      background-color: transparent;
      border: solid 2px #fff;
      border-radius: 50%;
      color: #fff;
      display: block;
      font-size: 50px;
      height: 90px;
      line-height: 90px;
      padding-left: 8px;
      position: absolute;
      left: 50%;
      top: 50%;
      text-align: center;
      transform: translateX(-50%) translateY(-50%);
      transition: background-color 0.2s;
      width: 90px;
      z-index: 1; }
    .key-features-block .key-features-inner a.video_url:after {
      display: none; }
    .key-features-block .key-features-inner a.video_url:hover span.play, .key-features-block .key-features-inner a.video_url:focus span.play {
      background-color: #F98012; }
  .key-features-block .key-features-inner a.hosted_video_url {
    display: block;
    min-height: 200px;
    position: relative; }
    .key-features-block .key-features-inner a.hosted_video_url span {
      background-color: rgba(0, 0, 0, 0.8);
      display: flex;
      justify-content: center;
      align-items: center;
      height: 30px;
      opacity: 0.5;
      position: absolute;
      right: 10px;
      top: 10px;
      transition: opacity 0.2s;
      width: 30px; }
      .key-features-block .key-features-inner a.hosted_video_url span svg {
        display: block;
        text-align: center;
        width: 15px;
        z-index: 1; }
        .key-features-block .key-features-inner a.hosted_video_url span svg path {
          fill: #fff; }
    .key-features-block .key-features-inner a.hosted_video_url:hover span, .key-features-block .key-features-inner a.hosted_video_url:focus-visible span {
      opacity: 1; }
  .key-features-block .key-features-inner:not(.processed) .loading:not(.active) {
    animation-duration: 0s; }
  .key-features-block .key-features-inner .loading {
    background-color: rgba(255, 255, 255, 0.7);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999; }
    .key-features-block .key-features-inner .loading .lds-dual-ring {
      width: 46px;
      height: 46px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3D(-50%, -50%, 0);
      z-index: 222221; }
      .key-features-block .key-features-inner .loading .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 46px;
        height: 46px;
        margin: 1px;
        border-radius: 50%;
        border: 5px solid #F98012;
        border-color: #F98012 transparent #F98012 transparent;
        animation: lds-dual-ring 1.2s linear infinite; }
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .key-features-block .key-features-inner img.image-border {
    border-radius: 16px; }
  .key-features-block.white-text .key-features-inner .features-right .features-right-inner .features .feature a.media-change {
    color: #fff; }
  body.wp-admin .key-features-block {
    position: relative; }
    body.wp-admin .key-features-block:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 22; }
    body.wp-admin .key-features-block .key-features:empty {
      background-color: #ECF8FE;
      padding: 60px 20px;
      text-align: left; }
      body.wp-admin .key-features-block .key-features:empty:before {
        content: "Enter key features content..."; }

/*# sourceMappingURL=styles.css.map */