/*
Theme Name: Cloudinary - 2021
Author: Moonstone Interactive
Author URI: https://www.msinteractive.com/
Description: Custom theme developed specifically for Cloudinary.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cloudinary
*/
/* variables */
/* Hello, I am /assets/css/_variables.scss */
/* Legacy Colors */
/* New Colors */
/* Breakpoints */
/* modules */
/* Hello, I am /assets/css/_module-intro.scss */
.intro-mod {
  position: relative;
  padding: 70px 0;
  background-position: center;
  background-repeat: no-repeat;
}

.intro-mod#logo-bar, .intro-mod#banner {
  padding: 30px 0;
}

.intro-mod.has-media {
  padding-bottom: 0;
}

.intro-mod.tinted:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.intro-mod.tinted .text-wrapper .title, .intro-mod.tinted .text-wrapper .subtitle, .intro-mod.tinted .text-wrapper .text, .intro-mod.tinted .text-wrapper .buttons {
  position: relative;
  z-index: 2;
}

.intro-mod.text-light {
  color: #ffffff;
}

.intro-mod.vertical-center {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 100%;
}

.intro-mod .text-wrapper {
  position: relative;
  z-index: 2;
  padding: 20px 0;
}

.intro-mod.vertical-center > .text-wrapper {
  align-self: center;
  padding: 0;
}

.intro-mod .col-xs-12 > .title:last-child h1 {
  margin-bottom: 0;
}

.intro-mod .col-xs-12 > .subtitle:last-child h3 {
  margin-bottom: 0;
}

.intro-mod .title + .buttons, .intro-mod .subtitle + .buttons {
  padding-top: 25px;
}

.intro-mod .text a:hover {
  color: #095f94;
}

.intro-mod .text p:last-child {
  margin-bottom: 0;
}

.intro-mod .text + .buttons {
  padding-top: 20px;
}

.intro-mod .buttons .btn + .btn {
  margin-left: 20px;
}

.intro-mod .video-holder, .intro-mod .image-holder {
  line-height: 0;
  margin-top: 20px;
}

.intro-mod .logo-bar {
  position: relative;
  z-index: 3;
  padding: 20px 0;
}

.intro-mod.vertical-center > .logo-bar {
  align-self: end;
  padding: 0;
}

.intro-mod .logo-bar .items .static-logos {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-items: stretch;
  align-items: center;
}

.intro-mod .logo-bar .items .static-logos .item {
  text-align: center;
}

.intro-mod .logo-bar .items .static-logos .item img {
  max-width: 100%;
}

.intro-mod .logo-bar .items > div {
  padding: 0 45px;
  position: relative;
}

.intro-mod .logo-bar .owl-carousel {
  position: static;
}

.intro-mod .logo-bar .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.intro-mod .logo-bar .owl-carousel .owl-item {
  text-align: center;
}

.intro-mod .logo-bar .owl-carousel .owl-item img {
  width: auto;
  display: inline-block;
}

.intro-mod .logo-bar .owl-nav {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: auto;
  top: 50%;
}

.intro-mod .logo-bar .owl-nav > div {
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  overflow: hidden;
  color: transparent;
  position: relative;
}

.intro-mod .logo-bar .owl-nav .owl-prev {
  float: left;
}

.intro-mod .logo-bar .owl-nav .owl-next {
  float: right;
}

.intro-mod .modal .modal-content {
  color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .intro-mod .text-wrapper {
    text-align: center;
  }
  .intro-mod .text-wrapper .text p br {
    display: none;
  }
  .intro-mod .video-holder, .intro-mod .image-holder {
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .intro-mod {
    /*
    min-height: 1px !important;
    background-size: auto 390px !important;
    background-position: bottom center !important;
    padding-bottom: 390px;
    background-color: #c0c0c0;
    */
  }
  .intro-mod .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .intro-mod .text-wrapper {
    text-align: center;
  }
  .intro-mod .text-wrapper .text p br {
    display: none;
  }
  .intro-mod .video-holder, .intro-mod .image-holder {
    padding: 0 15px;
  }
  .intro-mod .buttons .btn + .btn {
    margin-left: 0;
    margin-top: 20px;
  }
  .intro-mod.vertical-center > .logo-bar {
    margin-top: 40px;
  }
  .intro-mod.tinted:after, .intro-mod.tinted .text-wrapper .col-xs-12:after {
    display: none;
    visibility: hidden;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .intro-mod.vertical-center {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: space-around;
    align-items: flex-end;
    height: 400px;
  }
  .intro-mod.vertical-center > .text-wrapper, .intro-mod.vertical-center > .logo-bar {
    width: 100%;
  }
  .intro-mod.vertical-center > .logo-bar {
    align-self: flex-end;
  }
  /* end IE styles */
}
.intro-mod .text-wrapper .title h1 {
  letter-spacing: 0;
  font-size: 50px;
  line-height: 1.3;
}

.intro-mod .text-wrapper .subtitle h3 {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.5;
  font-family: "Inter", sans-serif;
}

@media only screen and (max-width: 767px) {
  .intro-mod .text-wrapper .title h1 {
    font-size: 30px;
  }
}
/* Hello, I am /assets/css/_module-general-content.scss */
.general-content-mod {
  position: relative;
  padding: 70px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.general-content-mod.no-titles {
  padding-top: 0;
}

.general-content-mod .title {
  margin-bottom: 20px;
}

.general-content-mod .subtitle h3 {
  line-height: 1.5;
}

.general-content-mod > .container > .row + .row {
  margin-top: 30px;
}

.general-content-mod.inset > .container > .row {
  display: flex;
  flex-direction: row;
}
.general-content-mod.inset > .container > .row > .col-xs-12 {
  display: flex;
}
.general-content-mod.inset > .container > .row > .col-xs-12 > .row {
  width: 100%;
  margin: 0;
}
.general-content-mod.inset > .container > .row > .col-xs-12 .image.top, .general-content-mod.inset > .container > .row > .col-xs-12 .embed-wrapper.top {
  align-self: flex-start;
}
.general-content-mod.inset > .container > .row > .col-xs-12 .image.bottom, .general-content-mod.inset > .container > .row > .col-xs-12 .embed-wrapper.bottom {
  align-self: flex-end;
}
.general-content-mod.inset > .container > .row > .col-xs-12 .image.center, .general-content-mod.inset > .container > .row > .col-xs-12 .embed-wrapper.center {
  align-self: center;
}
.general-content-mod.inset.image-left > .container > .row {
  flex-direction: row-reverse;
}
.general-content-mod.inset .embed-wrapper {
  width: 100%;
}
.general-content-mod.inset .embed-wrapper .video-trigger {
  position: relative;
}
.general-content-mod.inset .embed-wrapper .video-trigger:before {
  content: "\f101";
  display: inline-block;
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 1.5em;
  border: 0;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -0.75em;
  margin-top: -0.75em;
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFF;
}
.general-content-mod.bleed.layout-4 .media-wrapper {
  width: 50%;
}
.general-content-mod.bleed .media-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.general-content-mod.bleed .media-wrapper.media-left {
  left: 0;
}
.general-content-mod.bleed .media-wrapper.media-left .image img {
  right: 0;
}
.general-content-mod.bleed .media-wrapper.media-right {
  right: 0;
}
.general-content-mod.bleed .media-wrapper.media-right .image img {
  left: 0;
}
.general-content-mod.bleed .media-wrapper .image {
  position: relative;
  height: 100%;
}
.general-content-mod.bleed .media-wrapper .image.top img {
  top: 0;
}
.general-content-mod.bleed .media-wrapper .image.bottom img {
  bottom: 0;
}
.general-content-mod.bleed .media-wrapper .image.center img {
  top: 50%;
  transform: translateY(-50%);
}
.general-content-mod.bleed .media-wrapper .image img {
  position: absolute;
  max-width: none;
}
.general-content-mod.bleed .media-wrapper .embed-wrapper {
  position: relative;
}
.general-content-mod.bleed .media-wrapper .embed-wrapper.top {
  top: 0;
}
.general-content-mod.bleed .media-wrapper .embed-wrapper.bottom {
  bottom: 0;
}
.general-content-mod.bleed .media-wrapper .embed-wrapper.center {
  top: 50%;
  transform: translateY(-50%);
}
.general-content-mod .text-wrapper {
  direction: ltr;
}
.general-content-mod .text.light {
  color: #ffffff;
}
.general-content-mod .text p:last-child {
  margin-bottom: 0;
}
.general-content-mod .text a {
  word-wrap: break-word;
}
.general-content-mod .text h2 {
  margin: 40px 0 30px 0;
}
.general-content-mod .text h3 {
  margin-bottom: 20px;
}
.general-content-mod .text .legal_icon_small {
  vertical-align: bottom;
  margin-right: 20px;
}
.general-content-mod .text .legal_icon {
  margin-bottom: 10px;
}
.general-content-mod .text .anchor {
  padding-top: 115px;
  margin-top: -115px;
  display: block;
}

/* responsive */
@media screen and (min-width: 992px) {
  .general-content-mod#custom-padded {
    padding: 120px 0;
  }
  .general-content-mod#large-padded {
    padding: 170px 0;
  }
}
@media screen and (max-width: 991px) {
  .general-content-mod#custom-padded {
    padding: 70px 0;
  }
  .general-content-mod.bleed, .general-content-mod.bleed#custom-padded {
    padding-bottom: 0;
  }
  .general-content-mod > .container > .row {
    display: block !important;
  }
  .general-content-mod > .container > .row > div + div {
    margin-top: 20px;
  }
  .general-content-mod .text-wrapper {
    text-align: center;
  }
  .general-content-mod.bleed .media-wrapper {
    text-align: center;
    position: relative;
    width: 100% !important;
    margin-top: 20px;
    padding: 0;
    display: block !important;
  }
  .general-content-mod.bleed .media-wrapper .image img, .general-content-mod.bleed .media-wrapper .embed-wrapper {
    position: static;
    max-width: 100%;
    transform: none !important;
  }
}
/* Hello, I am /assets/css/_module-testimonial.scss */
.testimonial-mod {
  position: relative;
  padding: 70px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial-mod .items {
  margin-top: 60px;
}
.testimonial-mod .items.light {
  color: #ffffff;
}
.testimonial-mod .details .avatar img {
  border-radius: 50%;
  max-width: 100px;
}
.testimonial-mod .details .quote {
  padding: 0;
  border: none;
  font-weight: 300;
  padding: 30px 0;
}
.testimonial-mod .details .quote p {
  display: inline;
}
.testimonial-mod.simple .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 90px;
}
.testimonial-mod.simple .items .item {
  position: relative;
}
.testimonial-mod.simple .items .item:nth-child(3n+2):before, .testimonial-mod.simple .items .item:nth-child(3n+2):after {
  content: "";
  display: block;
  position: absolute;
  height: 200px;
  width: 1px;
  background: #CCC;
  top: 50%;
  transform: translateY(-50%);
}
.testimonial-mod.simple .items .item:nth-child(3n+2):before {
  left: 0;
}
.testimonial-mod.simple .items .item:nth-child(3n+2):after {
  right: 0;
}
.testimonial-mod.simple .items .details {
  text-align: center;
}
.testimonial-mod.simple .items .details .info-wrapper {
  padding: 0 50px;
}
.testimonial-mod.simple .items .details .quote, .testimonial-mod.simple .items .details .info {
  font-size: 18px;
}
.testimonial-mod.simple .items .details .quote {
  font-style: italic;
}
.testimonial-mod.simple .items .image, .testimonial-mod.simple .items .company-info {
  display: none;
}
.testimonial-mod.simple .items.light .item:nth-child(3n+2):before, .testimonial-mod.simple .items.light .item:nth-child(3n+2):after {
  background: #ffffff;
}
.testimonial-mod.detailed .items .item {
  margin-bottom: 60px;
}
.testimonial-mod.detailed .items .item:last-child {
  margin-bottom: 0;
}
.testimonial-mod.detailed .items .item:nth-child(even) .wrapper {
  direction: rtl;
}
.testimonial-mod.detailed .items .item:nth-child(even) .wrapper .image {
  text-align: left;
}
.testimonial-mod.detailed .items .item:nth-child(even) .wrapper .details {
  text-align: right;
}
.testimonial-mod.detailed .items .wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
}
.testimonial-mod.detailed .items .wrapper .image {
  text-align: right;
  padding-left: 20px;
  padding-right: 20px;
}
.testimonial-mod.detailed .items .wrapper .image img {
  box-shadow: 0 25px 15px 5px rgba(0, 0, 0, 0.1);
}
.testimonial-mod.detailed .items .wrapper .details {
  text-align: left;
}
.testimonial-mod.detailed .items .wrapper .details .info-wrapper {
  max-width: 500px;
  direction: ltr;
}
.testimonial-mod.detailed .items .wrapper .details .company-info:after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  background: #CCC;
}
.testimonial-mod.detailed .items .wrapper .details .avatar {
  display: none;
}
.testimonial-mod.detailed .items .wrapper .details .quote, .testimonial-mod.detailed .items .wrapper .details .info {
  font-size: 18px;
}
.testimonial-mod.detailed .items .wrapper .details .quote {
  font-style: italic;
}
.testimonial-mod.detailed .items.light .company-info:after {
  background: #ffffff;
}
.testimonial-mod.slider .owl-carousel, .testimonial-mod.video-slider .owl-carousel {
  position: static;
}
.testimonial-mod.slider .owl-nav, .testimonial-mod.video-slider .owl-nav {
  display: block;
  position: absolute;
  width: 90%;
  left: 5%;
  right: 5%;
  top: 50%;
  pointer-events: none;
}
.testimonial-mod.slider .owl-nav.disabled, .testimonial-mod.video-slider .owl-nav.disabled {
  display: none;
}
.testimonial-mod.slider .owl-nav > div, .testimonial-mod.video-slider .owl-nav > div {
  width: 70px;
  height: 70px;
  transform: translateY(-50%);
  overflow: hidden;
  color: transparent;
  position: relative;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 9px;
  pointer-events: all;
}
.testimonial-mod.slider .owl-nav > div.disabled, .testimonial-mod.video-slider .owl-nav > div.disabled {
  opacity: 0;
  display: none;
}
.testimonial-mod.slider .owl-nav .owl-prev, .testimonial-mod.video-slider .owl-nav .owl-prev {
  float: left;
  margin-left: 15px;
  padding-right: 14px;
}
.testimonial-mod.slider .owl-nav .owl-next, .testimonial-mod.video-slider .owl-nav .owl-next {
  float: right;
  margin-right: 15px;
  padding-left: 14px;
}
.testimonial-mod.slider .owl-dots, .testimonial-mod.video-slider .owl-dots {
  text-align: center;
  margin-top: 30px;
}
.testimonial-mod.slider .owl-dots .owl-dot, .testimonial-mod.video-slider .owl-dots .owl-dot {
  padding: 0;
  background: none;
  border: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #d7d7d7;
  display: inline-block;
  margin: 0 5px;
}
.testimonial-mod.slider .owl-dots .owl-dot.active, .testimonial-mod.video-slider .owl-dots .owl-dot.active {
  background-color: #5bc7ef;
}
.testimonial-mod.slider .wrapper, .testimonial-mod.video-slider .wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 0;
  grid-column-gap: 0;
  align-items: center;
  direction: rtl;
}
.testimonial-mod.slider .wrapper:after, .testimonial-mod.video-slider .wrapper:after {
  display: none;
}
.testimonial-mod.slider .wrapper .image, .testimonial-mod.video-slider .wrapper .image {
  padding-left: 20px;
}
.testimonial-mod.slider .wrapper .image img, .testimonial-mod.video-slider .wrapper .image img {
  box-shadow: 0 25px 15px 5px rgba(0, 0, 0, 0.1);
}
.testimonial-mod.slider img, .testimonial-mod.video-slider img {
  width: auto;
  display: inline-block;
}
.testimonial-mod.slider .details, .testimonial-mod.video-slider .details {
  padding: 0 60px;
}
.testimonial-mod.slider .details .quote, .testimonial-mod.video-slider .details .quote {
  font-size: 20px;
  line-height: 1.5;
  direction: ltr;
}
.testimonial-mod.slider .details .role, .testimonial-mod.slider .details .company, .testimonial-mod.video-slider .details .role, .testimonial-mod.video-slider .details .company {
  font-size: 16px;
}
.testimonial-mod.video-slider .video-wrapper {
  background-color: #000;
}
.testimonial-mod.video-slider .text-wrapper {
  padding-top: 40px;
}
.testimonial-mod.video-slider .text-wrapper .company-info > p:last-child {
  margin-bottom: 0;
}
.testimonial-mod.video-slider .text-wrapper .details .quote {
  font-size: 24px;
  font-weight: 400;
  border-top: solid 1px #AAA;
  border-bottom: solid 1px #AAA;
  padding: 55px 100px 40px 100px;
  margin: 32px 0 32px 0;
  position: relative;
}
.testimonial-mod.video-slider .text-wrapper .details .quote .quote-wrapper {
  position: relative;
}
.testimonial-mod.video-slider .text-wrapper .details .quote .quote-wrapper .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  color: #777;
}
.testimonial-mod.video-slider .text-wrapper .details .quote .quote-wrapper .icon.left {
  margin-right: 5px;
}
.testimonial-mod.video-slider .text-wrapper .details .quote .quote-wrapper .icon.right {
  margin-left: 5px;
}
.testimonial-mod.video-slider .text-wrapper .details .quote p {
  display: inline;
  font-style: italic;
  color: #000;
}
.testimonial-mod.video-slider .text-wrapper .details .quote h4 {
  margin-top: 30px;
  font-size: 13px;
}
.testimonial-mod.video-slider .owl-carousel {
  position: relative;
}
.testimonial-mod.video-slider .owl-nav > div {
  background-color: rgba(255, 255, 255, 0.6);
}
.testimonial-mod.feed .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.testimonial-mod.feed .items .item {
  position: relative;
  width: 30%;
  margin-bottom: 30px;
  margin-right: 5%;
  background-color: #FFF;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.testimonial-mod.feed .items .item:nth-of-type(3n+3) {
  margin-right: 0;
}
.testimonial-mod.feed .items .item .media {
  margin-top: 0;
  border-radius: 5px 5px 0 0;
  border: solid 1px #CCC;
}
.testimonial-mod.feed .items .item .details {
  padding: 15px;
  font-size: 15px;
  line-height: 1.5;
}
.testimonial-mod.feed .items .item .details .company {
  padding-bottom: 15px;
}
.testimonial-mod.feed .items .item .details .company h3 {
  font-size: 20px;
}
.testimonial-mod.feed .filters-form {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial-mod.feed .filters-form .form-control {
  max-width: 320px;
  margin-right: 10px;
}

@media screen and (max-width: 991px) {
  .testimonial-mod.slider .owl-nav > div, .testimonial-mod.video-slider .owl-nav > div {
    width: 30px;
    height: 30px;
    padding: 5px;
  }
  .testimonial-mod.slider .owl-nav .owl-prev, .testimonial-mod.video-slider .owl-nav .owl-prev {
    padding-right: 10px;
  }
  .testimonial-mod.slider .owl-nav .owl-next, .testimonial-mod.video-slider .owl-nav .owl-next {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-mod.slider .wrapper {
    grid-template-columns: 50% 50%;
  }
  .testimonial-mod.slider .details {
    padding-left: 30px;
  }
  .testimonial-mod.slider .details .role, .testimonial-mod.slider .details .company {
    font-size: 16px;
  }
  .testimonial-mod.slider .wrapper .image {
    padding-left: 60px;
  }
  .testimonial-mod.slider .owl-nav, .testimonial-mod.video-slider .owl-nav {
    width: 94%;
    left: 3%;
    right: 3%;
  }
  .testimonial-mod.simple .items {
    grid-template-columns: repeat(2, 1fr);
  }
  .testimonial-mod.simple .items .item:nth-child(3n+2):before, .testimonial-mod.simple .items .item:nth-child(3n+2):after {
    display: none;
  }
  .testimonial-mod.simple .items .item:nth-child(2n+1):after {
    content: "";
    display: block;
    position: absolute;
    height: 200px;
    width: 1px;
    background: #CCC;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
  .testimonial-mod.feed .items .item {
    width: 45%;
  }
  .testimonial-mod.feed .items .item:nth-child(3n+3) {
    margin-right: 5%;
  }
  .testimonial-mod.feed .items .item:nth-child(2n+2) {
    margin-left: 5%;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-mod.slider .wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .testimonial-mod.slider .items {
    margin-top: 0;
  }
  .testimonial-mod.slider .details {
    margin-bottom: 30px;
  }
  .testimonial-mod.slider .details .quote {
    font-size: 17px;
  }
  .testimonial-mod.slider .owl-nav {
    top: 25%;
  }
  .testimonial-mod.video-slider .owl-nav {
    display: none;
  }
  .testimonial-mod.slider .owl-nav > div, .testimonial-mod.video-slider .owl-nav > div {
    width: 30px;
    height: 30px;
  }
  .testimonial-mod.simple .items {
    display: block;
  }
  .testimonial-mod.simple .items .item {
    margin-bottom: 60px;
  }
  .testimonial-mod.simple .items .item:last-child {
    margin-bottom: 0;
  }
  .testimonial-mod.simple .items .item:nth-child(3n+2):before, .testimonial-mod.simple .items .item:nth-child(3n+2):after {
    display: none;
  }
  .testimonial-mod.simple .items .details .info-wrapper {
    padding: 0 15px;
  }
  .testimonial-mod.detailed .items .wrapper {
    display: block;
  }
  .testimonial-mod.detailed .items .wrapper .details, .testimonial-mod.detailed .items .item:nth-child(even) .wrapper .details {
    text-align: center;
  }
  .testimonial-mod.detailed .items .wrapper .details .info-wrapper {
    margin: 0 auto;
  }
  .testimonial-mod.slider .owl-dots, .testimonial-mod.video-slider .owl-dots {
    display: none;
    visibility: hidden;
  }
  .testimonial-mod.feed .items .item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
/* Hello, I am /assets/css/_module-tabbed-content.scss */
.tabbed-content-mod {
  position: relative;
  padding: 70px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.tabbed-content-mod.code .nav {
  padding-bottom: 10px;
  margin-bottom: 8px;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-column-gap: 7px;
  min-height: 0; /* NEW */
  min-width: 0; /* NEW; needed for Firefox */
}
.tabbed-content-mod.code .nav:before, .tabbed-content-mod.code .nav:after {
  display: none;
}
.tabbed-content-mod.code .nav .item {
  border: solid 1px #a4a4a4;
  background-color: none;
  min-width: 0; /* NEW; needed for Firefox */
  display: grid;
  min-height: 67px;
  background: #ffffff;
}
.tabbed-content-mod.code .nav .item.active {
  border-color: #0C163B;
}
.tabbed-content-mod.code .nav .item.active:after, .tabbed-content-mod.code .nav .item.active:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tabbed-content-mod.code .nav .item.active:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
.tabbed-content-mod.code .nav .item.active:before {
  border-color: rgba(26, 28, 39, 0);
  border-top-color: #0C163B;
  border-width: 9px;
  margin-left: -9px;
}
.tabbed-content-mod.code .nav .item.active a:before {
  display: none;
}
.tabbed-content-mod.code .nav .item a {
  border: none;
  border-radius: 0;
  margin: 0;
  background: none;
  padding: 10px 8px;
  display: grid;
}
.tabbed-content-mod.code .nav .item a:before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  z-index: 100;
}
.tabbed-content-mod.code .nav .item a .icon {
  display: grid;
  justify-items: center;
  align-items: center;
}
.tabbed-content-mod.code .nav .item a .icon img {
  max-width: 100%;
}
.tabbed-content-mod.code .tab-content {
  border: solid 1px #1a1c27;
  background: #ffffff;
  padding: 40px;
}
.tabbed-content-mod.code .tab-content pre, .tabbed-content-mod.code .tab-content code {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 20px;
  white-space: pre-wrap;
}
.tabbed-content-mod.code .tab-content .code-holder {
  background-color: #ffffff !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
}
.tabbed-content-mod.code .tab-content .code-holder .code_inner pre {
  font-size: 20px !important;
  line-height: 1.5em !important;
}
.tabbed-content-mod.content {
  padding: 0;
}
.tabbed-content-mod.content .nav {
  position: relative;
  z-index: 11;
  background-color: #f2f2f2;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 0;
}
.tabbed-content-mod.content .nav:before {
  content: "";
  position: absolute;
  z-index: 100;
  width: 110%;
  margin-left: -5%;
  top: 0;
  left: 0;
  box-shadow: inset -2.7px 5.3px 7px 0 rgba(0, 0, 0, 0.13);
  height: 50px;
  pointer-events: none;
}
.tabbed-content-mod.content .nav:after {
  display: none;
}
.tabbed-content-mod.content .nav .item {
  z-index: 99;
  display: grid;
}
.tabbed-content-mod.content .nav .item a {
  padding: 25px;
  display: grid;
  grid-template-columns: 30% 70%;
  grid-column-gap: 25px;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
}
.tabbed-content-mod.content .nav .item a .icon {
  text-align: right;
}
.tabbed-content-mod.content .nav .item a .title {
  font-size: 17px;
  line-height: 1.35;
  color: #000000;
}
.tabbed-content-mod.content .nav .item a .title span {
  max-width: 120px;
  display: block;
}
.tabbed-content-mod.content .nav .item:after {
  content: "";
  position: absolute;
  left: 0;
  height: 50%;
  top: 25%;
  width: 1px;
  background-color: #000000;
}
.tabbed-content-mod.content .nav .item:first-child:after {
  display: none;
}
.tabbed-content-mod.content .nav .item.active {
  box-shadow: inset -2.7px 5.3px 7px 0 rgba(0, 0, 0, 0.13);
}
.tabbed-content-mod.content .nav .item.active a {
  background-color: #5bc7ef;
}
.tabbed-content-mod.content .nav .item.active:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(91, 199, 239, 0);
  border-top-color: #5bc7ef;
  border-width: 10px;
  margin-left: -10px;
}
.tabbed-content-mod.content .nav .item.active:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: inset -2.7px 5.3px 7px 0 rgba(0, 0, 0, 0.13);
  height: 100%;
  pointer-events: none;
  background: none;
}
.tabbed-content-mod.content .nav .item.active + .item:after {
  display: none;
}
.tabbed-content-mod.content .tab-content {
  position: relative;
  z-index: 10;
}
.tabbed-content-mod.content .tab-content .row {
  margin: 0;
}
.tabbed-content-mod.content .tab-content .row .col-xs-12 {
  padding: 0;
}
.tabbed-content-mod.content .tab-content .text-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.tabbed-content-mod.content .tab-content .text-wrapper .container {
  position: relative;
  min-height: 600px;
  padding-top: 115px;
}
.tabbed-content-mod.content .tab-content .text-wrapper .icon {
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.tabbed-content-mod.content .tab-content .text-wrapper .title, .tabbed-content-mod.content .tab-content .text-wrapper p {
  position: relative;
  z-index: 2;
}
.tabbed-content-mod.content .tab-content .text-wrapper .mobile-bg {
  margin: 0 -30px;
}
.tabbed-content-mod.vertical .tab-content-inner {
  display: flex;
}
.tabbed-content-mod.vertical .tab-content-inner > .container-fluid {
  flex: 0 0 25%;
  max-width: 25%;
  padding-right: 15px;
}
.tabbed-content-mod.vertical .tab-content-inner > .container-fluid .nav {
  flex-direction: column;
  align-items: stretch;
  padding-top: 30px;
}
.tabbed-content-mod.vertical .tab-content-inner > .container-fluid .nav .item {
  flex: 1 0 100%;
  max-width: 100%;
  background: none;
  border: none;
}
.tabbed-content-mod.vertical .tab-content-inner > .container-fluid .nav .item a {
  text-align: left;
  color: #4c64d7;
  padding-left: 0;
  padding-right: 0;
}
.tabbed-content-mod.vertical .tab-content-inner > .container-fluid .nav .item a .title:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #4c64d7;
  margin-right: 10px;
}
.tabbed-content-mod.vertical .tab-content-inner > .container-fluid .nav .item:hover, .tabbed-content-mod.vertical .tab-content-inner > .container-fluid .nav .item.active {
  background: none;
}
.tabbed-content-mod.vertical .tab-content-inner > .container-fluid .nav .item:hover a, .tabbed-content-mod.vertical .tab-content-inner > .container-fluid .nav .item.active a {
  color: #0C163B;
}
.tabbed-content-mod.vertical .tab-content-inner > .container-fluid .nav .item:hover a .title:before, .tabbed-content-mod.vertical .tab-content-inner > .container-fluid .nav .item.active a .title:before {
  background-color: #0C163B;
}
.tabbed-content-mod.vertical .tab-content-inner > .tab-content {
  flex: 0 0 75%;
  max-width: 75%;
}
.tabbed-content-mod.vertical .tab-content-inner > .tab-content .container {
  width: 100%;
  max-width: 100%;
}
.tabbed-content-mod.vertical .tab-content-inner > .tab-content .text-wrapper > .row:nth-child(1) .col-md-7 {
  width: 100%;
}
.tabbed-content-mod.vertical .tab-content-inner > .tab-content .text-wrapper > .row:nth-child(2) {
  display: flex;
  align-items: flex-start;
}
.tabbed-content-mod.vertical .tab-content-inner > .tab-content .text-wrapper > .row:nth-child(2) .col-xs-12 {
  flex: 0 0 50%;
  max-width: 50%;
}
.tabbed-content-mod.vertical .tab-content-inner > .tab-content .text-wrapper .image {
  padding: 0;
}
.tabbed-content-mod.vertical .tab-content-inner > .tab-content .text-wrapper .text {
  padding: 30px 0 0 0;
}
.tabbed-content-mod.vertical .tab-content-inner > .tab-content .text-wrapper .text p:last-child {
  margin: 0;
}

code {
  padding: 0;
}

.CodeRay .tag,
.CodeRay pre {
  color: #262c35 !important;
} /* gray */
.CodeRay .integer,
.CodeRay .keyword {
  color: #2074b5 !important;
} /* orange */
.CodeRay .key,
.CodeRay .symbol,
.CodeRay .attribute-name,
.CodeRay .predefined {
  color: #606 !important;
} /* light blue */
.CodeRay .string .content,
.CodeRay .string .delimiter {
  color: #ec5123 !important;
} /* yellow */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tabbed-content-mod.content .nav .item a {
    grid-template-columns: 25% 75%;
    grid-column-gap: 10px;
  }
  .tabbed-content-mod.content .nav .item a .title {
    font-size: 15px;
    line-height: 1.2;
  }
  .tabbed-content-mod.content .nav .item a .icon img {
    max-width: 38px;
    max-height: 30px;
    width: auto !important;
    height: auto !important;
  }
  .tabbed-content-mod.code .tab-content .text-wrapper code[class*=language-], .tabbed-content-mod.code .tab-content .text-wrapper pre[class*=language-] {
    white-space: pre-wrap !important;
    font-size: 18px;
  }
  .code-holder .code_inner pre {
    font-size: 18px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tabbed-content-mod.content .nav .item a {
    padding: 15px;
    grid-template-columns: 20% 80%;
    grid-column-gap: 10px;
  }
  .tabbed-content-mod.content .nav .item a .title {
    font-size: 13px;
    line-height: 1.3;
  }
  .tabbed-content-mod.content .nav .item a .icon img {
    max-width: 25px;
    max-height: 22px;
    width: auto !important;
    height: auto !important;
  }
  .tabbed-content-mod.content .tab-content .text-wrapper .container {
    min-height: 600px;
    padding-top: 85px;
  }
  .tabbed-content-mod.code .tab-content .text-wrapper code[class*=language-], .tabbed-content-mod.code .tab-content .text-wrapper pre[class*=language-] {
    white-space: pre-wrap !important;
    font-size: 16px;
  }
  .tabbed-content-mod.content .tab-content .text-wrapper .container:after {
    width: 43%;
  }
  .code-holder .code_inner pre {
    font-size: 16px !important;
  }
}
@media only screen and (max-width: 767px) {
  .tabbed-content-mod.content .nav {
    display: none;
  }
  .tabbed-content-mod.content .tab-content .item {
    display: block;
    opacity: 1;
  }
  .tabbed-content-mod.content .tab-content .text-wrapper {
    background-position: 70% 100%;
    background-size: auto 350px;
    background-color: #d3d3d3;
    background-image: none;
    text-align: center;
  }
  .tabbed-content-mod.content .tab-content .item:nth-child(even) .text-wrapper {
    background-color: #ebebeb;
  }
  .tabbed-content-mod.content .tab-content .text-wrapper .container {
    padding-top: 40px;
    min-height: 1px;
  }
  .tabbed-content-mod.code .tab-content .text-wrapper code[class*=language-], .tabbed-content-mod.code .tab-content .text-wrapper pre[class*=language-] {
    white-space: pre-wrap !important;
    font-size: 16px;
  }
  .tabbed-content-mod.code .nav {
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 7px;
    margin-bottom: 0;
  }
  .tabbed-content-mod.code .nav .item a:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .tabbed-content-mod.code .nav .item.active a:before {
    display: none;
  }
  .tabbed-content-mod.code .nav .item.active:before, .tabbed-content-mod.code .nav .item.active:after {
    display: none;
  }
  .tabbed-content-mod.code .tab-content {
    padding: 20px;
  }
  .tabbed-content-mod.content .tab-content .text-wrapper .title {
    font-size: 24px;
    letter-spacing: -1px;
  }
  .code-holder .code_inner pre {
    font-size: 14px !important;
  }
}
.redesign {
  /* responsive */
}
.redesign .tabbed-content-mod .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 20px 0 50px 0;
}
.redesign .tabbed-content-mod .nav .item {
  border: solid 1px #C1C5CF;
  border-radius: 25px;
  margin: 0 10px;
  flex: 0 0 18%;
  max-width: 18%;
}
.redesign .tabbed-content-mod .nav .item:not(.active):hover {
  background-color: #C1C5CF;
}
.redesign .tabbed-content-mod .nav .item.active {
  background-color: #0C163B;
  border-color: #0C163B;
  pointer-events: none;
}
.redesign .tabbed-content-mod .nav .item a {
  color: #0C163B;
  text-decoration: none;
  font-size: 18px;
  display: block;
  text-align: center;
}
.redesign .tabbed-content-mod .nav .item.active a {
  color: #FFF;
}
.redesign .tabbed-content-mod .nav .item a:hover, .redesign .tabbed-content-mod .nav .item a:focus {
  background: none;
}
.redesign .tabbed-content-mod .tab-content .text-wrapper .row + .row {
  margin-top: 30px;
}
.redesign .tabbed-content-mod .tab-content .title h3 {
  font-weight: 600;
  font-size: 30px;
}
.redesign .tabbed-content-mod .tab-content .subtitle h4 {
  font-size: 20px;
  line-height: 1.5;
}
.redesign .tabbed-content-mod .tab-content .image {
  padding-left: 15%;
  flex: 1 0 100%;
  max-width: 100%;
}
.redesign .tabbed-content-mod .tab-content .image img {
  width: 100%;
}
.redesign .tabbed-content-mod .tab-content .video-wrapper {
  margin-left: 10%;
}
.redesign .tabbed-content-mod .tab-content .video-wrapper + .image {
  padding-left: 5%;
}
.redesign .tabbed-content-mod .tab-content .text {
  padding-top: 5%;
}
.redesign .tabbed-content-mod .tab-content .text a:not(.btn) {
  font-family: inherit;
  text-decoration: none;
  color: inherit;
}
.redesign .tabbed-content-mod .tab-content .text .title {
  display: block;
  margin-bottom: 8px;
}
.redesign .tabbed-content-mod .tab-content .text p {
  margin-bottom: 40px;
}
.redesign .tabbed-content-mod .tab-content .pull-right {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .redesign .tabbed-content-mod .nav .item {
    margin: 10px;
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .redesign .tabbed-content-mod .nav .item {
    margin: 0 0 10px 0;
    flex: 0 0 95%;
    max-width: 95%;
  }
  .redesign .tabbed-content-mod .tab-pane .text-wrapper {
    text-align: center;
  }
  .redesign .tabbed-content-mod .tab-content .title h3 {
    font-size: 24px;
  }
  .redesign .tabbed-content-mod .tab-content .image {
    padding-left: 0;
    margin-bottom: 20px;
  }
  .redesign .tabbed-content-mod .tab-content .video-wrapper {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .redesign .tabbed-content-mod .tab-content .video-wrapper .cld-video-player {
    max-width: 100%;
  }
  .redesign .tabbed-content-mod .tab-content .video-wrapper + .image {
    padding-left: 0;
    display: none;
  }
  .redesign .tabbed-content-mod .tab-content .pull-right {
    display: block;
  }
  .redesign .tabbed-content-mod.vertical .tab-content-inner {
    flex-direction: column;
  }
  .redesign .tabbed-content-mod.vertical .tab-content-inner > .container-fluid {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .redesign .tabbed-content-mod.vertical .tab-content-inner > .tab-content {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .redesign .tabbed-content-mod.vertical .tab-content-inner > .tab-content .text-wrapper > .row:nth-child(2) {
    flex-wrap: wrap;
  }
  .redesign .tabbed-content-mod.vertical .tab-content-inner > .tab-content .text-wrapper > .row:nth-child(2) .col-xs-12 {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .redesign .tabbed-content-mod .tab-content .container {
    width: 1340px;
    max-width: 90%;
  }
}

.tabbed-video-mod {
  position: relative;
  padding: 70px 0;
}

.tabbed-video-mod .content {
  margin-top: 45px;
}

.tabbed-video-mod .nav {
  padding-left: 15px;
}

.tabbed-video-mod .nav .item {
  padding: 0;
  margin-bottom: 10px;
}

.tabbed-video-mod .nav .item > a {
  padding: 20px 40px;
  background: none;
  transition: padding 0.5s ease;
  color: #0C163B;
  text-decoration: none;
}

.tabbed-video-mod .nav .item.active > a {
  padding: 40px 40px 20px 40px;
  background-color: #ffffff;
}

.tabbed-video-mod .nav .item .text-wrapper {
  display: none;
  background-color: #ffffff;
  padding: 0 40px 40px 40px;
}

.tabbed-video-mod .nav .item .text-wrapper .text > p:last-child {
  margin-bottom: 0;
}

.tabbed-video-mod .nav .item.active .text-wrapper {
  display: block;
}

.tabbed-video-mod .nav .item:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

.tabbed-video-mod .nav .item .title-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 25px;
}

.tabbed-video-mod .nav .item .title-wrapper:after {
  content: "+";
  display: block;
  position: absolute;
  right: 0;
  font-size: 36px;
  font-weight: 400;
  color: #ff5050;
}

.tabbed-video-mod .nav .item.active .title-wrapper:after {
  display: none;
}

.tabbed-video-mod .nav .item .title-wrapper .icon {
  max-width: 45px;
  flex: 0 0 45px;
  margin-right: 15px;
}

/* responsive */
@media only screen and (min-width: 768px) {
  .tabbed-video-mod .content .nav {
    padding-left: 25px;
    padding-right: 0;
  }
  .tabbed-video-mod .content .tab-content {
    padding-right: 25px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .tabbed-video-mod .container {
    width: 1340px;
    max-width: 90%;
  }
}
/* Hello, I am /assets/css/_module-content-grid.scss */
.content-grid-mod {
  position: relative;
  padding: 70px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.content-grid-mod .items {
  display: grid;
  grid-gap: 30px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 60px;
}

.content-grid-mod .items.col-12 {
  grid-template-columns: repeat(12, 1fr);
}

.content-grid-mod .items.col-11 {
  grid-template-columns: repeat(11, 1fr);
}

.content-grid-mod .items.col-10 {
  grid-template-columns: repeat(10, 1fr);
}

.content-grid-mod .items.col-9 {
  grid-template-columns: repeat(9, 1fr);
}

.content-grid-mod .items.col-8 {
  grid-template-columns: repeat(8, 1fr);
}

.content-grid-mod .items.col-7 {
  grid-template-columns: repeat(7, 1fr);
}

.content-grid-mod .items.col-6 {
  grid-template-columns: repeat(6, 1fr);
}

.content-grid-mod .items.col-5 {
  grid-template-columns: repeat(5, 1fr);
}

.content-grid-mod .items.col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.content-grid-mod .items.col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.content-grid-mod .items.col-2 {
  grid-template-columns: repeat(2, 1fr);
}

.content-grid-mod .items.col-1 {
  grid-template-columns: repeat(1, 1fr);
}

.content-grid-mod .items.light, .content-grid-mod .items.light .item .title h3, .content-grid-mod.detailed .items.light .item .wrapper .text a {
  color: #ffffff;
}

.content-grid-mod.detailed .items.light .item .wrapper .text a:hover {
  color: #efefef;
}

.content-grid-mod .items .item .text p:last-child {
  margin-bottom: 0;
}

.content-grid-mod.simple .item {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  border-radius: 5px;
}

.content-grid-mod.simple.no-borders .item {
  border: none;
}

.content-grid-mod.simple.open .item {
  background: none;
}

/*.content-grid-mod.simple .item .wrapper { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 5px 25px; }*/
.content-grid-mod.simple .item .wrapper .logo {
  text-align: center;
}

.content-grid-mod.simple .item .wrapper .title {
  padding-top: 5px;
}

.content-grid-mod.simple .item .wrapper .title a {
  color: #000;
  font-weight: 300;
  text-decoration: none;
}

.content-grid-mod.detailed .item {
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.content-grid-mod.detailed.no-borders .item {
  border: none;
}

.content-grid-mod.detailed.open .item {
  background: none;
}

.content-grid-mod.detailed .item .logo, .content-grid-mod.detailed .item .embed-wrapper {
  border-bottom: solid 1px #e8e8e8;
}

.content-grid-mod.detailed.no-borders .item .logo, .content-grid-mod.detailed.no-borders .item .embed-wrapper {
  border-bottom: none;
}

.content-grid-mod.detailed .item.media-inset .logo, .content-grid-mod.detailed .item.media-inset .embed-wrapper {
  padding: 15px;
  text-align: center;
}

.content-grid-mod.detailed .item .logo img {
  width: 100%;
}

.content-grid-mod.detailed .item.media-inset .logo img {
  width: auto;
  display: inline-block;
}

.content-grid-mod.detailed .item .wrapper .title {
  padding: 15px;
  font-size: 21px;
  line-height: 1.2;
}

.content-grid-mod.detailed.open .item .wrapper .title {
  padding: 0;
}

.content-grid-mod.detailed .item .wrapper .text {
  padding: 15px;
}

.content-grid-mod.detailed.open .item .wrapper .text {
  padding: 0;
}

.content-grid-mod.detailed .item .wrapper .title + .text {
  padding: 0 15px 15px 15px;
}

.content-grid-mod.detailed.open .item .wrapper .title + .text {
  padding: 0;
}

.content-grid-mod.detailed .item.small-text .wrapper .text {
  font-size: 15px;
  line-height: 1.5;
}

.content-grid-mod.detailed .item .wrapper .text > p:last-child {
  margin-bottom: 0;
}

.content-grid-mod.detailed .item .wrapper .text .read-more {
  display: block;
  margin-top: 10px;
}

.content-grid-mod.detailed .item .wrapper .buttons {
  padding: 0 15px 15px 15px;
}

.content-grid-mod.detailed.open .item .wrapper .buttons {
  padding: 0;
}

.content-grid-mod.detailed .item .wrapper .buttons .btn-primary {
  border-color: #777;
  color: #777;
}

.content-grid-mod.detailed .item .wrapper .buttons .btn-primary:hover, .content-grid-mod.detailed .item .wrapper .buttons .btn-primary:active, .content-grid-mod.detailed .item .wrapper .buttons .btn-primary:focus {
  border-color: #555;
  color: #555;
  background: #eee;
}

.content-grid-mod.full-width {
  padding: 0;
}

.content-grid-mod.full-width .container {
  width: 100%;
  padding: 0;
}

.content-grid-mod.full-width .container > .row {
  padding-top: 50px;
  padding-bottom: 30px;
}

.content-grid-mod.full-width .items {
  margin-top: 0;
  grid-gap: 0;
}

.content-grid-mod.full-width .items > .item > .wrapper {
  display: block;
  padding: 15% 10%;
  text-decoration: none;
}

.content-grid-mod.full-width .items > .item .title, .content-grid-mod.full-width .items > .item .title h2 {
  font-size: 37px;
  line-height: 1.2;
  font-weight: 700;
}

.content-grid-mod.full-width .items > .item span {
  text-decoration: underline;
  display: block;
}

/* responsive embed-container */
.content-grid-mod .embed-container, .intro-mod .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.content-grid-mod .embed-container iframe, .content-grid-mod .embed-container object, .content-grid-mod .embed-container embed, .intro-mod .embed-container iframe, .intro-mod .embed-container object, .intro-mod .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .content-grid-mod .items {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }
  .content-grid-mod .items > .item.col-sm-12 {
    width: 100%;
    margin-bottom: 30px;
  }
  .content-grid-mod .items > .item.col-sm-6 {
    width: 48%;
    margin-bottom: 30px;
  }
  .content-grid-mod .items > .item.col-sm-4 {
    width: 33%;
    margin-bottom: 15px;
  }
  .content-grid-mod .items > .item.col-sm-3 {
    width: 24%;
    margin-bottom: 15px;
  }
  .content-grid-mod .items > .item.col-sm-2 {
    width: 16%;
    margin-bottom: 10px;
  }
  /* end IE styles */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .content-grid-mod.full-width .items > .item .title, .content-grid-mod.full-width .items > .item .title h2 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .content-grid-mod.full-width .items > .item .title, .content-grid-mod.full-width .items > .item .title h2 {
    font-size: 24px;
  }
  .content-grid-mod.full-width .items > .item > .wrapper {
    padding: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .content-grid-mod .items.col-3, .content-grid-mod .items.col-2, .content-grid-mod .items.col-1 {
    display: block;
  }
  .content-grid-mod .items.col-12, .content-grid-mod .items.col-11, .content-grid-mod .items.col-10, .content-grid-mod .items.col-9, .content-grid-mod .items.col-8, .content-grid-mod .items.col-7, .content-grid-mod .items.col-6, .content-grid-mod .items.col-5, .content-grid-mod .items.col-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .content-grid-mod .items > .item {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .content-grid-mod.full-width .items > .item {
    margin-bottom: 0;
  }
  .content-grid-mod.full-width .items > .item .title, .content-grid-mod.full-width .items > .item .title h2 {
    font-size: 28px;
  }
  .content-grid-mod.full-width .items > .item > .wrapper {
    padding: 5%;
  }
}
.redesign {
  /* responsive */
}
.redesign .content-grid-mod .left-bg, .redesign .content-grid-mod .right-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.redesign .content-grid-mod .left-bg {
  left: 0;
  background-position: center left;
}
.redesign .content-grid-mod .right-bg {
  right: 0;
  background-position: center right;
}
.redesign .content-grid-mod .container {
  position: relative;
  z-index: 2;
}
.redesign .content-grid-mod .items {
  margin: 50px 0;
}
.redesign .content-grid-mod .items.col-3 {
  margin: 0 -15px;
}
.redesign .content-grid-mod#multiple-resources .items.col-2 {
  margin: 0 -15px;
}
.redesign .content-grid-mod .item {
  margin-bottom: 30px;
  padding: 0 15%;
  position: relative;
}
.redesign .content-grid-mod .items.col-3 .item {
  padding: 0 15px;
}
.redesign .content-grid-mod#multiple-resources .items.col-2 .item {
  padding: 0 15px;
}
.redesign .content-grid-mod.detailed.boxed .item {
  padding: 40px 60px;
  border-radius: 30px;
}
.redesign .content-grid-mod.detailed.boxed .items.col-3 .item {
  padding: 0 0 40px 0;
}
.redesign .content-grid-mod.detailed.boxed .items.col-3 .item .title, .redesign .content-grid-mod.detailed.boxed .items.col-3 .item .text, .redesign .content-grid-mod.detailed.boxed .items.col-3 .item .buttons {
  padding: 0 40px;
}
.redesign .content-grid-mod.detailed.boxed .items.col-2 .item.image {
  padding-right: 160px;
}
.redesign .content-grid-mod.detailed.boxed .items.col-2 .item .logo {
  position: absolute;
  right: 0;
  max-width: 160px;
  z-index: 1;
}
.redesign body:not(.page-template-tmpl-general) .content-grid-mod.detailed.boxed .items.col-3 .item .logo img {
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.redesign .content-grid-mod .item .title h3 {
  font-weight: 700;
  font-size: 34px;
}
.redesign .content-grid-mod.detailed.boxed .item .title {
  position: relative;
  z-index: 2;
}
.redesign .content-grid-mod.detailed.boxed .item .title h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 10px;
}
.redesign .content-grid-mod.detailed.boxed .item .text {
  font-size: 17px;
  line-height: 32px;
  position: relative;
  z-index: 2;
}
.redesign .content-grid-mod .item .buttons {
  margin-top: 20px;
}
.redesign .content-grid-mod .items.col-2 .item:nth-child(odd) .buttons .btn-default {
  background-color: #FFF;
  border-color: #FFF;
  color: #0C163B;
}
.redesign .content-grid-mod .items.col-2 .item:nth-child(odd) .buttons .btn-default:hover {
  background-color: #D5DAF5;
  border-color: #D5DAF5;
}
.redesign .content-grid-mod.boxed .items .item:nth-child(2n+1) .buttons .btn-default {
  color: #ffffff;
  background-color: #ff5050;
  border-color: #ff5050;
}
.redesign .content-grid-mod.boxed .items .item:nth-child(2n+1) .buttons .btn-default:hover {
  color: #ffffff;
  background-color: #D6364B;
  border-color: #D6364B;
}
.redesign .content-grid-mod.stats.boxed .item {
  padding: 30px 50px;
  border-radius: 24px;
  background-color: #FFF;
}
.redesign .content-grid-mod.stats.boxed[style="background-color: #ffffff; "] .item {
  background-color: #eeeef1;
}
.redesign .content-grid-mod.stats.boxed.borders .item {
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
}
.redesign .content-grid-mod.stats .item .logo {
  margin-bottom: 30px;
}
.redesign .content-grid-mod.stats.boxed .item .logo img {
  max-height: 108px;
}
.redesign .content-grid-mod.stats.open .item .logo img {
  max-height: 86px;
}
.redesign .content-grid-mod.stats.boxed .item .text a {
  text-decoration: none;
}
.redesign .content-grid-mod.stats .item .stat-wrapper {
  margin-top: 30px;
}
.redesign .content-grid-mod.stats.open .item .stat-wrapper {
  padding: 30px;
  border-radius: 24px;
  background-color: #FFF;
}
.redesign .content-grid-mod.stats.open[style="background-color: #ffffff; "] .item .stat-wrapper {
  background-color: #eeeef1;
}
.redesign .content-grid-mod.stats .item .stat {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -3px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.redesign .content-grid-mod.stats .item .stat .text {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
  margin-left: 10px;
  font-family: "Inter", sans-serif;
  display: inline-block;
  padding-top: 10px;
}
@media only screen and (max-width: 991px) {
  .redesign .content-grid-mod.detailed.boxed .items {
    display: block;
  }
  .redesign .content-grid-mod.stats.boxed .item {
    padding: 25px 40px;
  }
  .redesign .content-grid-mod.stats.boxed .items.col-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .redesign .content-grid-mod.stats.boxed .items.col-3 .item {
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .redesign .content-grid-mod .items {
    margin: 0;
  }
  .redesign .content-grid-mod .items > .item {
    padding: 0 5%;
    margin-bottom: 60px;
  }
  .redesign .content-grid-mod.detailed.boxed .item.image {
    padding-right: 5%;
  }
  .redesign .content-grid-mod.detailed.boxed .item .logo {
    display: none;
  }
  .redesign .content-grid-mod .items > .item:last-child {
    margin-bottom: 15px;
  }
  .redesign .content-grid-mod .right-bg {
    display: none;
  }
  .redesign .content-grid-mod.stats.boxed .items.col-3 .item {
    flex: 0 0 95%;
    max-width: 95%;
    margin-bottom: 15px;
    padding: 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .redesign .content-grid-mod.boxed .container {
    width: 1340px;
    max-width: 90%;
  }
  .redesign .content-grid-mod.stats .container {
    width: 100%;
    max-width: 1200px;
  }
}

/* Hello, I am /assets/css/_module-accordion.scss */
.accordion-mod {
  position: relative;
  padding: 70px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.accordion-mod .title {
  margin-bottom: 20px;
}
.accordion-mod .subtitle h3 {
  line-height: 1.5;
}
.accordion-mod > .container > .row + .row {
  margin-top: 30px;
}
.accordion-mod .panel-group {
  margin-bottom: 0;
}
.accordion-mod .panel-group > .panel:nth-child(odd) {
  background: #f7f7f7;
}
.accordion-mod .panel-group > .panel {
  position: relative;
  z-index: 1;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.accordion-mod .panel-group > .panel.active {
  z-index: 2;
}
.accordion-mod .panel-group > .panel.active .heading > .fa:after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../svg/angle-up-light.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.accordion-mod .panel-group > .panel .panel-heading {
  padding: 10px 20px;
}
.accordion-mod .panel-group > .panel .panel-heading .panel-title {
  position: relative;
  font-size: 18px;
}
.accordion-mod .panel-group > .panel .panel-heading .panel-title > a {
  color: #000000;
  font-weight: 300;
  text-decoration: none;
}
.accordion-mod .panel-group > .panel .heading {
  position: relative;
}
.accordion-mod .panel-group > .panel .heading > .fa {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}
.accordion-mod .panel-group > .panel .heading > .fa:after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../svg/angle-down-light.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.accordion-mod .panel-group > .panel .panel-body {
  border: none;
  border-top: solid 1px #f7f7f7;
  background: none;
  font-size: 16px;
  line-height: 1.4;
  padding: 15px 20px;
}
.accordion-mod .panel-group > .panel .panel-body p {
  margin-bottom: 20px;
}
.accordion-mod .panel-group > .panel .panel-body .image-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.accordion-mod .panel-group > .panel .panel-body .image-grid li {
  text-align: center;
}
.accordion-mod .panel-group > .panel .panel-body .image-grid li .title {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
}
.accordion-mod .panel-group > .panel .panel-body .image-grid li .title a {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}
.accordion-mod .panel-group .panel + .panel {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .accordion-mod .panel-group > .panel .panel-body .image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Hello, I am /assets/css/_module-slider.scss */
.slider-mod {
  position: relative;
  overflow: hidden;
  /*
  .btn.btn-primary {
    font-size: 30px;
    background-color: #000;
    border: 1px solid #f4b21b;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    min-width: 500px;
    max-width: 100%;
    display: inline-block;
    text-align: center;
  }
  */
}
.slider-mod.full {
  height: calc(100vh - 115px);
}
.slider-mod.full .owl-carousel, .slider-mod.full .owl-stage-outer, .slider-mod.full .owl-stage {
  height: 100%;
}
.slider-mod.standard {
  height: calc(100vh - 130px);
  min-height: 615px;
  max-height: 630px;
}
.slider-mod.standard .owl-carousel, .slider-mod.standard .owl-stage-outer, .slider-mod.standard .owl-stage {
  height: 100%;
}
.slider-mod .item .image {
  width: 100%;
  flex-grow: 1;
  display: flex;
}
.slider-mod .item .image.cover {
  height: 100%;
}
.slider-mod .item .image.cover picture {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.slider-mod .item .image.cover picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.slider-mod .item .image.contain picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.slider-mod .item .image.contain picture img {
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
  max-height: 100%;
}
.slider-mod .item .image.contain.top {
  align-items: flex-start;
}
.slider-mod .item .image.contain.top picture {
  align-items: flex-start;
}
.slider-mod .item .image.contain.bottom {
  align-items: flex-end;
}
.slider-mod .item .image.contain.bottom picture {
  align-items: flex-end;
}
.slider-mod .item .image.contain.center {
  align-items: center;
}
.slider-mod .item .image.contain.center picture {
  align-items: center;
}
.slider-mod .item .image.contain.left {
  justify-content: flex-start;
}
.slider-mod .item .image.contain.left picture {
  justify-content: flex-start;
}
.slider-mod .item .image.contain.right {
  justify-content: flex-end;
}
.slider-mod .item .image.contain.right picture {
  justify-content: flex-end;
}
.slider-mod .item .image.contain.x-center {
  justify-content: center;
}
.slider-mod .item .image.contain.x-center picture {
  justify-content: center;
}
.slider-mod .item .image.auto {
  display: flex;
  justify-content: center;
}
.slider-mod .item .image.auto.top {
  align-items: flex-start;
}
.slider-mod .item .image.auto.bottom {
  align-items: flex-end;
}
.slider-mod .item .image.auto.center {
  align-items: center;
}
.slider-mod .item.testimonial {
  flex-direction: row !important;
  align-items: center;
}
.slider-mod .item.testimonial .text-wrapper {
  position: relative;
  color: #FFF;
}
.slider-mod .item.testimonial .text-wrapper .row {
  display: flex;
  flex: 1 0 auto;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
.slider-mod .item.testimonial .text-wrapper .heading-wrapper {
  display: flex;
  flex: 1 0 auto;
  justify-content: flex-start;
  align-items: center;
}
.slider-mod .item.testimonial .text-wrapper .avatar {
  text-align: center;
  margin-right: 20px;
  border-radius: 50%;
  border: solid 8px #FFF;
  background-color: #FFF;
  overflow: hidden;
  padding: 0;
  width: 120px;
}
.slider-mod .item.testimonial .text-wrapper .avatar img {
  width: 100%;
}
.slider-mod .item.testimonial .text-wrapper .info hr {
  border-width: 2px;
}
.slider-mod .item.testimonial .text-wrapper .info .company h3 {
  font-weight: 700;
  color: #FFF;
}
.slider-mod .item.testimonial .text-wrapper .info h4 {
  font-weight: 700;
  font-size: 21px;
}
.slider-mod .item.testimonial .text-wrapper .info h4 span {
  display: inline-block;
  font-weight: 500;
  margin-left: 5px;
}
.slider-mod .item.testimonial .text-wrapper .quote {
  font-size: 28px;
  font-weight: 500;
  position: relative;
  margin-top: 20px;
  padding: 10px 0 10px 40px;
}
.slider-mod .item.testimonial .text-wrapper .quote .left-quote, .slider-mod .item.testimonial .text-wrapper .quote .right-quote {
  display: inline-block;
  /*font-family: 'Montserrat', serif;*/
  font-family: sofia-pro, sans-serif;
  line-height: 0;
  font-size: 60px;
}
.slider-mod .item.testimonial .text-wrapper .quote .left-quote {
  position: absolute;
  top: 35px;
  left: 0;
}
.slider-mod .item.testimonial .text-wrapper .quote .right-quote {
  position: relative;
  top: 22px;
}
.slider-mod .item.testimonial .text-wrapper .quote p {
  display: inline;
  margin: 0;
}
.slider-mod .item.case-study {
  padding: 0;
}
.slider-mod .item.case-study .text-wrapper {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: stretch;
}
.slider-mod .item.case-study .text-wrapper .container-fluid {
  display: flex;
  align-items: stretch;
}
.slider-mod .item.case-study .text-wrapper .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slider-mod .item.case-study .text-wrapper .row > div {
  flex: 0 0 50%;
  max-width: 50%;
}
.slider-mod .item.case-study .text-wrapper .case-study-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study {
  padding: 30px;
  background-color: #FFF;
  border-radius: 24px;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  font-size: 18px;
}
.slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  font-size: 16px;
}
.slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona .avatar {
  flex: 0 0 100px;
  max-width: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}
.slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona .name {
  font-weight: 700;
}
.slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .company {
  font-size: 32px;
  font-weight: 700;
}
.slider-mod .item.case-study .text-wrapper .case-study-wrapper.has-image {
  align-self: flex-end;
}
.slider-mod .item.case-study .text-wrapper .case-study-wrapper.has-image .image {
  flex: 0 0 50%;
  max-width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
  align-items: flex-end;
}
.slider-mod .item.case-study .text-wrapper .case-study-wrapper.has-image .case-study {
  border-radius: 0 24px 24px 0;
}
.slider-mod .item .text-wrapper {
  width: 100%;
  position: relative;
  z-index: 3;
  left: 0;
  padding-top: 50px;
  padding-left: 55px;
  padding-right: 55px;
}
.slider-mod .item .text-wrapper .buttons .btn-xl {
  font-size: 24px;
  padding: 5px 15px;
  min-width: 400px;
  max-width: 100%;
  text-align: center;
}
.slider-mod .item .text-wrapper .buttons .btn-dark {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
.slider-mod .item.text-overlay .text-wrapper {
  position: absolute;
}
.slider-mod .item.text-overlay .text-wrapper.top {
  top: 0;
}
.slider-mod .item.text-overlay .text-wrapper.center {
  top: 50%;
  transform: translateY(-50%);
  padding-top: 0;
}
.slider-mod .item.text-overlay .text-wrapper.bottom {
  bottom: 10%;
}
.slider-mod .item.text-overlay .image {
  height: 100%;
}
.slider-mod .item.video .text-wrapper {
  padding-top: 0;
}
.slider-mod .embed-wrapper {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.slider-mod .embed-wrapper.video-full > div, .slider-mod .embed-wrapper.video-full > video {
  position: absolute;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slider-mod .embed-wrapper.video-contain > div, .slider-mod .embed-wrapper.video-contain > video {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slider-mod .embed-wrapper.video-inset {
  position: relative;
}
.slider-mod .embed-wrapper.video-inset > div, .slider-mod .embed-wrapper.video-inset > video {
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.slider-mod .title + .buttons, .slider-mod .subtitle + .buttons {
  padding-top: 25px;
}
.slider-mod .text a:hover {
  color: #095f94;
}
.slider-mod .text p:last-child {
  margin-bottom: 0;
}
.slider-mod .text + .buttons {
  padding-top: 20px;
}
.slider-mod .owl-stage {
  display: flex;
}
.slider-mod .owl-item {
  display: flex;
  flex: 1 0 auto;
}
.slider-mod .owl-item.active .owl-lazy {
  opacity: 1 !important;
}
.slider-mod .item {
  width: 100%;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: space-between;
}
.slider-mod .item.image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider-mod .owl-nav {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: auto;
  top: 50%;
}
.slider-mod .owl-nav.disabled {
  display: none;
  visibility: hidden;
}
.slider-mod .owl-nav > div {
  width: 70px;
  height: 70px;
  transform: translateY(-50%);
  overflow: hidden;
  color: transparent;
  position: relative;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 9px;
}
.slider-mod .owl-nav .owl-prev {
  float: left;
  margin-left: 15px;
  padding-right: 14px;
}
.slider-mod .owl-nav .owl-next {
  float: right;
  margin-right: 15px;
  padding-left: 14px;
}
.slider-mod .owl-dots {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.slider-mod .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  background: none;
  border: none;
}
.slider-mod .owl-dots .owl-dot > span {
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #f7f7f7;
  border-radius: 50%;
  opacity: 1;
  border: 1px solid #bbb;
}
.slider-mod .owl-dots .owl-dot.active > span {
  background: #CCCCCC;
  opacity: 1;
}
.slider-mod.with-dots .owl-dots {
  display: block;
}
.slider-mod.with-dots .owl-dots.disabled {
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 1329px) {
  .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona .avatar {
    flex: 0 0 70px;
    max-width: 70px;
  }
  .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study {
    font-size: 16px;
  }
}
@media screen and (max-width: 1230px) {
  .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona {
    font-size: 14px;
  }
  .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona .avatar {
    flex: 0 0 50px;
    max-width: 50px;
  }
  .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .slider-mod {
    min-height: 1px !important;
    height: auto !important;
    max-height: none !important;
    /*
    .embed-wrapper {
      position: relative;
      height: 56.25vw;
    }
    .embed-wrapper > div, .embed-wrapper > video {
      width: 100%;
    }
    */
  }
  .slider-mod .owl-item, .slider-mod .item {
    min-height: 1px !important;
    height: auto !important;
    max-height: none !important;
  }
  .slider-mod .item.slide-0 {
    height: 100% !important;
  }
  .slider-mod .item .image {
    margin-top: 0 !important;
  }
  .slider-mod .item.testimonial .text-wrapper {
    position: relative !important;
  }
  .slider-mod .item.testimonial .text-wrapper .quote {
    font-size: 20px;
  }
  .slider-mod .item.case-study .text-wrapper {
    position: relative;
    padding-bottom: 0;
  }
  .slider-mod .item.case-study .text-wrapper .row {
    flex-wrap: wrap;
  }
  .slider-mod .item.case-study .text-wrapper .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .slider-mod .item.case-study .text-wrapper .row .heading-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .slider-mod .item .text-wrapper .col-xs-12 {
    text-align: center !important;
  }
  .slider-mod .text-wrapper {
    padding-top: 10px;
    padding-bottom: 50px;
  }
  .slider-mod .text-wrapper .title + .buttons, .slider-mod .text-wrapper .subtitle + .buttons {
    padding-top: 10px;
  }
  .slider-mod .embed-wrapper.video-full > div, .slider-mod .embed-wrapper.video-full > video {
    max-height: 100%;
  }
  .slider-mod .btn.btn-xl {
    min-width: 1px !important;
    font-size: 20px !important;
  }
  .slider-mod .owl-nav > div {
    width: 30px;
    height: 30px;
    padding: 5px;
  }
  .slider-mod .owl-nav .owl-prev {
    padding-right: 10px;
  }
  .slider-mod .owl-nav .owl-next {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .slider-mod .item.testimonial .text-wrapper .row {
    display: block;
    width: auto;
  }
  .slider-mod .item.testimonial .text-wrapper .info {
    margin-bottom: 20px;
  }
  .slider-mod .item.testimonial .text-wrapper .quote {
    font-size: 16px;
  }
  .slider-mod .item.video .embed-wrapper.video-inset {
    margin: 20px 0;
  }
  .slider-mod .item.video .embed-wrapper.video-inset.mobile-poster-only {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .slider-mod .item.text-overlay .text-wrapper.inset-video {
    position: relative;
    top: 0;
    transform: none;
    padding-top: 30px;
  }
  .slider-mod .item.case-study .text-wrapper .case-study-wrapper.has-image {
    justify-content: center;
  }
  .slider-mod .item.case-study .text-wrapper .case-study-wrapper.has-image .case-study {
    display: none;
  }
  .slider-mod .owl-nav {
    display: none;
  }
  .slider-mod .owl-dots {
    display: block;
  }
}
.redesign #home-slider {
  height: calc(100vh - 130px) !important;
  min-height: 520px;
  max-height: 560px;
}
.redesign #home-slider.slider-mod .item .image {
  padding: 45px 45px 0 45px;
}
.redesign .slider-mod .item {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.redesign .slider-mod .item .text-wrapper .title h1 {
  letter-spacing: 0;
  font-size: 50px;
  line-height: 1.1;
}
.redesign .slider-mod .item .text-wrapper .subtitle h3 {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.5;
  font-family: "Inter", sans-serif;
}
.redesign .slider-mod .item.case-study .text-wrapper .row > div {
  max-width: none;
  flex: 0 0 auto;
}
.redesign .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study {
  font-size: 20px;
  padding: 0;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
}
.redesign .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona {
  margin-bottom: 20px;
  line-height: 1.5;
  padding: 30px 30px 0 30px;
}
.redesign .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona .avatar {
  margin-right: 25px;
}
.redesign .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona .role {
  font-size: 14px;
}
.redesign .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona .company-logo {
  margin-top: 15px;
}
.redesign .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .persona .company-logo img {
  max-width: 150px;
}
.redesign .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .text {
  padding: 0 30px 30px 30px;
}
.redesign .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .btn {
  display: flex;
  border-radius: 0 0 24px 24px;
  text-transform: none;
  text-align: left;
  padding: 15px 30px;
  font-size: 20px;
}
.redesign .slider-mod .item.case-study .text-wrapper .case-study-wrapper .case-study .btn svg {
  width: 20px;
  display: inline-block;
  margin-left: 8px;
}
@media only screen and (max-width: 991px) {
  .redesign .slider-mod .item .text-wrapper {
    padding: 50px 0;
  }
  .redesign .slider-mod .embed-wrapper {
    padding: 15px 0;
  }
  .redesign .slider-mod .embed-wrapper, .redesign .slider-mod .embed-wrapper.video-contain > video {
    position: static;
    transform: none;
    text-align: center;
  }
  .redesign .slider-mod .item.video .text-wrapper {
    position: static;
    transform: none !important;
  }
  .redesign .slider-mod .item.case-study .text-wrapper {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .redesign #home-slider {
    min-height: 330px;
  }
  .redesign .slider-mod .item {
    justify-content: center;
  }
  .redesign .slider-mod .embed-wrapper, .redesign .slider-mod .item.image .image {
    display: none;
  }
  .redesign .slider-mod .item.image .text-wrapper {
    padding: 20px 0;
  }
  .redesign .slider-mod .item.image .text-wrapper > .container {
    padding: 0;
  }
  .redesign .slider-mod .item.case-study .text-wrapper .row > div {
    flex: 1 1 100%;
  }
  .redesign .slider-mod .item .text-wrapper .title h1 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .redesign #home-slider .container {
    width: 100% !important;
  }
  .redesign .slider-mod .item .text-wrapper {
    padding-right: 0;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .redesign .slider-mod .item.case-study .text-wrapper {
    padding-right: 0;
    max-width: 100%;
    flex: 1 1 100%;
  }
  .redesign .slider-mod .item.video .text-wrapper .col-xs-12 {
    width: 50%;
  }
  .redesign .slider-mod .embed-wrapper.video-contain > video {
    max-width: 50%;
    top: auto;
    left: auto;
    transform: none;
    right: 0;
    bottom: 0;
  }
  .redesign .slider-mod .item.image {
    flex-direction: row;
    width: 50%;
  }
  .redesign .slider-mod .item.image .text-wrapper {
    align-self: center;
  }
}

.multi-video-mod {
  position: relative;
  padding: 30px 0 60px 0;
}
.multi-video-mod .text-wrapper .title h2 {
  margin-bottom: 10px;
}
.multi-video-mod .items {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.multi-video-mod .items .item {
  position: relative;
  z-index: 1;
  max-width: 240px;
  flex: 0 0 240px;
  order: 1;
}
.multi-video-mod .items .item.center {
  order: 2;
  z-index: 2;
}
.multi-video-mod .items .item.right {
  order: 3;
  max-width: 190px;
  flex: 0 0 190px;
}
.multi-video-mod .items .item.right .video-wrapper {
  border-radius: 0;
}
.multi-video-mod .items .item .icon {
  display: none;
  color: #FFF;
  text-align: center;
  position: absolute;
  left: -55px;
  width: 40px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
}
.multi-video-mod .items .left + .center {
  margin-left: 70px;
}
.multi-video-mod .items .left + .center .icon {
  display: block;
}
.multi-video-mod .items .center + .right {
  margin-left: -10px;
}

@media screen and (max-width: 767px) {
  .multi-video-mod.has-mobile {
    padding-bottom: 0;
  }
  .multi-video-mod.has-mobile .items {
    margin-top: 0;
    padding: 0;
  }
  .multi-video-mod:not(.has-mobile) {
    padding-bottom: 30px;
  }
  .multi-video-mod:not(.has-mobile) .items .item {
    max-width: 40%;
    flex: 0 0 40%;
  }
  .multi-video-mod:not(.has-mobile) .items .item.video-3 {
    display: none;
  }
}
.redesign {
  /* responsive */
}
.redesign .multi-video-mod .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.redesign .multi-video-mod .items {
  flex: 0 0 50%;
  max-width: 50%;
}
@media only screen and (max-width: 991px) {
  .redesign .multi-video-mod .items .item {
    max-width: 200px;
    flex: 0 0 200px;
  }
  .redesign .multi-video-mod .items .item.right {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .redesign .multi-video-mod .row {
    flex-wrap: wrap;
  }
  .redesign .multi-video-mod .text-wrapper {
    text-align: center;
  }
  .redesign .multi-video-mod .items {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Hello, I am /assets/css/_module-hero.scss */
.hero-mod {
  position: relative;
  overflow: hidden;
}
.hero-mod .hero-wrapper {
  position: relative;
  z-index: 2;
}
.hero-mod .hero-wrapper .subtitle h3 {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.5;
  font-family: "Inter", sans-serif;
}
.hero-mod .hero-wrapper .subtitle + .button {
  padding-top: 25px;
}
.hero-mod .container-fluid {
  max-width: 1366px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.hero-mod .row {
  min-height: 530px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hero-mod .row .col-sm-3 {
  flex: 0 0 30%;
  max-width: 30%;
}
.hero-mod .row .col-sm-9 {
  flex: 1 1 65%;
  max-width: 65%;
  align-self: stretch;
  display: flex;
  position: static;
}
.hero-mod .hero-promos {
  flex: 1 1 100%;
  position: relative;
  height: auto;
  width: 100%;
}
.hero-mod .hero-promos .promo {
  background-color: #ffffff;
  width: 480px;
  max-width: 100%;
  border-radius: 30px;
  box-shadow: 0 2px 20px 0 rgba(12, 22, 59, 0.1);
  padding: 0;
  position: absolute;
}
.hero-mod .hero-promos .promo > a {
  display: block;
  padding: 65px 140px 65px 60px;
}
.hero-mod .hero-promos .promo .title {
  margin-bottom: 30px;
}
.hero-mod .hero-promos .promo .subtitle {
  font-size: 16px;
  text-transform: uppercase;
  color: #676e85;
  margin-bottom: 10px;
  font-family: sofia-pro, sans-serif;
  font-weight: 700;
}
.hero-mod .hero-promos .promo .learn-more {
  font-size: 24px;
}
.hero-mod .hero-promos .promo.promo-one {
  top: -30px;
  left: 10%;
  z-index: 2;
}
.hero-mod .hero-promos .promo.promo-one > a {
  padding-top: 80px;
}
.hero-mod .hero-promos .promo.promo-two {
  bottom: 10%;
  right: -120px;
  z-index: 3;
}
.hero-mod .hero-promos .image {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  max-width: 40%;
}
.hero-mod .hero-promos .image.image-one {
  bottom: 8%;
  left: 2%;
}
.hero-mod .hero-promos .image.image-two {
  top: -30px;
  right: -90px;
}
.hero-mod.default .image {
  text-align: center;
}
.hero-mod.default .bottom {
  align-self: flex-end;
}
.hero-mod.default .bottom .image {
  padding: 60px 0 0 60px;
}
.hero-mod.default .center .image {
  padding: 60px 0 60px 60px;
}
.hero-mod.split .row {
  justify-content: center;
}
.hero-mod.split .split-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.hero-mod.split .split-wrapper .image {
  position: absolute;
  max-width: 25%;
  top: 50%;
  transform: translateY(-50%);
}
.hero-mod.split .split-wrapper .image.image-one {
  left: 0;
}
.hero-mod.split .split-wrapper .image.image-two {
  right: 0;
}
.hero-mod .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-mod .mobile-hero {
  display: none;
}

@media screen and (max-width: 1249px) {
  .hero-mod.promo .has-mobile-image .hero-promos {
    display: none;
  }
  .hero-mod.promo .has-mobile-image .mobile-hero {
    display: block;
    margin-top: 30px;
  }
  .hero-mod.promo .hero-bg {
    display: none;
  }
  .hero-mod .row .col-sm-9 {
    align-self: center;
  }
}
@media screen and (max-width: 1070px) {
  .hero-mod.default .has-mobile-image .image, .hero-mod.split .has-mobile-image .split-images {
    display: none;
  }
  .hero-mod .has-mobile-image .mobile-hero {
    display: block;
    margin-top: 30px;
  }
  .hero-mod {
    padding: 30px 0;
  }
  .hero-mod .hero-bg {
    display: none;
  }
  .hero-mod .row {
    min-height: 1px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .hero-mod .col-sm-3 {
    width: 100%;
    text-align: center;
    max-width: 360px !important;
    flex: 1 1 100% !important;
  }
  .hero-mod .col-sm-9 {
    width: 100%;
    text-align: center;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
  .hero-mod.default .bottom .image {
    padding: 0;
  }
  .hero-mod.default .bottom {
    margin-bottom: -30px;
  }
  .hero-mod.split .split-wrapper {
    position: static;
  }
  .hero-mod.split .split-images {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 30px;
  }
  .hero-mod.split .split-wrapper .image {
    position: static;
    max-width: 45%;
    transform: none;
  }
}
/* Hello, I am /assets/css/_module-team.scss */
.team-mod {
  position: relative;
  padding: 70px 0;
}
.team-mod .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.team-mod .row .left-col {
  flex: 0 0 52%;
  max-width: 52%;
}
.team-mod .row .right-col {
  flex: 0 0 44%;
  max-width: 44%;
}
.team-mod .items {
  display: flex;
  flex-wrap: wrap;
}
.team-mod .items .item {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 10px;
  margin-bottom: 20px;
}
.team-mod .items .item .hover {
  display: none;
}
.team-mod .items .item:hover .image {
  display: none;
}
.team-mod .items .item:hover .image.hover {
  display: block;
}

@media screen and (min-width: 1200px) {
  .team-mod .container {
    width: 1170px;
  }
}
@media screen and (max-width: 991px) {
  .team-mod .items .item {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .team-mod .row {
    flex-direction: column;
  }
  .team-mod .row .left-col, .team-mod .row .right-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .team-mod .row .left-col {
    margin-bottom: 30px;
  }
  /*.team-mod .items .item { flex: 0 0 45%; max-width: 45%; }*/
}
/* Hello, I am /assets/css/_module-image-text.scss */
.image-text-mod {
  padding: 50px 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.image-text-mod .container {
  flex: 0 1 1000px;
  min-width: 420px;
  max-width: 100%;
  margin: 0;
  padding: 20px 40px;
}
.image-text-mod .content {
  text-align: center;
}
.image-text-mod .content .mobile-image {
  display: none;
}
.image-text-mod .image-one {
  position: relative;
  min-width: 300px;
  max-width: 300px;
  text-align: left;
}
.image-text-mod .image-two {
  position: relative;
  min-width: 300px;
  max-width: 300px;
  text-align: right;
}

@media screen and (max-width: 1070px) {
  .image-text-mod .image-two {
    display: none;
  }
  .image-text-mod.has-mobile-image .image-one, .image-text-mod.has-mobile-image .image-two {
    display: none;
  }
  .image-text-mod.has-mobile-image .content .mobile-image {
    display: block;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .image-text-mod {
    flex-direction: column;
  }
  .image-text-mod .container {
    min-width: 1px;
    flex: 1 0 auto;
  }
}
/* Hello, I am /assets/css/_module-pricing.scss */
.pricing-mod .hero-wrapper {
  padding: 80px 0 135px 0;
  background-color: #EEEEF1;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.pricing-mod .hero-wrapper .radio-button-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
.pricing-mod .hero-wrapper .radio-button-area .radio {
  margin: 0 15px;
  text-transform: uppercase;
  font-size: 16px;
}
.pricing-mod .plans {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin-top: -85px;
}
.pricing-mod .plans .plan {
  flex: 0 0 31%;
  max-width: 31%;
}
.pricing-mod .plans .plan .wrapper {
  position: relative;
  background-color: #FFF;
  border-radius: 24px;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.pricing-mod .plans .plan .wrapper:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 7px;
}
.pricing-mod .plans .plan .wrapper .title {
  padding: 30px 30px 0 30px;
}
.pricing-mod .plans .plan .wrapper .title h4 {
  font-size: 20px;
}
.pricing-mod .plans .plan .wrapper .text {
  padding: 10px 30px 0 30px;
  font-size: 16px;
  line-height: 24px;
}
.pricing-mod .plans .plan .wrapper .price {
  padding: 10px 30px 30px 30px;
}
.pricing-mod .plans .plan .wrapper .price .price-amount {
  font-family: sofia-pro, sans-serif;
  font-size: 50px;
  line-height: 52px;
  font-weight: 700;
  float: left;
  margin-right: 10px;
}
.pricing-mod .plans .plan .wrapper .price .price-byline {
  font-size: 12px;
  line-height: 16px;
  float: left;
  margin-top: 15px;
}
.pricing-mod .plans .plan .wrapper .price .btn {
  clear: both;
  display: inline-block;
  margin-top: 30px;
}
.pricing-mod .plans .plan .wrapper .plan-includes {
  background-color: #EEEEF1;
  padding: 20px 30px;
}
.pricing-mod .plans .plan .wrapper .plan-includes p {
  margin-bottom: 15px;
}
.pricing-mod .plans .plan .wrapper .plan-includes strong {
  font-weight: 900;
}
.pricing-mod .plans .plan .wrapper .plan-includes ul {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}
.pricing-mod .plans .plan .wrapper .plan-includes ul li {
  font-size: 14px;
  line-height: 22px;
}
.pricing-mod .plans .plan .plan-features {
  padding: 30px;
}
.pricing-mod .plans .plan .plan-features .title h4 {
  font-size: 20px;
  font-weight: 500;
}
.pricing-mod .plans .plan .plan-features .subtitle {
  font-size: 16px;
  line-height: 24px;
}
.pricing-mod .plans .plan .plan-features .items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pricing-mod .plans .plan .plan-features .items li {
  display: flex;
  align-items: flex-start;
  border-bottom: solid 1px #e6e7eb;
  padding: 10px 0;
  font-size: 14px;
  line-height: 22px;
}
.pricing-mod .plans .plan .plan-features .items li:last-child {
  border-bottom: none;
}
.pricing-mod .plans .plan .plan-features .items li svg {
  flex: 0 0 16px;
  max-width: 16px;
  margin-right: 10px;
  margin-top: 3px;
}
.pricing-mod .plans .plan:nth-child(1) .wrapper:before {
  background-color: #3448c5;
}
.pricing-mod .plans .plan:nth-child(2) .wrapper:before {
  background-color: #22c2d1;
}
.pricing-mod .plans .plan:nth-child(3) .wrapper:before {
  background-color: #f8b83f;
}
.pricing-mod .plans.monthly .monthly {
  display: block;
}
.pricing-mod .plans.monthly .yearly {
  display: none;
}
.pricing-mod .plans.yearly .monthly {
  display: none;
}
.pricing-mod .plans.yearly .yearly {
  display: block;
}
.pricing-mod .plans-closing-text {
  border-top: solid 1px #e6e7eb;
  margin-top: 25px;
  padding-top: 25px;
  margin-bottom: 70px;
}
.pricing-mod .pricing-enterprise {
  position: relative;
  padding-bottom: 30px;
}
.pricing-mod .pricing-enterprise:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background-color: #EEEEF1;
  z-index: 1;
}
.pricing-mod .pricing-enterprise .wrapper {
  margin: 50px 0 30px 0;
  background-color: #0C163B;
  border-radius: 24px;
  padding: 55px 100px;
  color: #FFF;
  position: relative;
  z-index: 2;
}
.pricing-mod .pricing-enterprise .wrapper h3 {
  color: inherit;
  margin-bottom: 30px;
}
.pricing-mod .pricing-enterprise .wrapper .text {
  padding: 0 20%;
  font-size: 18px;
  line-height: 28px;
}
.pricing-mod .pricing-enterprise .wrapper .text span {
  display: block;
  text-transform: uppercase;
  color: #F7BC02;
}
.pricing-mod .pricing-enterprise .wrapper .text hr {
  width: 100px;
  margin: 25px auto;
  border-top: solid 1px rgba(179, 207, 251, 0.2);
}
.pricing-mod .pricing-enterprise .wrapper .items {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pricing-mod .pricing-enterprise .wrapper .items li {
  flex: 0 0 28%;
  max-width: 28%;
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  font-size: 16px;
  line-height: 24px;
}
.pricing-mod .pricing-enterprise .wrapper .items li:nth-child(1), .pricing-mod .pricing-enterprise .wrapper .items li:nth-child(2), .pricing-mod .pricing-enterprise .wrapper .items li:nth-child(3) {
  border-bottom: solid 1px rgba(179, 207, 251, 0.2);
}
.pricing-mod .pricing-enterprise .wrapper .items li svg {
  flex: 0 0 16px;
  max-width: 16px;
  margin-right: 10px;
  margin-top: 3px;
  color: #B3CFFB;
}
.pricing-mod .pricing-enterprise .wrapper .items.additional-items {
  margin-bottom: 0;
  margin-top: 30px;
}
.pricing-mod .pricing-enterprise .wrapper .items.additional-items li {
  border: none;
}
.pricing-mod .pricing-enterprise .wrapper .items.additional-items li a {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.pricing-mod .pricing-enterprise .wrapper .items.additional-items li a:hover .title {
  color: #ff5050;
}
.pricing-mod .pricing-enterprise .wrapper .items.additional-items li .title {
  border-bottom: solid 1px rgba(179, 207, 251, 0.2);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.pricing-mod .pricing-enterprise .wrapper .items.additional-items li .text {
  padding: 0;
  font-size: 13px;
}
.pricing-mod .pricing-enterprise .pattern {
  position: absolute;
  border-radius: 50%;
}
.pricing-mod .pricing-enterprise .pattern.pattern-1 {
  width: 80px;
  height: 80px;
  border: solid 20px #F7BC02;
  top: -20px;
  left: 10%;
}
.pricing-mod .pricing-enterprise .pattern.pattern-2 {
  width: 120px;
  height: 120px;
  border: solid 30px #48C4D8;
  top: 120px;
  right: -30px;
}
.pricing-mod .pricing-enterprise .pattern.pattern-3 {
  width: 60px;
  height: 60px;
  border: solid 20px #FF5050;
  top: 280px;
  left: -20px;
}
.pricing-mod .pricing-enterprise .anchor {
  position: absolute;
  top: -80px;
  pointer-events: none;
}
.pricing-mod .container {
  width: 100%;
  max-width: 1200px;
}
.pricing-mod.v2 .hero-wrapper {
  background-color: #4c64d7;
  padding: 70px 0;
}
.pricing-mod.v2 .hero-wrapper .title h1 {
  color: #FFF;
}
.pricing-mod.v2 .nav-wrapper {
  background-color: #4c64d7;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs {
  display: flex;
  justify-content: flex-start;
  border: none;
  margin: 0;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li {
  flex: 0 0 20%;
  max-width: 20%;
  margin-bottom: 0;
  margin-right: 10px;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li:last-child {
  margin-right: 0;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 24px 24px 0 0;
  border: none;
  background-color: #3346c6;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
  overflow: hidden;
  padding: 15px 30px 10px 30px;
  font-size: 18px;
  font-weight: 500;
  height: 100%;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li a.has-icon {
  justify-content: flex-start;
  text-align: left;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li a.has-icon .icon {
  opacity: 0.5;
  flex: 0 0 38px;
  max-width: 38px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li a.has-icon .icon .standard-icon {
  display: inline-block;
  visibility: visible;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li a.has-icon .icon .active-icon {
  display: none;
  visibility: hidden;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li a:hover {
  color: #FFF;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li a:hover.has-icon .icon {
  opacity: 1;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a, .pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a:focus, .pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a:hover {
  border: none;
  background-color: #FFF;
  color: #3346c6;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a.has-icon .icon, .pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a:focus.has-icon .icon, .pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a:hover.has-icon .icon {
  opacity: 1;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a.has-icon .icon .standard-icon, .pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a:focus.has-icon .icon .standard-icon, .pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a:hover.has-icon .icon .standard-icon {
  display: none;
  visibility: hidden;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a.has-icon .icon .active-icon, .pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a:focus.has-icon .icon .active-icon, .pricing-mod.v2 .nav-wrapper .nav-tabs li.active > a:hover.has-icon .icon .active-icon {
  display: inline-block;
  visibility: visible;
}
.pricing-mod.v2 .nav-wrapper .nav-tabs:before, .pricing-mod.v2 .nav-wrapper .nav-tabs:after {
  display: none;
}
.pricing-mod.v2 .tab-content {
  background-position: center 180px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.pricing-mod.v2 .plans-wrapper {
  margin-top: 40px;
}
.pricing-mod.v2 .plans {
  align-items: stretch;
  margin-top: 0;
}
.pricing-mod.v2 .plans .plan {
  margin-bottom: 30px;
}
.pricing-mod.v2 .plans .plan .wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ddeaff;
  box-shadow: none;
  overflow: visible;
  position: relative;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info {
  text-align: center;
  position: relative;
  z-index: 2;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .title {
  position: relative;
  overflow: hidden;
  border-radius: 24px 24px 0 0;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .title h4 {
  font-size: 24px;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .title h4:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 12px;
  background-color: #24c1d0;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .text {
  padding: 10px 20px 0 20px;
  font-size: 12px;
  line-height: 18px;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .text p:last-child {
  margin-bottom: 0;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price {
  padding-bottom: 0;
  margin-bottom: -26px;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price .radio-button-area {
  height: 34px;
  margin: 10px 0 0 0;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price .toggle {
  display: flex;
  justify-content: center;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price .toggle label {
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price .toggle .buttons {
  background-color: #3448c5;
  border: solid 1px #3448c5;
  border-radius: 17px;
  width: 60px;
  height: 34px;
  margin: 0 20px;
  position: relative;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price .toggle .buttons input {
  opacity: 0;
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  z-index: 2;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price .toggle .buttons input:checked {
  z-index: 1;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price .toggle .buttons:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #FFF;
  position: absolute;
  transition: all 0.2s ease;
  top: 1px;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price .price-amount {
  float: none;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price .price-amount .price-strike {
  font-size: 60%;
  opacity: 0.5;
  text-decoration: line-through;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-info .price .price-byline {
  float: none;
  min-height: 32px;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-includes {
  flex-grow: 1;
  border-radius: 24px;
  position: relative;
  z-index: 1;
  padding-top: 45px;
  background-color: #f1f2f9;
}
.pricing-mod.v2 .plans .plan .wrapper .plan-includes ul {
  padding-left: 15px;
}
.pricing-mod.v2 .plans .plan .wrapper:before {
  display: none;
}
.pricing-mod.v2 .plans .plan .plan-features {
  padding: 0;
}
.pricing-mod.v2 .plans .plan .plan-features .title {
  padding: 0;
}
.pricing-mod.v2 .plans .plan .plan-features ul.items {
  padding-left: 0;
}
.pricing-mod.v2 .plans .plan.yearly .price .toggle .buttons:before {
  right: 1px;
}
.pricing-mod.v2 .plans .plan.yearly .price .monthly {
  display: none;
  visibility: hidden;
}
.pricing-mod.v2 .plans .plan.monthly .price .toggle .buttons:before {
  left: 1px;
}
.pricing-mod.v2 .plans .plan.monthly .price .yearly {
  display: none;
  visibility: hidden;
}
.pricing-mod.v2 .plans-closing-text {
  margin-bottom: 0;
}
.pricing-mod.v2 .pricing-enterprise:before {
  display: none;
}
.pricing-mod.v2 .pricing-enterprise .wrapper .text {
  font-size: 17px;
}
.pricing-mod.v2 .pricing-enterprise .additional-items li {
  border-bottom: solid 1px rgba(179, 207, 251, 0.2) !important;
  padding-bottom: 10px;
  margin-bottom: 10px;
  flex: 0 0 30%;
  max-width: 30%;
}
.pricing-mod.v2 .pricing-enterprise .additional-items li .title {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.pricing-mod.v2 .pricing-enterprise .additional-items li .title span {
  flex-grow: 1;
}
.pricing-mod.v2 .pricing-enterprise .additional-items li .text {
  padding-left: 26px !important;
}
.pricing-mod.v2 .pricing-enterprise .additional-items li:not(.has-link) {
  flex-direction: column;
}
.pricing-mod.v2 #pricing-content-2 .plans .plan .wrapper .plan-info .title h4:before {
  background-color: #b3cffb;
}
.pricing-mod.v2 #pricing-content-3 .plans .plan .wrapper .plan-info .title h4:before {
  background-color: #0C163B;
}

@media screen and (max-width: 767px) {
  .pricing-mod .plans {
    flex-direction: column;
  }
  .pricing-mod .plans .plan {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pricing-mod .pricing-enterprise .wrapper {
    padding: 30px;
  }
  .pricing-mod .pricing-enterprise .wrapper .text {
    padding: 0;
  }
  .pricing-mod .pricing-enterprise .wrapper .items li {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .pricing-mod .pricing-enterprise .wrapper .items li:nth-child(4) {
    border-bottom: solid 1px rgba(179, 207, 251, 0.2);
  }
  .pricing-mod .pricing-enterprise .wrapper .items.additional-items li {
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: none;
  }
  .pricing-mod .pricing-enterprise .wrapper .pattern-1 {
    width: 50px;
    height: 50px;
  }
  .pricing-mod .pricing-enterprise .wrapper .pattern-2 {
    display: none;
  }
  .pricing-mod .pricing-enterprise .wrapper .pattern-3 {
    display: none;
  }
  .pricing-mod.v2 .nav-wrapper .nav-tabs {
    flex-direction: column;
  }
  .pricing-mod.v2 .nav-wrapper .nav-tabs li {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .pricing-mod.v2 .nav-wrapper .nav-tabs li a {
    border-radius: 24px;
    margin-bottom: 10px;
  }
}
/* Hello, I am /assets/css/_module-logo-bar.scss */
.logo-bar-mod {
  position: relative;
  padding: 50px 0 40px 0;
}
.logo-bar-mod .subtitle h3 {
  font-weight: 400;
  letter-spacing: 0;
}
.logo-bar-mod .items {
  display: flex;
  justify-content: space-between;
  padding: 50px 30px 0 30px;
}
.logo-bar-mod .items .item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-bar-mod .items .item .logo {
  text-align: center;
}
.logo-bar-mod .items .item .logo img {
  max-width: 100%;
  max-height: 70px;
}
.logo-bar-mod .items .tablet-spacer {
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
.logo-bar-mod + .logo-bar-mod {
  padding-top: 0;
  margin-top: -40px;
}
.logo-bar-mod + .logo-bar-mod .items {
  padding-top: 0;
}

/* responsive */
@media only screen and (max-width: 991px) {
  .logo-bar-mod .items {
    flex-wrap: wrap;
  }
  .logo-bar-mod .item {
    flex: 0 0 auto;
    max-width: 24%;
    margin-bottom: 30px;
  }
  .logo-bar-mod .items .tablet-spacer {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    height: 0;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .logo-bar-mod .items {
    flex-wrap: wrap;
  }
  .logo-bar-mod .item {
    flex: 0 0 33%;
    max-width: 33%;
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .logo-bar-mod .items .tablet-spacer {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
  }
}
@media only screen and (min-width: 992px) {
  .logo-bar-mod .item {
    flex: 0 0 11%;
    max-width: 11%;
    padding: 0;
    margin-bottom: 50px;
  }
}
/* Hello, I am /assets/css/_module-case-study.scss */
.case-study-mod {
  position: relative;
  padding: 70px 0 0 0;
}

.case-study-mod .container + .container {
  margin-top: 30px;
}

.case-study-mod .case-study-wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 35px;
}

.case-study-mod .case-study-wrapper .image {
  flex: 0 0 35%;
  max-width: 35%;
  padding-bottom: 85px;
  padding-right: 5%;
  position: relative;
  z-index: 3;
}

.case-study-mod .case-study-wrapper .image img {
  width: 100%;
}

.case-study-mod .case-study {
  position: relative;
  z-index: 2;
  padding-right: 45px;
  padding-bottom: 85px;
  flex: 0 0 65%;
  max-width: 65%;
}

.case-study-mod .case-study .title h4 {
  font-size: 24px;
  font-weight: 600;
}

.case-study-mod .case-study .stats {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 45px;
}

.case-study-mod .case-study .stat {
  margin-right: 45px;
}

.case-study-mod .stat {
  display: flex;
  align-items: center;
}

.case-study-mod .stat .number {
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
  margin-right: 10px;
  font-family: sofia-pro, sans-serif;
  font-weight: 700;
}

.case-study-mod .stat .number > span {
  font-size: 16px;
  display: block;
  text-align: center;
}

.case-study-mod .stat .text {
  font-size: 15px;
  line-height: 20px;
  padding-top: 6px;
}

.case-study-mod .case-study .quote {
  padding: 40px 165px 40px 60px;
  background-color: #FFF;
  border-radius: 24px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  font-size: 22px;
  line-height: 32px;
  margin-right: -100px;
}

.case-study-mod[style="background-color: #ffffff;"] .case-study .quote {
  background-color: #eeeef1;
  box-shadow: none;
}

.case-study-mod .case-study-wrapper.has-image .case-study .quote {
  border-radius: 24px 0 0 24px;
}

.case-study-mod .case-study .quote .persona {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  font-size: 16px;
}

.case-study-mod .case-study .quote .persona .avatar {
  flex: 0 0 80px;
  max-width: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}

.case-study-mod .case-study .quote .persona .name {
  font-weight: 700;
}

.case-study-mod .case-study .quote .text p:last-child {
  margin-bottom: 0;
}

.case-study-mod .case-study .button {
  position: absolute;
  bottom: 0;
}

.case-study-mod .customer-stories {
  margin: 65px 0 20px 0;
  position: relative;
}

.case-study-mod .customer-stories:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #FFF;
  height: 200px;
}

.case-study-mod .customer-stories .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1200px;
  position: relative;
  z-index: 2;
}

.case-study-mod .customer-stories .title h2 {
  margin-bottom: 35px;
}

.case-study-mod .customer-stories .items {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.case-study-mod .customer-stories .item {
  flex: 0 0 33%;
  max-width: 33%;
  padding: 0 15px;
  margin-bottom: 30px;
  display: flex;
}

.case-study-mod .customer-stories .item-inner {
  background-color: #FFF;
  border-radius: 24px;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding-bottom: 12px;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
}

.case-study-mod .customer-stories .item .image {
  padding: 30px 50px 0 50px;
  background-color: #FFF;
}

.case-study-mod .customer-stories .item .image img {
  max-height: 108px;
}

.case-study-mod .customer-stories .item .content {
  padding: 30px 50px;
  background-color: #FFF;
  flex: 1 1 auto;
}

.case-study-mod .customer-stories .item .stat {
  margin-bottom: 30px;
}

.case-study-mod .customer-stories .item .stat .number {
  font-size: 60px;
  letter-spacing: -3px;
}

.case-study-mod .customer-stories .item .stat .text {
  font-size: 16px;
  line-height: 22px;
}

.case-study-mod .customer-stories .item .read-more {
  font-size: 18px;
  text-decoration: none;
}

/* responsive */
@media only screen and (max-width: 991px) {
  .case-study-mod .case-study-wrapper {
    align-items: flex-end;
  }
  .case-study-mod .case-study-wrapper .image {
    margin-bottom: 0;
    padding-right: 0;
  }
  .case-study-mod .case-study .stats .stat {
    margin-right: 0;
  }
  .case-study-mod .case-study .stats .stat:first-child {
    margin-right: 25px;
  }
  .case-study-mod .case-study .quote {
    padding: 20px 145px 20px 30px;
  }
  .case-study-mod .customer-stories .items {
    flex-wrap: wrap;
  }
  .case-study-mod .customer-stories .item {
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .case-study-mod .case-study-wrapper {
    display: block;
  }
  .case-study-mod .case-study-wrapper .image {
    display: none;
  }
  .case-study-mod .case-study {
    padding-right: 0;
    text-align: center;
    max-width: 100%;
  }
  .case-study-mod .case-study .stats {
    flex-direction: column;
    align-items: flex-start;
  }
  .case-study-mod .case-study .stats .stat:first-child {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .case-study-mod .stat .text {
    text-align: left;
  }
  .case-study-mod .case-study .quote {
    margin-right: 0;
    padding: 20px;
    text-align: left;
  }
  .case-study-mod .case-study-wrapper.has-image .case-study .quote {
    border-radius: 24px;
  }
  .case-study-mod .case-study .button {
    left: 0;
    right: 0;
  }
  .case-study-mod .customer-stories .item {
    flex: 0 0 95%;
    max-width: 95%;
  }
  .case-study-mod .customer-stories .item .stat .number {
    font-size: 45px;
  }
  .case-study-mod .customer-stories .item .stat .text {
    font-size: 15px;
  }
}
/* Hello, I am /assets/css/_module-content-carousel.scss */
.content-carousel-mod {
  position: relative;
  padding: 70px 0 140px 0;
  overflow: hidden;
}

.content-carousel-mod:before, .content-carousel-mod:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: 200px;
  pointer-events: none;
}

.content-carousel-mod:before {
  left: 0;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0) 100%);
}

.content-carousel-mod:after {
  right: 0;
  background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0) 100%);
}

.content-carousel-mod .container + .container {
  margin-top: 30px;
}

.content-carousel-mod .items {
  background-color: #EEEEF1;
  padding: 45px 120px;
  position: relative;
  z-index: 2;
}

.content-carousel-mod .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  width: 620px;
  max-width: 100%;
  margin: 0 auto;
}

.content-carousel-mod .item .image {
  flex: 0 0 241px;
  max-width: 241px;
}

.content-carousel-mod .item .content {
  padding-left: 10px;
}

.content-carousel-mod .item .tag {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 16px;
  font-family: sofia-pro, sans-serif;
}

.content-carousel-mod .item .title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 10px;
}

.content-carousel-mod .item .text {
  font-size: 16px;
}

.content-carousel-mod .owl-carousel {
  position: static;
}

.content-carousel-mod .owl-stage-outer {
  overflow: visible;
}

.content-carousel-mod .owl-dots {
  position: absolute;
  bottom: -45px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.content-carousel-mod .owl-dots .owl-dot {
  border: none;
  background-color: #EEEEF1;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  font-size: 0;
  line-height: 0;
  margin: 0 10px;
  padding: 0;
  pointer-events: all;
}

.content-carousel-mod .owl-dots .owl-dot.active {
  background-color: #333;
}

.content-carousel-mod .owl-nav {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: -58px;
  pointer-events: none;
}

.content-carousel-mod .owl-nav > div {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: transparent;
  position: relative;
  border-radius: 50%;
  background-color: #EEEEF1;
  padding: 9px;
  pointer-events: all;
}

.content-carousel-mod .owl-nav > div.disabled {
  pointer-events: none;
  opacity: 0.2;
}

.content-carousel-mod .owl-nav .owl-prev {
  float: left;
  margin-left: 15px;
  padding-right: 14px;
}

.content-carousel-mod .owl-nav .owl-next {
  float: right;
  margin-right: 15px;
  padding-left: 14px;
}

/* responsive */
@media only screen and (max-width: 991px) {
  .content-carousel-mod::before, .content-carousel-mod::after {
    width: 140px;
  }
  .content-carousel-mod .items {
    padding: 45px 65px;
  }
}
@media only screen and (max-width: 767px) {
  .content-carousel-mod::before, .content-carousel-mod::after {
    display: none;
  }
  .content-carousel-mod .items {
    padding: 0;
    margin: 0 -15px;
  }
  .content-carousel-mod .item {
    flex-direction: column;
    text-align: center;
    padding: 30px;
  }
  .content-carousel-mod .owl-stage-outer {
    overflow: hidden;
  }
}
/* Hello, I am /assets/css/_module_owl_slider.css */
/** owl slider **/
.owl-about {
  position: relative;
  margin: 0 auto 200px auto;
  background-size: cover;
  background-position: center;
}

.owl-about .owl-stage-outer {
  overflow: visible;
  margin: 0 0 0 -200px;
}

.owl-about .owl-dot {
  border: none;
  background-color: #EEEEF1;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 0;
  line-height: 0;
  margin: 0 10px;
  padding: 0;
  pointer-events: all;
  z-index: 1;
  position: relative;
  bottom: -47px;
}

.owl-about .owl-dots {
  text-align: center;
}

.owl-about .owl-nav {
  width: 95%;
  max-width: 400px;
  margin: auto auto;
  position: absolute;
  width: 95%;
  left: 0;
  right: 0;
  bottom: -52px;
  pointer-events: none;
}

.owl-about .owl-nav > div {
  width: 30px;
  height: 30px;
  overflow: hidden;
  color: transparent;
  position: relative;
  border-radius: 50%;
  background-color: #EEEEF1;
  padding: 9px;
  pointer-events: all;
  border-radius: 100px !important;
}

.owl-about .owl-nav > div.disabled {
  pointer-events: none;
  opacity: 0.2 !important;
}

.owl-about .owl-nav .owl-prev {
  float: left;
  margin-left: 15px;
  padding: 5px !important;
}

.owl-about .owl-nav .owl-next {
  float: right;
  margin-right: 15px;
  padding: 5px !important;
}

.owl-about .owl-nav > div:hover {
  background-color: #000 !important;
}

.team-wrap {
  position: relative;
  max-width: 466px;
  min-height: 390px;
  padding: 0 0 135px 0;
  border-radius: 30px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
  margin: 0 70px 0 0px;
}

.team-inner {
  position: relative;
  padding: 30px 30px 30px 70px;
}

.team-pic {
  max-width: 130px;
  position: absolute;
  left: -70px;
}

.team-inner h4 {
  margin: 0 0 -10px 0;
  font-size: 18px;
}

.team-inner sub {
  margin: 0 0 10px 0;
}

.team-inner p {
  margin: 30px 0 0 0;
}

.fun-fact {
  position: absolute;
  max-width: 466px;
  min-height: 130px;
  width: 100%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 70px 0 0px;
  border-radius: 0 0 30px 30px;
  background-color: #EEEEF1;
  padding: 30px 70px 30px 70px;
  color: #0C163B;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}

/** mobile slider **/
@media (max-width: 991px) {
  .owl-about .owl-carousel {
    margin: 0 auto 200px auto;
  }
  .owl-about .owl-stage-outer {
    margin: 0 auto 0 auto;
  }
  .team-wrap {
    width: 70%;
    height: 450px;
    margin: 0 auto 0 auto;
  }
  .team-inner {
    position: relative;
    padding: 30px 30px 30px 70px;
  }
  .fun-fact {
    right: 0;
    left: 0px;
    margin: 0 auto 0 auto;
  }
}
@media (max-width: 650px) {
  /** mobile slider **/
  .team-wrap {
    max-width: 600px;
    width: 90%;
    height: 570px;
  }
  .team-inner {
    position: relative;
    padding: 150px 30px 0px 70px;
  }
  .team-pic {
    max-width: 130px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto auto;
    top: 20px;
  }
  .fun-fact {
    max-width: 550px;
    margin: 0 auto 0 auto;
  }
}
/* bio mod */
.bio-mod {
  position: relative;
  padding: 50px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bio-mod .intro {
  margin-bottom: 50px;
}
.bio-mod .bio-transforms:not(.active), .bio-mod .bio-transforms:not(.active):active:focus {
  background-color: #48C4D8;
  border-color: #48C4D8;
}
.bio-mod .btn-default.active {
  color: #ffffff;
  background-color: #ff5050;
  border-color: #ff5050;
}
.bio-mod .bio-transforms:after {
  content: "Show All Without Transformations";
}
.bio-mod .bio-transforms.active:after {
  content: "Show All With Transformations";
}
.bio-mod .team-filters {
  list-style: none;
  padding: 0;
  margin: 30px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bio-mod .team-filters li {
  margin: 0 20px;
  text-transform: uppercase;
}
.bio-mod .team-filters li:last-child {
  font-size: 14px;
  text-transform: none;
  display: flex;
  align-items: center;
}
.bio-mod .team-filters li label {
  margin: 0;
}
.bio-mod .team-filters li span {
  display: inline-block;
  background-color: #3448c5;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 4px 5px 5px 5px;
  margin-right: 10px;
}
.bio-mod .items {
  display: flex;
  flex-wrap: wrap;
}
.bio-mod .item {
  margin-bottom: 30px;
}
.bio-mod .item .wrapper {
  position: relative;
  padding: 10px;
  background-color: #FFF;
  /*z-index: 1;*/
  height: 100%;
}
.bio-mod .item .wrapper.has-transformation .transform-trigger:before {
  content: "";
  display: block;
  position: absolute;
  top: -25px;
  right: -5px;
  transform: rotate(-45deg);
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #3448c5;
  z-index: 2;
}
.bio-mod .item .wrapper.has-transformation .transform-trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 25px;
  height: 25px;
  color: #FFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23FFFFFF' d='M234.8 511.7L196 500.4c-4.2-1.2-6.7-5.7-5.5-9.9L331.3 5.8c1.2-4.2 5.7-6.7 9.9-5.5L380 11.6c4.2 1.2 6.7 5.7 5.5 9.9L244.7 506.2c-1.2 4.3-5.6 6.7-9.9 5.5zm-83.2-121.1l27.2-29c3.1-3.3 2.8-8.5-.5-11.5L72.2 256l106.1-94.1c3.4-3 3.6-8.2.5-11.5l-27.2-29c-3-3.2-8.1-3.4-11.3-.4L2.5 250.2c-3.4 3.2-3.4 8.5 0 11.7L140.3 391c3.2 3 8.2 2.8 11.3-.4zm284.1.4l137.7-129.1c3.4-3.2 3.4-8.5 0-11.7L435.7 121c-3.2-3-8.3-2.9-11.3.4l-27.2 29c-3.1 3.3-2.8 8.5.5 11.5L503.8 256l-106.1 94.1c-3.4 3-3.6 8.2-.5 11.5l27.2 29c3.1 3.2 8.1 3.4 11.3.4z'%3E%3C/path%3E%3C/svg%3E");
  z-index: 3;
}
.bio-mod .item .team-section {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 14px 0;
}
.bio-mod .item .team-section .image {
  display: table-cell;
  vertical-align: middle;
  width: 145px;
}
.bio-mod .item .team-section .image .img-wrap.hover {
  display: none;
}
.bio-mod .item .team-section .info {
  color: #767676;
  font-size: 14px;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 29px;
}
.bio-mod .item .team-section .info h4 {
  margin-bottom: 3px;
  color: #282828;
  text-transform: none;
}
.bio-mod .item .team-section .info .role {
  min-height: 48px;
}
.bio-mod .item .team-section .info .social-holder {
  overflow: hidden;
  margin-top: 5px;
}
.bio-mod .item .team-section .info .social-holder a {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  display: block;
  background: url(../png/sprite-1a2e5ad6755c016414df47c33b26dc3c.png) no-repeat #0a72ce -110px -49px;
  text-indent: -9999px;
  border-radius: 24px;
}
.bio-mod .item .team-section .info .social-holder a:hover {
  background-color: #077de6;
}
.bio-mod .item .team-section .info .social-holder a:before, .bio-mod .item .team-section .info .social-holder a:after {
  content: "";
  position: absolute;
  left: 35px;
  right: -9999px;
  height: 1px;
  background: #bfbfbf;
  top: 50%;
  z-index: 1;
}
.bio-mod .item .team-section .info .social-holder a:after {
  left: -9999px;
  right: 35px;
}
.bio-mod .item .description {
  font-size: 15px;
}
.bio-mod .item .description.hover {
  display: none;
  text-align: center;
  background-color: #fff;
  position: absolute;
  padding: 30px 15px 15px 15px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: auto;
}
.bio-mod .item .description.hover .title {
  margin-bottom: 10px;
  font-family: sofia-pro, sans-serif;
  color: #3448c5;
  font-weight: 700;
  font-size: 18px;
}
.bio-mod .item .description .btn {
  margin-top: 5px;
  font-size: 15px;
  min-width: 150px;
}
.bio-mod .item .description code {
  text-align: left;
}
.bio-mod .item .description code pre {
  padding: 0;
  background-color: #FFF;
  border: none;
  margin: 15px 0;
}
.bio-mod .item.img-swap .wrapper {
  /*z-index: 5;*/
}
.bio-mod .item.img-swap .wrapper .team-section .image .img-wrap {
  display: none;
}
.bio-mod .item.img-swap .wrapper .team-section .image .img-wrap.hover {
  display: block;
}
.bio-mod .item.hover .wrapper {
  /*z-index: 5;*/
}
.bio-mod .item.hover .wrapper .description.hover {
  display: block;
}
.bio-mod .item.transforms .wrapper {
  /*z-index: 5;*/
}
.bio-mod .item.transforms .wrapper .team-section .image .img-wrap {
  display: none;
}
.bio-mod .item.transforms .wrapper .team-section .image .img-wrap.hover {
  display: block;
}

@media (min-width: 1200px) {
  .bio-mod .container {
    width: 1340px;
    max-width: 90%;
  }
}
@media (max-width: 767px) {
  .bio-mod .team-filters {
    flex-direction: column;
  }
}
.column-inner {
  width: 95%;
  max-width: 1300px;
  min-width: 950px;
  margin: 50px auto;
  display: flex;
  justify-content: center;
  font-size: 17px;
  line-height: 20px;
  padding: 0 45px;
  word-wrap: break-word;
}

.column {
  width: 18.75%;
}

.lt-col-wrap {
  display: flex;
  flex-direction: column;
  width: 22%;
  padding: 0 50px 0 0;
  margin: 22px 0 0 0;
  font-weight: 600;
}

.lt-col {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E7EB;
  width: 120%;
  margin: 0 -20% 0 0;
  padding: 0 20px 0 0;
  height: 70px;
}

.lt-col span {
  width: 100%;
}

.lt-col:first-child,
.lt-col:last-child {
  border-bottom: 0px solid #E6E7EB;
}

.column-title {
  font-weight: bold;
  padding: 30px 0;
  text-transform: uppercase;
  font-size: 20px;
}

.column-content-wrap {
  border-radius: 20px;
  box-shadow: -4px 10px 20px 4px rgba(0, 0, 0, 0.1);
  width: 90%;
  min-width: 120px;
  padding: 12px 0 0 0;
}

.column-content-inner {
  justify-content: flex-end;
  flex-direction: column;
  text-align: center;
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
}

.column-content-inner span {
  margin: 0 10px;
}

.column-content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-bottom: 1px solid #E6E7EB;
  width: 125%;
  margin: 0 0 0 -25%;
  height: 70px;
  padding: 0 0 0 20%;
}

.column-content:last-child {
  border-bottom: 0px solid #E6E7EB;
}

.column-content img {
  margin: auto auto;
  width: 20px;
  height: 20px;
}

@media (max-width: 1100px) {
  .column-inner {
    line-height: 20px;
  }
  .lt-col {
    font-size: 15px;
  }
}
@media (max-width: 970px) {
  .column-wrap {
    width: 95%;
    margin: auto auto;
    overflow: scroll;
  }
  .column-inner {
    min-width: 950px;
    font-weight: 500;
  }
  .column {
    width: 23%;
  }
  .lt-col-wrap {
    width: 30%;
  }
}
@media (max-width: 770px) {
  .column-content-inner {
    flex-direction: column;
    width: 100%;
  }
  .column-inner {
    font-size: 16px;
    padding: 0 70px;
  }
  .column {
    width: 22%;
    margin: 0px 5px;
  }
  .lt-col-wrap {
    width: 40%;
  }
  .lt-col {
    font-size: 14px;
    width: 140%;
  }
}
/* templates & post types */
#pricing {
  /*
  @media (min-width : 768px) and (max-width : 991px) {
  	.pricing-table-wrapper .col { width: 25%; float: left; }
  	.pricing-table-wrapper .col.plan-1 { width: 35%; }
  	.pricing-table-wrapper .col.plan-2 { width: 32.5%; }
  	.pricing-table-wrapper .col.plan-3 { width: 32.5%; }
  	.pricing-table-wrapper .col.plan-4 { width: 35%; margin-left: 33.5%; margin-top: 20px; }
  	.pricing-table-feature-list .col { width: 100%; }
  	.pricing-table-feature-list .col.plan-4 { margin-left: 0; margin-top: 0; height: auto !important; }
  	.pricing-table-wrapper .col.plan-4 .pricing-table-rows, .pricing-table-wrapper .col.plan-4.expanded .pricing-table-rows { height: auto; }
  	.pricing-table-wrapper .plan-4-graphic { padding: 0 20px; }
  	.testimonial-feed .item { width: 50%; }
  	.pricing-compare-plans-header-fixed.fixed { width: 432px; }
  	.pricing-compare-plans-header-wrapper .col { height: 72px; font-size: 14px; }
  	.pricing-compare-plans .buttons .btn { font-size: 13px; }
  	#compare-plans > .panel .heading > span { max-width: 90%; }
  	.compare-button .btn.btn-white { line-height: 2.6666666; }
  }
  */
  /* MD - Medium Devices ----------- */
}
#pricing .btn-block {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
#pricing.monthly .compare-button .yearly {
  display: none;
}
#pricing.yearly .compare-button .monthly {
  display: none;
}
#pricing .pricing-table-wrapper.monthly .price .yearly, #pricing .pricing-table-wrapper.monthly .button .yearly {
  display: none;
}
#pricing .pricing-table-wrapper.yearly .price .monthly, #pricing .pricing-table-wrapper.yearly .button .monthly {
  display: none;
}
#pricing .pricing-table-title {
  padding-left: 200px;
}
#pricing .yearly .plan-1 .yearly, #pricing .monthly .plan-1 .monthly {
  display: inline-block;
}
#pricing .yearly .plan-1 .yearly p, #pricing .monthly .plan-1 .monthly p {
  margin: 0;
}
#pricing .pricing-table {
  position: relative;
  padding: 50px 0;
}
#pricing .pricing-table .pricing-table-wrapper {
  position: relative;
  margin-top: 60px;
  display: grid;
  grid-template-columns: 180px 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
}
#pricing .pricing-table .pricing-table-wrapper .headings .tab > span {
  background: none;
}
#pricing .pricing-table .pricing-table-wrapper .headings .price {
  border: none;
  background: none !important;
  text-align: left !important;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 500;
}
#pricing .pricing-table .pricing-table-wrapper .headings .price label {
  font-size: 12px;
}
#pricing .pricing-table .pricing-table-wrapper .headings .pre-pricing-table-rows > .item {
  border: none;
  background: none !important;
  text-align: left !important;
  padding-right: 0;
  padding-left: 0;
  font-size: 12px;
  font-weight: 500;
}
#pricing .pricing-table .pricing-table-wrapper .headings .pre-pricing-table-rows > .item p {
  margin: 0;
}
#pricing .pricing-table .pricing-table-wrapper .headings .pre-pricing-table-rows > .item ul {
  text-align: left;
  padding-left: 15px;
}
#pricing .pricing-table .pricing-table-wrapper .headings .pre-pricing-table-rows > .item ul li {
  margin-bottom: 5px;
}
#pricing .pricing-table .pricing-table-wrapper .headings .pricing-table-rows > .item {
  border: none;
  background: none !important;
  text-align: left !important;
  padding-right: 0;
  font-size: 12px;
  font-weight: 500;
}
#pricing .pricing-table .pricing-table-wrapper .headings .button {
  background: none;
  text-align: left;
  padding-left: 0;
}
#pricing .pricing-table .pricing-table-wrapper .headings .button .show-more-less {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  /*font-family: 'Montserrat', serif;*/
  font-family: Inter, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  color: #ff5050;
  text-decoration: underline;
}
#pricing .pricing-table .pricing-table-wrapper .headings .button .show-more-less:before {
  content: "Show More";
}
#pricing .pricing-table .pricing-table-wrapper .headings.expanded .button .show-more-less:before {
  content: "Show Less";
}
#pricing .pricing-table .pricing-table-wrapper .col:not(.headings) .price {
  text-align: center;
  font-size: 40px;
  line-height: 1.1;
  border: solid 1px #eaeeef;
  border-top: none;
  padding-left: 20px;
  padding-right: 20px;
}
#pricing .pricing-table .pricing-table-wrapper .col:not(.headings) .price .price-byline {
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  position: relative;
  padding-top: 10px;
  margin-top: 7px;
}
#pricing .pricing-table .pricing-table-wrapper .col:not(.headings) .price .price-byline:before {
  content: "";
  display: none;
  width: 25px;
  height: 3px;
  background-color: #000000;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12.5px;
}
#pricing .pricing-table .pricing-table-wrapper .col:not(.headings) .price .price-explanation {
  border-bottom: solid 1px #eaeeef;
}
#pricing .pricing-table .pricing-table-wrapper .col:not(.headings) .pricing-table-expand:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../svg/angle-down-light.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#pricing .pricing-table .pricing-table-wrapper .col:not(.headings).expanded .pricing-table-expand:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../svg/angle-up-light.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#pricing .pricing-table .pricing-table-wrapper .col.headings .radio-button-area {
  padding-top: 10px;
}
#pricing .pricing-table .pricing-table-wrapper .tab {
  height: 95px;
  position: relative;
}
#pricing .pricing-table .pricing-table-wrapper .tab > span {
  display: block;
  height: 100%;
  line-height: 80px;
  text-align: center;
  border-radius: 3px 3px 0 0;
  background: #5bb9ef;
  font-size: 24px;
}
#pricing .pricing-table .pricing-table-wrapper .price {
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 400;
}
#pricing .pricing-table .pricing-table-wrapper .price .radio-button-area {
  line-height: 1;
}
#pricing .pricing-table .pricing-table-wrapper .price .radio-button-area label {
  line-height: 20px;
}
#pricing .pricing-table .pricing-table-wrapper .price span {
  font-weight: 300;
}
#pricing .pricing-table .pricing-table-wrapper .price .price-explanation {
  position: relative;
  margin: 0 -20px 20px -20px;
  padding-left: 20px;
  padding-right: 20px;
}
#pricing .pricing-table .pricing-table-wrapper .price .price-explanation p {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 20px;
}
#pricing .pricing-table .pricing-table-wrapper .plan-1 .tab, #pricing .pricing-table .pricing-table-wrapper .plan-2 .tab, #pricing .pricing-table .pricing-table-wrapper .plan-3 .tab {
  padding-top: 20px;
}
#pricing .pricing-table .pricing-table-wrapper .plan-1 .tab > span {
  background: #ff5050;
}
#pricing .pricing-table .pricing-table-wrapper .plan-4 .tab > span {
  background: #10131a;
  line-height: 100px;
  color: #ffffff;
}
#pricing .pricing-table .pricing-table-wrapper .plan-4 .price {
  font-size: 30px !important;
}
#pricing .pricing-table .pricing-table-wrapper .plan-4 .price > span {
  display: block;
  font-weight: 300;
}
#pricing .pricing-table .pricing-table-wrapper .plan-4 .pricing-table-rows {
  background: #f7f7f7;
  overflow: visible;
}
#pricing .pricing-table .pricing-table-wrapper .plan-4 .pricing-table-rows .plan-4-graphic {
  position: relative;
  padding: 0 15px;
  text-align: center;
}
#pricing .pricing-table .pricing-table-wrapper .plan-4 .pricing-table-rows .plan-4-graphic > img {
  position: relative;
  z-index: 1;
  margin: 15px 0;
}
#pricing .pricing-table .pricing-table-wrapper .plan-4 .pricing-table-rows .plan-4-graphic .plan-4-graphic-top {
  text-align: center;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.4;
  padding-top: 15px;
  padding-bottom: 20px;
}
#pricing .pricing-table .pricing-table-wrapper .plan-4 .pricing-table-rows .plan-4-graphic .plan-4-graphic-bottom {
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  padding: 0 20px;
}
#pricing .pricing-table .pricing-table-wrapper .pre-pricing-table-rows > .item {
  text-align: center;
  position: relative;
  background: #ffffff;
  font-size: 14px;
  line-height: 1.1;
  border: solid 1px #f7f7f7;
  padding: 20px;
}
#pricing .pricing-table .pricing-table-wrapper .pre-pricing-table-rows > .item p {
  margin: 0;
}
#pricing .pricing-table .pricing-table-wrapper .pre-pricing-table-rows > .item ul {
  text-align: left;
  padding-left: 15px;
}
#pricing .pricing-table .pricing-table-wrapper .pre-pricing-table-rows > .item ul li {
  margin-bottom: 5px;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-rows > .item {
  height: 45px;
  text-align: center;
  position: relative;
  background: #ffffff;
  font-size: 14px;
  line-height: 1.1;
  border: solid 1px #f7f7f7;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-rows > .item:nth-child(odd) {
  background: #f7f7f7;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-rows > .item > span {
  display: inline-block;
  vertical-align: middle;
  max-width: 98%;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-rows > .item > span.spacer {
  height: 100%;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-rows > .item > span .fa {
  margin-left: 5px;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-rows > .item > span p {
  margin-bottom: 0;
  padding-top: 5px;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-rows > .item > span p a {
  /*
  font-weight: inherit;
  color: inherit;
  letter-spacing: inherit;
  font-family: inherit;
  */
}
#pricing .pricing-table .pricing-table-wrapper .button {
  text-align: center;
  padding: 10px 20px 30px 20px;
  background: #f7f7f7;
  height: 125px;
}
#pricing .pricing-table .pricing-table-wrapper .button .pricing-table-expand {
  cursor: pointer;
  color: #0C163B;
}
#pricing .pricing-table .pricing-table-wrapper .button .btn {
  margin-top: 20px;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .col {
  width: 100% !important;
  float: none;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .col:not(.headings) {
  padding: 10px 20px;
  border: solid 1px #f7f7f7;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .col.plan-1 .feature-list > li:before {
  background-color: #ff5050;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .col.plan-2 .feature-list > li:before, #pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .col.plan-3 .feature-list > li:before {
  background-color: #5bc7ef;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .col.plan-4 .feature-list > li:before {
  background-color: #0C163B;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .title {
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .subtext {
  text-align: center;
  font-size: 12px;
  color: #555;
  margin-top: 20px;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .feature-list {
  list-style: none;
  font-size: 13px;
  padding: 0;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .feature-list > li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 18px;
  line-height: 19px;
}
#pricing .pricing-table .pricing-table-wrapper .pricing-table-feature-list .feature-list > li:before {
  content: "";
  -webkit-mask-image: url("../svg/check-circle-regular.svg");
  mask-image: url("../svg/check-circle-regular.svg");
  width: 14px;
  height: 14px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 14px;
}
#pricing .pricing-table .note-line {
  font-size: 13px;
}
#pricing .pricing-testimonials {
  text-align: center;
  padding: 60px 0 40px 0;
  background-color: #0C163B;
}
#pricing .pricing-testimonials .testimonial-feed .item {
  width: 25%;
  float: left;
  position: relative;
  margin: 20px 0;
}
#pricing .pricing-testimonials .testimonial-feed .item .front {
  position: relative;
  z-index: 4;
}
#pricing .pricing-testimonials .testimonial-feed .item .front .image {
  line-height: 180px;
}
#pricing .pricing-testimonials .testimonial-feed .item .front .image > img {
  max-width: 80%;
  /*width: 240px;*/
}
#pricing .pricing-testimonials .testimonial-feed .item .back {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  z-index: 5;
  padding: 20px;
  background-color: #11131b;
  border: solid 1px #ffffff;
  transition: all 0.5s ease;
  opacity: 0;
  transform: translateY(-50%) scale(0.9);
}
#pricing .pricing-testimonials .testimonial-feed .item .back .image {
  margin-bottom: 20px;
}
#pricing .pricing-testimonials .testimonial-feed .item .back .text {
  margin-bottom: 20px;
  color: #ffffff;
}
#pricing .pricing-testimonials .testimonial-feed .item .back .text p {
  display: inline;
  margin: 0;
}
#pricing .pricing-testimonials .testimonial-feed .item .back .subtext {
  /*font-family: 'Montserrat';*/
  font-family: Inter, sans-serif;
  font-weight: 500;
  color: #ffffff;
}
#pricing .pricing-testimonials .testimonial-feed .item .back .subtext span {
  display: block;
}
#pricing .pricing-testimonials .testimonial-feed .item:hover .back {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
#pricing .pricing-compare-plans {
  padding: 70px 0;
}
#pricing .pricing-compare-plans h1 {
  margin-bottom: 40px;
}
#pricing .pricing-compare-plans .pricing-compare-plans-header {
  position: relative;
  width: 60%;
  float: right;
}
#pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .pricing-compare-plans-header-fixed.fixed {
  position: fixed;
  top: 100px;
  width: 684px;
  height: 62px;
  overflow: hidden;
  z-index: 3;
}
#pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 20px;
  font-weight: 500;
  padding: 0 7px 0 0;
  border: 1px solid #E5E5E5;
  width: calc(25% - 10px);
  float: left;
  padding: 20px 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #F7F7F7;
}
#pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col.plan-2, #pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col.plan-3 {
  padding-left: 8px;
}
#pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col.plan-4 {
  padding-left: 8px;
  padding-right: 0;
}
#pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col .compare-tab {
  padding: 0;
  border-radius: 3px 3px 0 0;
}
#pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col .compare-tab a {
  font-family: Inter;
  color: #09223C;
  font-size: 24px;
  font-weight: 600;
}
#pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col .compare-tab a.btn {
  font-weight: 600;
  font-family: Inter;
  margin-top: 15px;
  background: #3448C5;
  color: white;
  display: block;
  padding: 6px 16px 6px 16px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 20%;
  border: none;
  margin-left: 10px;
  margin-right: 10px;
}
#pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col .compare-tab a.btn:hover {
  background-color: #2640C2 !important;
}
#pricing .pricing-compare-plans .heading {
  width: 40%;
  float: left;
  padding: 10px 15px;
  min-height: 48px;
  font-size: 14px;
  line-height: 2;
}
#pricing .pricing-compare-plans .col {
  width: calc(15% - 10px);
  float: left;
  padding: 10px 15px;
  text-align: center;
  min-height: 48px;
  font-weight: 900;
  font-size: 14px;
}
#pricing #compare-plans {
  margin-bottom: 0;
}
#pricing #compare-plans > .panel:hover {
  background: #f7f7f7;
}
#pricing #compare-plans > .panel {
  position: relative;
  z-index: 1;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
#pricing #compare-plans > .panel.active {
  z-index: 2;
}
#pricing #compare-plans > .panel.active .heading > .fa:after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../svg/angle-up-light.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#pricing #compare-plans > .panel .panel-heading {
  padding: 0;
}
#pricing #compare-plans > .panel .panel-heading .panel-title {
  position: relative;
}
#pricing #compare-plans > .panel .panel-heading .panel-title > a {
  color: #000000;
  font-weight: 300;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  letter-spacing: 0;
}
#pricing #compare-plans > .panel .panel-heading .panel-title > a:after, #pricing #compare-plans > .panel .panel-heading .panel-title > .table-row:after {
  content: "";
  clear: both;
  height: 0;
  overflow: hidden;
  display: block;
}
#pricing #compare-plans > .panel .heading {
  position: relative;
}
#pricing #compare-plans > .panel .heading > span {
  float: left;
  padding-right: 20px;
}
#pricing #compare-plans > .panel .heading > span > .fa {
  margin-left: 10px;
  float: none;
}
#pricing #compare-plans > .panel .heading > .fa, #pricing #compare-plans > .panel .heading > span > .fa {
  float: right;
  line-height: 28px;
  font-size: 12px;
  color: #000000;
}
#pricing #compare-plans > .panel .heading > .fa {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
#pricing #compare-plans > .panel .heading > .fa:after {
  content: "";
  position: relative;
  top: 5px;
  width: 24px;
  height: 20px;
  display: inline-block;
  background-image: url("../svg/angle-down-light.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#pricing #compare-plans > .panel .heading:after {
  content: "";
  clear: both;
  height: 0;
  overflow: hidden;
  display: block;
}
#pricing #compare-plans > .panel .table-row > .heading > .fa {
  display: none;
}
#pricing #compare-plans > .panel .col {
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  margin: 0px 5px 0px 5px;
}
#pricing #compare-plans > .panel .col.plan-1 {
  color: #09223C;
}
#pricing #compare-plans > .panel .col.plan-2, #pricing #compare-plans > .panel .col.plan-3 {
  color: #09223C;
}
#pricing #compare-plans > .panel .col.plan-4 {
  color: #09223C;
}
#pricing #compare-plans > .panel .panel-body {
  border: none;
  border-bottom: solid 1px #f7f7f7;
}
#pricing #compare-plans > .panel .panel-body .heading {
  font-size: 14px;
  line-height: 1.4;
  padding-top: 0;
  margin-top: -10px;
}
#pricing #compare-plans > .panel .panel-body .heading a {
  font-family: Inter;
  color: #3448c5;
}
#pricing #compare-plans > .panel .panel-body .description a {
  color: #337ab7;
}
#pricing #compare-plans .panel + .panel {
  margin-top: 0;
}
#pricing .pricing-faqs {
  padding: 80px 0;
  background-color: #f7f7f7;
}
#pricing .faq-accordion {
  margin-bottom: 0;
}
#pricing .faq-accordion > .panel:nth-child(even) {
  background: #ffffff;
}
#pricing .faq-accordion > .panel {
  position: relative;
  z-index: 1;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 15px;
  border-radius: 10px;
}
#pricing .faq-accordion > .panel.active {
  z-index: 2;
}
#pricing .faq-accordion > .panel.active .heading > .fa:after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../svg/angle-up-light.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#pricing .faq-accordion > .panel .panel-heading {
  padding: 20px 20px;
}
#pricing .faq-accordion > .panel .panel-heading .panel-title {
  position: relative;
}
#pricing .faq-accordion > .panel .panel-heading .panel-title > a {
  color: #000000;
  font-weight: 300;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  letter-spacing: 0;
  font-size: 18px;
}
#pricing .faq-accordion > .panel .heading {
  position: relative;
}
#pricing .faq-accordion > .panel .heading > .fa {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}
#pricing .faq-accordion > .panel .heading > .fa:after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../svg/angle-down-light.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#pricing .faq-accordion > .panel .panel-body {
  border: none;
  border-top: solid 1px #f7f7f7;
  background: none;
  font-size: 14px;
  line-height: 1.4;
  padding: 15px 5% 15px 20px;
  padding-top: 0;
}
#pricing .faq-accordion > .panel .panel-body .description a {
  color: #3448c5;
  font-family: Inter;
  line-height: 1.8;
}
#pricing .faq-accordion .panel + .panel {
  margin-top: 0;
}
#pricing.pricing-new .pricing-table .pricing-table-wrapper .plan-1 .tab {
  padding-top: 0;
}
#pricing.pricing-new .pricing-table .pricing-table-wrapper .plan-1 .tab > span {
  line-height: 100px;
}
#pricing.pricing-new .pricing-table .pricing-table-wrapper .plan-4 .tab {
  padding-top: 20px;
}
#pricing.pricing-new .pricing-table .pricing-table-wrapper .plan-4 .tab > span {
  line-height: 80px;
}
#pricing.pricing-new .pricing-compare-plans {
  background-color: #f7f7f7;
}
#pricing.pricing-new #compare-plans > .panel {
  background: #f7f7f7;
}
#pricing.pricing-new #compare-plans > .panel:nth-child(2n+1) {
  background: #ffffff;
}
#pricing.pricing-new .pricing-faqs {
  background-color: #ffffff;
}
#pricing.pricing-2019 {
  /*
  .pricing-table .pricing-table-wrapper .pricing-table-feature-list .subtext ul > li:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #EEE; position: absolute; left: 0; top: 8px; }
  */
}
#pricing.pricing-2019 .pricing-table-title {
  padding-left: 0;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper > .col {
  width: 23%;
  max-width: 23%;
  flex: 0 0 23%;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .tab {
  padding-top: 0;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .tab > span {
  line-height: 100px; /*font-family: 'Montserrat', serif;*/
  font-family: Inter, sans-serif;
  font-weight: 700;
  color: #FFF;
  text-transform: uppercase;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .plan-3 .tab > span, #pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col.plan-3 .compare-tab {
  background: #1a1c28;
}
#pricing.pricing-2019 #compare-plans > .panel .col.plan-3 {
  color: #1a1c28;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .plan-4 .tab > span, #pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col.plan-4 .compare-tab {
  background: #f4b31b;
}
#pricing.pricing-2019 #compare-plans > .panel .col.plan-4 {
  color: #f4b31b;
}
#pricing.pricing-2019 .price-text { /*font-family: 'Montserrat', serif;*/
  font-family: Inter, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
#pricing.pricing-2019 .price-byline .col:not(.plan-4) .title {
  position: relative;
  padding-top: 20px; /*font-family: 'Montserrat', serif;*/
  font-family: Inter, sans-serif;
  font-weight: 700;
}
#pricing.pricing-2019 .price-byline .col:not(.plan-4) .title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 120px;
  background-color: #EEE;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .button {
  background: none;
  border-left: solid 1px #EEE;
  border-right: solid 1px #EEE;
  padding-bottom: 0;
  height: auto;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .button .btn {
  margin-top: 0;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .col:not(.headings) .price {
  border-bottom: none;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .pricing-table-feature-list .col:not(.headings) {
  border-color: #EEE;
  border-top: none;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .pricing-table-feature-list .subtext {
  color: #000;
  font-size: 15px;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .pricing-table-feature-list .subtext strong { /*font-family: 'Montserrat', serif;*/
  font-family: Inter, sans-serif;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .pricing-table-feature-list .subtext > div {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #EEE;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .pricing-table-feature-list .subtext ul {
  text-align: left;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .pricing-table-feature-list .subtext ul > li {
  margin-bottom: 5px;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .pricing-table-feature-list .plan-1 .subtext ul > li:before {
  background-color: #f96726;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .pricing-table-feature-list .plan-2 .subtext ul > li:before {
  background-color: #5bb9ef;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .pricing-table-feature-list .plan-3 .subtext ul > li:before {
  background-color: #1a1c28;
}
#pricing.pricing-2019 .pricing-table .pricing-table-wrapper .pricing-table-feature-list .plan-4 .subtext ul > li:before {
  background-color: #f4b31b;
}
#pricing.pricing-2019 .pricing-compare-plans {
  padding: 0 0 70px 0;
}
#pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header {
  width: 100%;
  float: none;
}
#pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col {
  width: 5px;
}
#pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col.headings {
  width: 28%;
  text-align: left;
  padding-right: 14px;
}
#pricing.pricing-2019 .pricing-compare-plans .col {
  width: 18%;
}
#pricing.pricing-2019 .pricing-compare-plans .heading {
  width: 28%;
}
#pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .pricing-compare-plans-header-fixed.fixed {
  position: static;
  width: 100%;
}
#pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col .compare-tab {
  background: none !important;
  border-bottom: solid 8px #d3d3d3;
  padding: 11px 15px;
  border-radius: 0;
  color: #000;
}
#pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col.plan-1 .compare-tab {
  border-color: #f96726;
}
#pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col.plan-2 .compare-tab {
  border-color: #5bb9ef;
}
#pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col.plan-3 .compare-tab {
  border-color: #1a1c28;
}
#pricing.pricing-2019 .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col.plan-4 .compare-tab {
  border-color: #f4b31b;
}
@media screen and (max-width: 767px) {
  #pricing .pricing-table .pricing-table-wrapper {
    display: block;
  }
  #pricing .pricing-table-feature-list .col {
    height: auto !important;
  }
  #pricing .pricing-testimonials .testimonial-feed .item {
    width: 100%;
    padding: 0 20px;
  }
  #pricing .pricing-testimonials .testimonial-feed .item .back {
    position: relative;
  }
  #pricing .testimonial-feed .owl-stage-outer {
    padding: 20px 0;
  }
  #pricing .testimonial-feed .item {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  #pricing .testimonial-feed .item .front {
    display: none;
  }
  #pricing .testimonial-feed .item .back {
    position: relative;
    opacity: 1 !important;
    transform: none !important;
    top: 0 !important;
    box-shadow: none;
  }
  #pricing .testimonial-feed .item .back .image img {
    width: auto;
    display: inline-block;
  }
  #pricing .testimonial-feed .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 10;
    padding: 0 2px;
  }
  #pricing .testimonial-feed .owl-nav > div {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #pricing .testimonial-feed .owl-nav > div > .fa {
    color: #ffffff;
    font-size: 26px;
    line-height: 36px;
  }
  #pricing .testimonial-feed .owl-nav > .owl-prev {
    float: left;
    padding-right: 4px;
  }
  #pricing .testimonial-feed .owl-nav > .owl-next {
    float: right;
    padding-left: 4px;
  }
  #pricing .testimonial-feed .owl-dots {
    text-align: center;
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    background: none;
    border: none;
  }
  #pricing .testimonial-feed .owl-dots > span {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: #f7f7f7;
    border-radius: 50%;
    opacity: 1;
  }
  #pricing .testimonial-feed .owl-dots.active > span {
    background: #CCCCCC;
    opacity: 1;
  }
  #pricing .testimonial-feed .owl-dots > .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d7d7d7;
    display: inline-block;
    margin: 0 5px;
  }
  #pricing .testimonial-feed .owl-dots > .owl-dot.active {
    background-color: #5bc7ef;
  }
  #pricing .pricing-compare-plans .header-heading {
    width: 100%;
    float: none;
    text-align: center;
  }
  #pricing .pricing-compare-plans-header {
    width: 100% !important;
  }
  #pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col {
    padding: 0;
  }
  #pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col .compare-tab a {
    padding: 5px 0;
    font-size: 13px;
  }
  #pricing #compare-plans > .panel .panel-heading .panel-title .heading {
    width: 100%;
    float: none;
    line-height: 1.4;
  }
  #pricing #compare-plans > .panel .heading > .fa {
    right: 0;
  }
  #pricing #compare-plans > .panel .panel-heading .panel-title > * {
    display: flex;
  }
  #pricing #compare-plans > .panel .panel-heading .panel-title .heading {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 10px;
  }
  #pricing #compare-plans > .panel .panel-heading .panel-title .col {
    flex: 0 0 11%;
    max-width: 10%;
    padding: 10px 5px;
    line-height: 1.1;
    font-size: 12px;
    word-wrap: normal;
  }
  #pricing #compare-plans > .panel .panel-heading .panel-title .col br {
    display: block;
    margin-bottom: 8px;
  }
  #pricing #compare-plans > .panel .heading, #pricing #compare-plans > .panel .col {
    border: none;
    position: static;
  }
  #pricing .pricing-compare-plans .heading, #pricing .pricing-compare-plans .col {
    min-height: 1px;
  }
  #pricing #compare-plans > .panel .panel-body .heading {
    width: 100%;
    padding: 0;
  }
  #pricing #compare-plans > .panel .panel-body {
    padding: 10px 0;
  }
  #pricing #pricing #compare-plans > .panel .panel-body .heading a {
    color: #3448c5;
    font-family: Inter;
  }
  #pricing #compare-plans > .panel .panel-body .heading {
    font-size: 14px;
  }
  #pricing.pricing-2019 .pricing-table .pricing-table-wrapper > .col {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 4%;
  }
  #pricing.pricing-2019 .pricing-table .pricing-table-wrapper .col:not(.headings) .price .price-byline {
    padding-left: 0;
  }
  #pricing.pricing-2019 .pricing-table-wrapper .price .radio-button-area {
    width: 100%;
    float: none;
    text-align: center;
  }
  #pricing.pricing-2019 .faq-accordion > .panel .heading {
    padding-right: 15px;
  }
  #pricing.pricing-2019 .faq-accordion > .panel .heading > .fa {
    right: -5px;
  }
}
@media screen and (max-width: 991px) {
  #pricing .pricing-table-title {
    padding-left: 0;
  }
  #pricing .pricing-table .pricing-table-wrapper .pricing-table-rows > .item {
    padding-left: 54%;
  }
  #pricing .pricing-table .pricing-table-wrapper .col:not(.headings) .price .price-byline {
    padding-left: 54%;
  }
  #pricing .pricing-table .pricing-table-wrapper .col:not(.headings) .price .price-byline:before {
    left: 77.5%;
  }
  #pricing .pricing-table .pricing-table-wrapper .col.plan-4:not(.headings) .price .price-byline:before {
    left: 50%;
  }
  #pricing .pricing-table > .container > .row:nth-child(3) p {
    padding-left: 0 !important;
    text-align: center !important;
  }
  #pricing .pricing-table .pricing-table-wrapper {
    margin-top: 20px;
  }
  #pricing .pricing-table-wrapper .col.headings {
    display: none;
    visibility: hidden;
  }
  #pricing .pricing-table-wrapper .plan-4 .tab {
    padding-top: 20px;
  }
  #pricing .pricing-table .pricing-table-wrapper .plan-4 .tab > span {
    line-height: 80px;
  }
  #pricing .pricing-table-wrapper .price {
    height: auto;
    padding: 30px 15px;
    text-align: right;
  }
  #pricing .pricing-table-wrapper .plan-4 .price {
    text-align: center;
    padding: 30px 30px 20px 30px;
  }
  #pricing .pricing-table .pricing-table-wrapper .plan-4 .button .pricing-table-expand {
    display: none;
  }
  #pricing .pricing-table-wrapper .price .radio-button-area {
    width: 54%;
    float: left;
    text-align: left;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    position: relative;
    margin-top: -10px;
  }
  #pricing .pricing-table-wrapper .plan-1 .price .radio-button-area {
    margin-top: 22px;
  }
  #pricing .pricing-table-wrapper .price .radio-button-area .radio + .radio {
    margin-top: -10px;
    margin-bottom: 0;
  }
  #pricing .pricing-table-wrapper .price .price-byline {
    margin-top: 10px;
  }
  #pricing .pricing-table-wrapper .price:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  #pricing .plan-4.col .pricing-table-rows {
    height: auto;
  }
  #pricing .pricing-table-rows > .item {
    padding: 5px 15px;
    text-align: right;
  }
  #pricing .pricing-table-rows > .item .heading {
    width: 50%;
    float: left;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  #pricing .pricing-table-rows > .item .heading > .fa {
    margin-left: 5px;
  }
  #pricing .pricing-table-rows > .item .heading > p {
    margin-bottom: 0;
    margin-top: 8px;
  }
  #pricing .pricing-table-rows > .item:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  #pricing .pricing-table-wrapper .plan-4-graphic {
    padding: 0 30px;
  }
  #pricing .pricing-table-wrapper .plan-4-graphic > img {
    width: 100%;
  }
  #pricing .pricing-table-wrapper .plan-4 .button {
    height: auto;
    padding: 15px 30px 30px 30px;
  }
  #pricing .pricing-table-wrapper .plan-4 .button .btn {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #pricing .pricing-table .pricing-table-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  #pricing .pricing-testimonials .testimonial-feed .item {
    width: 50%;
  }
  #pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .col {
    font-size: 14px;
    line-height: 2;
  }
  #pricing .pricing-compare-plans .pricing-compare-plans-header .pricing-compare-plans-header-wrapper .pricing-compare-plans-header-fixed.fixed {
    width: 432px;
  }
  #pricing .pricing-compare-plans .buttons .col {
    padding: 10px 7px 0 0;
  }
  #pricing .pricing-compare-plans .buttons .col.plan-2, #pricing .pricing-compare-plans .buttons .col.plan-3 {
    padding-left: 8px;
  }
  #pricing .pricing-compare-plans .buttons .col.plan-2 .btn, #pricing .pricing-compare-plans .buttons .col.plan-3 .btn {
    line-height: 40px;
  }
  #pricing .pricing-compare-plans .buttons .col.plan-4 {
    padding-left: 8px;
    padding-right: 0;
  }
  #pricing.pricing-2019 .pricing-table .pricing-table-wrapper > .col {
    width: 48%;
    max-width: 48%;
    flex: 0 0 48%;
    margin-bottom: 4%;
  }
  #pricing.pricing-2019 .pricing-table .pricing-table-wrapper .col:not(.headings) .price .price-byline {
    padding-left: 0;
  }
  #pricing.pricing-2019 .pricing-table-wrapper .price .radio-button-area {
    width: 100%;
    float: none;
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #pricing .pricing-table-title {
    padding-left: 140px;
  }
  #pricing .pricing-compare-plans-header-fixed.fixed {
    width: 564px;
  }
  #pricing .compare-button .btn.btn-white {
    line-height: 2.6666666;
  }
  #pricing .pricing-table-wrapper .plan-4-graphic {
    padding: 0 20px;
  }
  #pricing .pricing-table .pricing-table-wrapper {
    grid-template-columns: 120px 1fr 1fr 1fr 1fr;
  }
  #pricing .pricing-table .pricing-table-wrapper .button .btn {
    font-size: 12px;
  }
}

.single-news .single-featured-image-header {
  height: 450px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.news {
  position: relative;
}
.news .nav {
  display: inline-block;
  text-align: right;
}
.news .nav li a {
  font-weight: 500;
  color: #555;
  text-decoration: none;
}
.news .nav li a:hover, .news .nav li a:focus {
  background: none;
}
.news .nav li.active a {
  color: #0C163B;
}
.news .content-wrapper {
  padding: 70px 0;
}
.news .content-wrapper .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.news .content-wrapper .flex .item {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5%;
}
.news .content-wrapper .flex .item h4 {
  text-transform: none;
}
.news .content-wrapper .flex .item h4 a {
  font-weight: 500;
  color: #0C163B;
  text-decoration: none;
}
.news .content-wrapper .flex .item .meta {
  color: #555;
  font-size: 14px;
  padding-bottom: 5px;
}
.news .content-wrapper .flex .item .content p {
  font-size: 15px;
}
.news .content-wrapper .flex .item .content .read-more {
  font-size: 15px;
  text-align: center;
}
.news .content-wrapper .flex .item:nth-of-type(3n+3) {
  margin-right: 0;
}
.news .content-wrapper .montserrat {
  /*font-family: 'Montserrat', serif;*/
  font-family: sofia-pro, sans-serif;
}
.news .featured-demos {
  background-color: #ebebeb;
}
.news .featured-demos .content-wrapper .flex .item {
  background-color: #FFF;
  margin-bottom: 0;
  margin-top: 5%;
  padding-bottom: 15px;
  position: relative;
}
.news .featured-demos .content-wrapper .flex .item .image {
  margin-bottom: 15px;
}
.news .featured-demos .content-wrapper .flex .item h4, .news .featured-demos .content-wrapper .flex .item .content {
  padding-left: 30px;
  padding-right: 30px;
}
.news .featured-demos .content-wrapper .flex .item h4 p, .news .featured-demos .content-wrapper .flex .item .content p {
  font-size: 18px;
}
.news .featured-demos .content-wrapper .flex .item .content {
  padding-bottom: 25px;
}
.news .featured-demos .content-wrapper .flex .item .read-more {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}
.news #demo-feeds .item {
  position: relative;
}
.news #demo-feeds .item .content {
  padding-bottom: 25px;
}
.news #demo-feeds .item .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.news.single .meta {
  margin-bottom: 30px;
}

.filters {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.filters li {
  display: inline-block;
  min-width: 240px;
}

#beautiful-taxonomy-filters-form, .beautiful-taxonomy-filters-select-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.beautiful-taxonomy-filters-tax {
  min-width: 240px;
  margin-right: 10px;
}

.beautiful-taxonomy-filters-tax label {
  display: none;
}

.beautiful-taxonomy-filters-select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.beautiful-taxonomy-filters-button {
  font-size: 14px;
  line-height: 1.4;
  padding: 10px 25px;
  border-radius: 20px;
  height: auto;
  margin-top: 0;
  border: none;
  color: #ffffff;
  background-color: #f96726;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .news .content-wrapper .flex .item {
    width: 100%;
    margin-right: 0;
  }
  .filters {
    flex-wrap: wrap;
  }
  .filters li {
    margin: 0 15px 10px 15px !important;
  }
}
/** hero sec **/
.news-hero-wrap {
  background-size: cover;
  background-position: center;
}

.news-hero-wrap h1 {
  text-align: center;
  color: #fff;
  padding: 90px 0;
  margin: 0 0 0 0;
}

/** featured news sec **/
.feat-wrap {
  padding: 40px 0;
  background-color: #EFEFEF;
}

.feat-inner {
  width: 95%;
  max-width: 1300px;
  margin: auto auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feat-lt {
  width: 100%;
}

.feat-lt img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-width: 550px;
  margin: auto auto;
}

.feat-rt {
  width: 100%;
  max-width: 750px;
  padding: 30px;
}

.feat-rt h1 {
  color: #0C163B;
}

.feat-info {
  margin: 0 0 30px 0;
}

.feat-rt .button {
  margin: 50px 0 30px 0;
}

/** news feed sec **/
.news-cust-wrap {
  background-color: #0B163B;
  margin: 70px 0;
  padding: 70px 0;
}

.news-cust-wrap h4 {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto 40px auto;
  color: #FFFFFF;
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
}

.news-pts-inner {
  display: flex;
  flex-direction: row;
  width: 90%;
  max-width: 1300px;
  margin: 50px auto 0 auto;
}

.news-pts-lt {
  width: 75%;
}

.news-pts-rt {
  width: 25%;
}

.news-feed .items {
  width: 105%;
  margin-left: -5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 900px) {
  .news-feed-item p {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    height: 97px;
  }
}
.news-feed-item {
  position: relative;
  overflow: hidden;
  width: 43%;
  margin: 25px 15px;
  background-color: #FFF;
  border-radius: 30px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.16);
  padding: 20px 20px 50px 20px;
}

.news-item-bg {
  position: absolute;
  height: 15px;
  width: 100%;
  bottom: 0px;
  left: 0;
}

.coverage-wrap .news-feed-item:nth-child(1) .news-item-bg {
  background-color: #3448c5 !important;
}

.coverage-wrap .news-feed-item:nth-child(2) .news-item-bg {
  background-color: #f7bc00 !important;
}

.coverage-wrap .news-feed-item:nth-child(3) .news-item-bg {
  background-color: #0c163b !important;
}

.coverage-wrap .news-feed-item:nth-child(4) .news-item-bg {
  background-color: #48c4d8 !important;
}

.coverage-wrap .news-feed-item:nth-child(5) .news-item-bg {
  background-color: #ffd4c4 !important;
}

.coverage-wrap .news-feed-item:nth-child(6) .news-item-bg {
  background-color: #b6d2ff !important;
}

.press-release-wrap .news-feed-item:nth-child(1) .news-item-bg {
  background-color: #ff5050 !important;
}

.press-release-wrap .news-feed-item:nth-child(2) .news-item-bg {
  background-color: #3448c5 !important;
}

.press-release-wrap .news-feed-item:nth-child(3) .news-item-bg {
  background-color: #f7bc00 !important;
}

.press-release-wrap .news-feed-item:nth-child(4) .news-item-bg {
  background-color: #0c163b !important;
}

.press-release-wrap .news-feed-item:nth-child(5) .news-item-bg {
  background-color: #48c4d8 !important;
}

.press-release-wrap .news-feed-item:nth-child(6) .news-item-bg {
  background-color: #ffd4c4 !important;
}

.feed-meta {
  color: #0C163B;
  font-size: 14px;
}

.news-feed-item p {
  color: #0C163B;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  margin: 25px 0 15px 0;
}

a.news-more {
  display: block;
  padding: 25px 0 0 0;
}

.news-feed .btn, .coverage-wrap .btn {
  display: block;
  margin: 30px auto 60px auto !important;
  max-width: 200px;
  border: 0px;
  background-color: #fff;
  color: #0C163B;
  font-size: 22px;
  text-align: center;
  color: #FF5050;
  text-transform: capitalize;
  box-shadow: inset 0 5px 5px #d9d9d9;
  -webkit-transition: all 0.2s;
}

.news-feed .btn:hover, .coverage-wrap .btn:hover {
  color: #0C163B;
  box-shadow: inset 0 10px 10px #d9d9d9;
  -webkit-transition: all 0.2s;
}

/** sidebar sec **/
.sidebar-item {
  padding: 40px 0;
  border-bottom: 1px solid #979797;
}

.sidebar-item h4 {
  margin: 0 0 30px 0;
}

.sidebar-item p {
  margin: 0 0 0 0;
}

.sidebar-item iframe {
  display: block !important;
  margin: auto auto;
}

.sidebar-item svg.svg-inline--fa {
  color: #3448C5;
  height: 30px;
  width: 30px;
}

.sidebar-item ul.social-networks {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 200px;
}

/** customer logo sec **/
.news-cust-logos {
  display: flex;
  max-width: 1500px;
  margin: auto auto;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.news-cust-logos img {
  width: 90%;
  max-width: 140px;
  max-height: 70px;
  margin: 40px 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.news-cust-wrap a.btn.btn-default {
  max-width: 420px;
  display: block;
  margin: 50px auto 0 auto;
}

/** fetured blog sec **/
.news-blog-wrap h1 {
  color: #0C163B;
  text-align: center;
  margin: 0 0 70px 0;
}

.news-blog-inner {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto 70px auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.news-blog-lt {
  width: 45%;
}

.news-blog-rt {
  width: 55%;
  padding: 0 40px 40px 40px;
}

.news-info {
  margin: 30px 0 15px 0;
}

.news-blog-rt h4 {
  color: #0C163B;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 36px;
}

.news-blog-rt p {
  margin: 0 0 15px 0;
}

.news-blog-rt a.btn.btn-default {
  margin: 60px 0 0 0;
  max-width: 255px;
}

/***** mobile *****/
/** mobile - featured news sec **/
@media (max-width: 900px) {
  .feat-inner {
    flex-direction: column;
  }
  .feat-lt {
    width: 100%;
  }
  .feat-lt img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    max-width: 550px;
    margin: auto auto;
  }
  .feat-rt {
    width: 100%;
    max-width: 750px;
    padding: 30px;
  }
  .feat-rt h1 {
    color: #0C163B;
  }
  .feat-info {
    text-align: center;
  }
  .feat-rt a.btn.btn-default {
    display: block;
    margin: auto auto;
    max-width: 400px;
  }
  .news-cust-logos {
    justify-content: center;
  }
}
/** mobile - sidebar sec **/
@media (max-width: 900px) {
  .news-pts-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1300px;
    margin: 50px auto 0 auto;
  }
  .news-pts-lt {
    width: 100%;
  }
  .news-pts-rt {
    width: 100%;
    padding: 40px 0 70px 0;
    background-color: #F3F3F3;
  }
  .sidebar-item {
    max-width: 700px;
    width: 90%;
    margin: auto auto;
  }
  .news-cust-wrap {
    margin: 0 0 70px 0;
  }
  .news-content h1 {
    text-align: center;
  }
  .news-feed .items {
    width: 100%;
    margin-left: 0%;
  }
  .news-feed {
    width: 100%;
    margin-left: 0%;
    justify-content: center;
  }
}
@media (max-width: 700px) {
  .news-feed-item {
    width: 100%;
    max-width: 400px;
    marign: auto auto;
  }
}
/** mobile - fetured blog sec **/
@media (max-width: 900px) {
  .news-blog-inner {
    flex-direction: column;
  }
  .news-blog-lt {
    width: 100%;
  }
  .news-blog-rt {
    width: 100%;
    padding: 40px 40px 40px 40px;
  }
}
.resources.archive .filters-wrapper {
  padding: 100px 0 0 0;
}

.resources.archive .featured-post .image img {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}

#resource_taxonomies {
  position: relative;
  padding: 20px 0 60px 0;
}

#resource_taxonomies .filters .resource-topics .filter-radio {
  opacity: 0;
  visibility: hidden;
  display: none;
}

#resource_taxonomies .filters .resource-topics label.btn {
  color: #081A2D;
  background-color: #FFF;
  border-color: rgba(8, 26, 45, 0.1);
  text-transform: none;
}

#resource_taxonomies .filters .resource-topics label.btn:hover {
  background-color: #e6e8ea;
}

#resource_taxonomies .filters .resource-topics label.btn.active {
  pointer-events: none;
  color: #fff;
  background-color: #0C163B;
  border-color: #0C163B;
  box-shadow: none;
}

#resource_taxonomies .filters .resource-types {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 100%;
  background-color: #0C163B;
  border: solid 1px #0C163B;
  padding: 18px 30px;
  transition: all 0.3s ease;
  color: #FFF;
}

#resource_taxonomies .filters .resource-types h4 {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 17px;
}

#resource_taxonomies .filters .resource-types label {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 9px;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
}

#resource_taxonomies .filters .resource-types .filter-radio + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  border: solid 1px #FFF;
}

#resource_taxonomies .filters .resource-types .filter-radio:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 6px;
  width: 6px;
  height: 6px;
  background-color: #FFF;
}

#resource_taxonomies .filters .resource-types .filter-radio {
  position: absolute;
  left: -9999px;
}

#resource-feeds {
  padding-bottom: 80px;
}

#resource-feeds .load-more {
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0;
}

#resources_list.items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#resources_list.items .item {
  margin-bottom: 2%;
  margin-right: 2%;
  box-shadow: 0 3px 5px 0 rgba(36, 50, 66, 0.1);
  transition: box-shadow 225ms;
  position: relative;
}

#resources_list.items .item a {
  color: inherit;
  text-decoration: none;
  display: block;
}

#resources_list.items .item:hover {
  box-shadow: 0 30px 50px 0 rgba(36, 50, 66, 0.1);
}

#resources_list.items .item .meta {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  color: #474747;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: 0;
}

#resources_list.items .item .image {
  height: 220px;
  overflow: hidden;
}

#resources_list.items .item .image > img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 220px;
  width: 100%;
}

#resources_list.items .item .content {
  padding: 20px 20px 40px 20px;
}

#resources_list.items .item .content h4 {
  font-size: 16px;
  line-height: 22px;
  color: #474747;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0;
}

#resources_list.items .item .content .read-more {
  font-size: 14px;
  line-height: 22px;
  color: #f96726;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0;
  position: absolute;
  bottom: 20px;
}

@media screen and (min-width: 992px) {
  #resource_taxonomies .filters .resource-types {
    width: 32%;
  }
  #resources_list.items .item {
    flex: 0 0 32%;
    max-width: 32%;
  }
  /*#resources_list.items .item:nth-of-type(7n+6) { flex: 0 0 100%; max-width: 100%; }*/
  #resources_list.items .item:nth-of-type(3n+5) {
    margin-right: 0;
  }
  #resources_list.items .item:nth-child(2) {
    margin-right: 34%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .resources.archive .intro-mod {
    padding: 30px 0;
  }
  .resources.archive .featured-post .image {
    margin-bottom: 30px;
  }
  #resource_taxonomies .filters .resource-types {
    width: 49%;
  }
  #resources_list.items .item {
    flex: 0 0 49%;
    max-width: 49%;
  }
  #resources_list.items .item:nth-of-type(2n+3) {
    margin-right: 0;
  }
  #resources_list.items .item:nth-child(1) {
    margin-right: 51%;
  }
}
@media screen and (max-width: 767px) {
  .resources.archive .intro-mod {
    padding: 30px 0;
  }
  .resources.archive .featured-post .image {
    margin-bottom: 30px;
  }
  #resource_taxonomies {
    padding: 30px 0;
  }
  #resource_taxonomies .filters {
    flex-direction: column;
  }
  #resource_taxonomies .filters .resource-types {
    width: 100%;
    position: static;
    min-height: 1px !important;
    margin-top: 15px;
  }
  #resources_list.items .item {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  #resources_list.items .item:nth-child(1) {
    margin-right: 0;
  }
}
#event-feeds {
  position: relative;
  padding: 50px 0;
}
#event-feeds .event-type + .event-type {
  margin-top: 50px;
}
#event-feeds .event-type h2 {
  margin-bottom: 30px;
}
#event-feeds .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -15px;
}
#event-feeds .item {
  flex: 1 1 33%;
  max-width: 33%;
  padding: 15px;
  margin-bottom: 30px;
  display: flex;
}
#event-feeds .item .header {
  flex: 1 1 100%;
  max-width: 100%;
  background-color: #ffffff;
}
#event-feeds .item .header .image {
  height: 180px;
  overflow: hidden;
}
#event-feeds .item .header .image.fill img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 180px;
  width: 100%;
}
#event-feeds .item .header .image.inset {
  padding: 20px 20px 0 20px;
}
#event-feeds .item .header .image.inset img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
}
#event-feeds .item .header .excerpt {
  padding: 20px;
}
#event-feeds .item .header .excerpt h4 {
  margin-top: 0;
}
#event-feeds .item .content {
  padding: 20px;
  background-color: #EEEEF1;
  flex: 1 1 100%;
  max-width: 100%;
  align-self: flex-start;
}
#event-feeds .item .content .detail {
  margin-bottom: 15px;
}
#event-feeds .item .content .detail:last-child {
  margin-bottom: 0;
}
#event-feeds .item .content .detail .heading {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
}
#event-feeds .item-inner {
  background-color: #EEEEF1;
  border-radius: 24px;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#event-feeds .load-more-controls {
  text-align: center;
}
#event-feeds .load-more-controls .load-more {
  margin-top: 10px;
  cursor: pointer;
  color: #ff5050;
  text-transform: none;
}
#event-feeds .event-filters {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 45px;
}
#event-feeds .event-filters label {
  display: block;
  width: 100%;
  max-width: 320px;
  margin-right: 30px;
}
#event-feeds .event-filters label:last-child {
  margin-right: 0;
}
#event-feeds .event-filters label span {
  display: block;
  margin-bottom: 5px;
}

@media only screen and (max-width: 1070px) {
  #event-feeds .item {
    flex: 1 1 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 655px) {
  #event-feeds .item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.partners-top-bar {
  background-color: #3F5FFF;
  color: #ffffff;
}
.partners-top-bar .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.partners-top-bar .menu .menu-item {
  padding: 8px;
}
.partners-top-bar .menu .menu-item a {
  display: block;
  padding: 5px 15px;
  color: inherit;
  border: solid 1px transparent;
  border-radius: 19px;
  font-size: 14px;
  line-height: 22px;
}
.partners-top-bar .menu .menu-item.featured a {
  border-color: #ffffff;
}

.partners .partner-logo {
  width: 400px;
  margin: 0 auto 20px auto;
  text-align: center;
}
.partners .overview {
  position: relative;
  padding: 80px 0;
}
.partners .overview h3 {
  margin-bottom: 30px;
}
.partners .partner-overview {
  background-color: #EEEEF1;
}
.partners .why-partner {
  background-color: #3F5FFF;
  color: #ffffff;
}
.partners .partner-info {
  position: relative;
}
.partners .partner-info:before, .partners .partner-info:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 1;
  pointer-events: none;
}
.partners .partner-info:before {
  background-color: #0C163B;
  left: 0;
}
.partners .partner-info:after {
  background-color: #EEEEF1;
  right: 0;
}
.partners .partner-info .container {
  position: relative;
  z-index: 2;
}
.partners .partner-info .row {
  display: flex;
  align-items: center;
}
.partners .partner-info .website h4 {
  color: #ffffff;
  margin-bottom: 30px;
}
.partners .partner-info .info li {
  margin-bottom: 20px;
}
.partners .partner-form {
  padding: 100px 0;
}
.partners .partner-form .content {
  padding-right: 45px;
}
.partners .partner-form .form {
  padding-left: 45px;
}
.partners .partner-form h2 {
  margin-bottom: 30px;
}

#partner-feeds {
  background-color: #EEEEF1;
  position: relative;
  padding: 80px 0;
}
#partner-feeds h2 {
  margin-bottom: 40px;
}
#partner-feeds .filters-wrapper {
  margin-bottom: 55px;
}
#partner-feeds .build-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#partner-feeds .build-icons > li {
  display: flex;
  align-items: center;
  margin: 0 20px;
}
#partner-feeds .build-icons > li span {
  margin-left: 10px;
}
#partner-feeds .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#partner-feeds .item {
  flex: 1 0 32%;
  max-width: 32%;
  position: relative;
  background-color: #ffffff;
  padding: 20px 30px 45px 30px;
  box-shadow: 0 3px 5px 0 rgba(36, 50, 66, 0.1);
  transition: box-shadow 225ms;
  margin-bottom: 2%;
  border-radius: 30px;
}
#partner-feeds .item .image {
  height: 100px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
#partner-feeds .item .image a {
  display: block;
}
#partner-feeds .item .image img {
  max-height: 100px;
  width: auto;
}
#partner-feeds .item .content {
  padding-bottom: 75px;
}
#partner-feeds .item .content p:last-child {
  margin-bottom: 0;
}
#partner-feeds .item .read-more {
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 30px;
  background-color: #0C163B;
  border-radius: 0 0 30px 30px;
}
#partner-feeds .item:hover {
  box-shadow: 0 30px 50px 0 rgba(36, 50, 66, 0.1);
}
#partner-feeds .item.cloudinary {
  overflow: hidden;
}
#partner-feeds .item.cloudinary:before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  right: -20px;
  transform: rotate(-45deg);
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid #3448c5;
  z-index: 2;
  pointer-events: none;
}
#partner-feeds .item.cloudinary:after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  right: 9px;
  width: 20px;
  height: 20px;
  color: #FFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.988' height='15.045' viewBox='0 0 22.988 15.045'%3E%3Cg id='Group_559' data-name='Group 559' style='isolation: isolate'%3E%3Cpath id='Path_18' data-name='Path 18' d='M18.632,5.352A7.689,7.689,0,0,0,11.362,0,7.544,7.544,0,0,0,4.672,3.973,5.69,5.69,0,0,0,3.3,14.743l.143.065h.01V13.189A4.244,4.244,0,0,1,5.221,5.352l.4-.042L5.8,4.95a6.122,6.122,0,0,1,5.566-3.509A6.227,6.227,0,0,1,17.369,6.2l.137.545h.571a3.528,3.528,0,0,1,3.456,3.515,3.2,3.2,0,0,1-2.095,3v1.535l.1-.03a4.7,4.7,0,0,0,3.439-4.5A4.987,4.987,0,0,0,18.632,5.352Z' transform='translate(0.015 0.001)' fill='%23fff'/%3E%3Cpath id='Path_19' data-name='Path 19' d='M27.961,43.331l.316.316a.063.063,0,0,1-.044.107H25.739A1.142,1.142,0,0,1,24.6,42.611V37.767a.063.063,0,0,0-.063-.063H24a.063.063,0,0,1-.063-.062.062.062,0,0,1,.018-.044l2.117-2.117a.063.063,0,0,1,.089,0h0L28.277,37.6a.063.063,0,0,1-.044.107h-.541a.065.065,0,0,0-.065.063v4.76A1.143,1.143,0,0,0,27.961,43.331Z' transform='translate(-19.376 -28.709)' fill='%23fff'/%3E%3Cpath id='Path_20' data-name='Path 20' d='M52.539,48.545l.318.316a.063.063,0,0,1-.046.107H50.323a1.142,1.142,0,0,1-1.142-1.142v-3.62a.065.065,0,0,0-.063-.065h-.539a.063.063,0,0,1-.044-.107L50.65,41.92a.063.063,0,0,1,.089,0h0l2.117,2.11a.063.063,0,0,1-.046.107h-.541a.065.065,0,0,0-.063.065v3.54A1.142,1.142,0,0,0,52.539,48.545Z' transform='translate(-39.276 -33.923)' fill='%23fff'/%3E%3Cpath id='Path_21' data-name='Path 21' d='M77.1,53.7l.316.316a.063.063,0,0,1-.044.107h-2.5a1.142,1.142,0,0,1-1.142-1.142v-2.4a.063.063,0,0,0-.063-.063H73.14a.063.063,0,0,1-.044-.109l2.117-2.116a.061.061,0,0,1,.086,0l0,0,2.117,2.116a.063.063,0,0,1,0,.089.063.063,0,0,1-.046.02h-.543a.063.063,0,0,0-.063.063h0V52.9A1.143,1.143,0,0,0,77.1,53.7Z' transform='translate(-59.158 -39.081)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  z-index: 3;
}
#partner-feeds .item.partner {
  overflow: hidden;
}
#partner-feeds .item.partner:before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  right: -20px;
  transform: rotate(-45deg);
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid #ff5050;
  z-index: 2;
  pointer-events: none;
}
#partner-feeds .item.partner:after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  right: 9px;
  width: 20px;
  height: 20px;
  color: #FFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.119' height='21.825' viewBox='0 0 25.119 21.825'%3E%3Cg id='Group_558' data-name='Group 558' transform='translate(-1099.503 328.825)'%3E%3Cg id='Group_452' data-name='Group 452'%3E%3Cg id='pB341P'%3E%3Cg id='Group_450' data-name='Group 450'%3E%3Cpath id='Path_149' data-name='Path 149' d='M1103.4-318.632h1.549l-2.672,4.722-2.771-4.7c.522,0,.992-.006,1.461,0,.169,0,.229-.045.243-.221a10.587,10.587,0,0,1,1.257-4.252,10.851,10.851,0,0,1,3.065-3.564,10.67,10.67,0,0,1,4.613-2.007,10.889,10.889,0,0,1,5.673.483,10.37,10.37,0,0,1,3.4,2.013c.2.178.4.357.586.546a1.07,1.07,0,0,1,.018,1.486,1.058,1.058,0,0,1-1.448.128c-.411-.327-.79-.7-1.214-1.007a8.443,8.443,0,0,0-4.623-1.624,8.6,8.6,0,0,0-3.829.656,8.59,8.59,0,0,0-3.073,2.175,8.643,8.643,0,0,0-2.247,5.068A.533.533,0,0,0,1103.4-318.632Z' fill='%23fff'/%3E%3Cpath id='Path_150' data-name='Path 150' d='M1120.758-317.042h-1.579l2.769-4.7,2.674,4.726h-1.645c-.07.428-.129.844-.206,1.257a10.279,10.279,0,0,1-1.289,3.391,10.836,10.836,0,0,1-2.885,3.205,10.714,10.714,0,0,1-5.18,2.078,10.907,10.907,0,0,1-4.912-.51,10.908,10.908,0,0,1-4.111-2.564,1.089,1.089,0,0,1-.228-1.316,1.05,1.05,0,0,1,1.169-.552,1.3,1.3,0,0,1,.58.315,8.716,8.716,0,0,0,5.4,2.492,8.51,8.51,0,0,0,4.9-1.007,8.671,8.671,0,0,0,3.585-3.639A8.742,8.742,0,0,0,1120.758-317.042Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_451' data-name='Group 451'%3E%3Cpath id='Path_151' data-name='Path 151' d='M1113.626-322.1v2.7h2.677v2.725h-2.677v2.677h-2.75v-2.677H1108.2V-319.4h2.677v-2.7Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  z-index: 3;
}

@media (max-width: 991px) {
  #partner-feeds .item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  #partner-feeds .item {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
#labs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 30px 40px 20px 40px;
  display: flex;
  align-items: center;
}
#labs-header .logo {
  margin-right: 20px;
}
#labs-header .tagline {
  font-size: 25px;
  line-height: 1;
  font-family: sofia-pro, sans-serif;
  font-weight: 300;
  color: #ffffff;
}

.labs h2 {
  font-weight: 300;
  color: #3f40cc;
  margin-bottom: 40px;
  font-size: 40px;
  line-height: 44px;
}
.labs h3 {
  font-weight: 500;
  margin-bottom: 25px;
  font-size: 30px;
  line-height: 44px;
}
.labs a:not(.btn) {
  color: #3f40cc;
}
.labs .btn.btn-secondary {
  background-color: #3f40cc;
  border-color: #3f40cc;
  color: #ffffff;
}
.labs .btn.btn-light {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #3f40cc;
}
.labs .top-section {
  padding-top: 130px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.labs #hero h1 {
  font-size: 80px;
  line-height: 1;
  font-weight: 100;
  margin-bottom: 40px;
}
.labs #closing {
  padding: 100px 0;
  background-image: url("../jpg/license-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #010101;
  color: #ffffff;
}
.labs #closing h2 {
  color: inherit;
}
.labs #closing a:not(.btn) {
  color: #ff5050;
}
.labs #closing #legal-wrapper {
  display: none;
}

.labs.archive .top-section {
  background-image: url("../jpg/labs-bg-final.jpg");
}
.labs.archive #hero {
  color: #ffffff;
}
.labs.archive #hero h1, .labs.archive #hero h3 {
  color: inherit;
}
.labs.archive #hero h3 {
  font-family: "Inter", sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 200;
}
.labs.archive #hero p:first-of-type {
  margin-top: 45px;
}
.labs.archive #hero .image {
  mix-blend-mode: multiply;
}
.labs.archive #featured-project {
  padding-bottom: 85px;
  margin-top: 40px;
}
.labs.archive #featured-project h2 {
  color: #ffffff;
}
.labs.archive #featured-project .item {
  background-color: #F1F2F9;
  border-radius: 30px;
  padding: 55px 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.16);
}
.labs.archive #featured-project .item .content {
  padding: 20px;
  flex: 0 0 50%;
  max-width: 50%;
}
.labs.archive #featured-project .item .tile-logo {
  max-width: 40%;
  margin-bottom: 30px;
}
.labs.archive #featured-project .item .text {
  margin-bottom: 25px;
}
.labs.archive #featured-project .item .image {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: center;
}
.labs.archive #projects {
  padding: 110px 0 85px 0;
}
.labs.archive #projects .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.labs.archive #projects .items .labs-feed-item {
  position: relative;
  flex: 1 0 48%;
  max-width: 48%;
  background-color: #F1F2F9;
  border-radius: 30px;
  margin-bottom: 4%;
}
.labs.archive #projects .items .labs-feed-item .title {
  padding: 20px 45px;
  display: flex;
  align-items: flex-end;
  background-color: #0C163B;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px 24px 0 0;
  min-height: 200px;
  color: #FFF;
  font-weight: 700;
}
.labs.archive #projects .items .labs-feed-item .content {
  padding: 30px 45px 50px 45px;
}
.labs.archive #projects .items .labs-feed-item .link {
  position: absolute;
  bottom: 30px;
  left: 45px;
  right: 45px;
  color: #3f40cc;
  font-family: sofia-pro, sans-serif;
  font-weight: 700;
}
.labs.archive #section-5050 {
  position: relative;
  background-color: #f0f0f8;
  padding: 80px 0 70px 0;
}
.labs.archive #section-5050 .image {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 48%;
  height: 100%;
  overflow: hidden;
}
.labs.archive #section-5050 .image img {
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -o-object-fit: cover;
     object-fit: cover;
  height: 520px;
}
.labs.archive #section-5050:nth-child(odd) .image {
  left: 0;
}
.labs.archive #section-5050:nth-child(odd) .col-md-6 {
  float: right;
  padding-left: 30px;
}
.labs.archive #section-5050:nth-child(even) .image {
  right: 0;
}
.labs.archive #section-5050:nth-child(even) .col-md-6 {
  padding-right: 30px;
}

.labs.single #hero {
  color: #ffffff;
  margin-bottom: 180px;
}
.labs.single #hero h1 {
  color: inherit;
}
.labs.single #hero .button {
  margin-top: 80px;
}
.labs.single #hero .button .btn {
  min-width: 240px;
}
.labs.single #hero .legal-link {
  display: inline-block;
  margin-top: 10px;
  padding-left: 15px;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
}
.labs.single #section-5050 {
  padding-bottom: 100px;
}
.labs.single #section-5050 .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.labs.single #section-5050 .row:nth-child(odd) {
  flex-flow: row-reverse;
}
.labs.single #section-5050 .row:nth-child(odd) .content {
  position: relative;
  padding: 40px;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.labs.single #section-5050 .row:nth-child(odd) .content:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: -58%;
  background-color: #FFF;
  border-radius: 24px;
}
.labs.single #section-5050 .row:nth-child(odd) .content .text {
  color: #3448C5;
}
.labs.single #section-5050 .row:nth-child(odd) .content-inner {
  position: relative;
  z-index: 2;
}
.labs.single #section-5050 .row:nth-child(odd) .image-wrapper {
  position: relative;
  z-index: 2;
}
.labs.single #section-5050 .row:nth-child(odd) .image-wrapper .image {
  padding: 0 30px;
}
.labs.single #section-5050 .row:nth-child(even) .content {
  color: #ffffff;
}
.labs.single #section-5050 .row:nth-child(even) .content h3 {
  color: inherit;
}
.labs.single #section-5050 .row + .row {
  margin-top: 100px;
}
.labs.single #section-5050 .closing-text {
  margin-top: 50px;
}
.labs.single #features {
  padding: 100px 0;
}
.labs.single #features .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.labs.single #features .items .item {
  flex: 0 0 46%;
  max-width: 46%;
  margin: 0 2% 4% 2%;
  background-color: #f0f0f8;
  border-radius: 24px;
  padding: 40px;
}
.labs.single #features .items .item h4 {
  color: #3f40cc;
}
.labs.single #features .items .item p:last-child {
  margin-bottom: 0;
}
.labs.single #try-share {
  position: relative;
  padding: 100px 0;
  background-color: #b1cffb;
}
.labs.single #try-share .container {
  position: relative;
  z-index: 2;
}
.labs.single #try-share.has-features:before, .labs.single #try-share.has-features:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 50%;
}
.labs.single #try-share:before {
  left: 0;
  background-color: #3f40cc;
}
.labs.single #try-share:after {
  right: 0;
  background-color: #b1cffb;
}
.labs.single #try-share h3 {
  color: inherit;
  margin-bottom: 50px;
}
.labs.single #try-share .left {
  color: #ffffff;
  padding-right: 60px;
}
.labs.single #try-share .right {
  color: #3f40cc;
  padding-left: 60px;
}
.labs.single #try-share .right ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.labs.single #try-share .right ul li {
  margin-right: 60px;
}
.labs.single #try-share .center {
  color: #3f40cc;
  text-align: center;
}
.labs.single #try-share .center ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
.labs.single #try-share .center ul li {
  margin: 0 30px;
}
.labs.single #q-a {
  padding: 100px 0;
  background-color: #f0f0f8;
}
.labs.single #q-a .panel {
  background-color: #ffffff;
  border-radius: 24px;
  border: solid 1px #0C163B;
  color: #0C163B;
}
.labs.single #q-a .panel .panel-title a {
  color: inherit;
  text-transform: uppercase;
}
.labs.single #q-a .panel:hover {
  background-color: #0C163B;
  color: #ffffff;
}
.labs.single #q-a .panel .panel-body {
  border: none;
}
.labs.single #q-a .panel .panel-body p:last-child {
  margin: 0;
}

@media (max-width: 991px) {
  .labs.archive #section-5050 {
    padding-bottom: 0;
  }
  .labs.archive #section-5050 .image {
    position: static;
    width: 100%;
  }
  .labs.archive #section-5050 .image img {
    height: 375px;
  }
  .labs.archive #closing .col-md-6:first-child {
    margin-bottom: 30px;
  }
  .labs.single #hero .image {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .labs #hero h1 {
    font-size: 60px;
  }
  .labs h2 {
    font-size: 34px;
  }
  .labs h3, .labs.archive #hero h3 {
    font-size: 26px;
  }
  .labs.archive #featured-project .item {
    padding: 30px 25px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .labs.archive #featured-project .item .content, .labs.archive #featured-project .item .image {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .labs.archive #featured-project .item .image {
    margin-bottom: 30px;
  }
  .labs.archive #projects .items .labs-feed-item {
    flex: 1 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .labs.archive #projects .items .labs-feed-item .title {
    padding: 20px 30px;
  }
  .labs.archive #projects .items .labs-feed-item .content {
    padding: 30px 30px 50px 30px;
  }
  .labs.archive #projects .items .labs-feed-item .link {
    left: 30px;
    right: 30px;
  }
  .labs.single #section-5050 .row:nth-child(odd) {
    flex-wrap: wrap;
  }
  .labs.single #section-5050 .row:nth-child(odd) .image-wrapper .image {
    padding: 0;
  }
  .labs.single #section-5050 .row:nth-child(odd) .content::after {
    right: 0;
  }
  .labs.single #section-5050 .image {
    margin-bottom: 30px;
  }
  .labs.single #features .items .item {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .labs.single #try-share {
    padding: 0;
  }
  .labs.single #try-share::before, .labs.single #try-share::after {
    display: none;
  }
  .labs.single #try-share .left {
    background-color: #3f40cc;
    padding: 45px 15px;
  }
  .labs.single #try-share .right {
    background-color: #b1cffb;
    padding: 45px 15px;
  }
}
/* vendor */
/* code_tabs_sdks */
#code-tabs .nav {
  padding-bottom: 10px;
  margin-bottom: 0;
  margin-top: 20px;
  display: flex;
  min-height: 0;
  min-width: 0;
}

#code-tabs .nav .item {
  background-color: none;
  min-width: 0;
  padding: 0 3px;
}

#code-tabs .nav .item a {
  display: block;
  border: solid 1px #a4a4a4;
  background-color: #FFF;
}

#code-tabs .nav .item.active a {
  border-color: #0c163b;
}

#code-tabs .nav .item a p {
  display: none;
}

#code-tabs pre {
  border: solid 1px #a4a4a4;
  background-color: #FFF;
  border-radius: 0;
  padding: 30px;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  #code-tabs .nav {
    flex-wrap: wrap;
  }
  #code-tabs .nav .item {
    flex: 0 1 33%;
    margin-bottom: 5px;
  }
  #code-tabs .tab-content .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
/* media_editor_demo */
.media-editor-demo #my-widget-container {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 2px 20px 0 rgba(12, 22, 59, 0.1);
  margin-bottom: 40px;
  height: 675px;
}

.media-editor-demo .buttons {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  display: flex;
  justify-content: center;
}

.media-editor-demo .buttons > li {
  flex: 0 0 190px;
  max-width: 190px;
  margin: 0 7.5px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.media-editor-demo .buttons .button {
  cursor: pointer;
}

.media-editor-demo .buttons .button:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border: solid 1px transparent;
  pointer-events: none;
  border-radius: 12px;
}

.media-editor-demo .buttons .button.active:before {
  border-color: rgb(0, 92, 228);
}

.media-editor-demo .buttons .text {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #FFF;
  text-align: center;
  z-index: 3;
  font-size: 18px;
  font-weight: 700;
  pointer-events: none;
}

.media-editor-demo .buttons > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  pointer-events: none;
}

/* testimonial_slider */
#testimonial-slider .owl-stage-outer {
  overflow: visible;
}

#testimonial-slider .owl-stage, #testimonial-slider .owl-item {
  display: flex;
}

#testimonial-slider .owl-dots {
  text-align: center;
  margin-top: 20px;
}

#testimonial-slider .owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  background-color: #D8D8D8;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0 10px;
}

#testimonial-slider .owl-dot.active {
  background-color: #626262;
}

#testimonial-slider .item {
  padding: 80px 60px;
  background-color: #FFF;
  border-radius: 24px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
}

#testimonial-slider .item .details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

#testimonial-slider .item .avatar {
  border-radius: 50%;
  overflow: hidden;
}

#testimonial-slider .item .info {
  text-align: left;
}

#testimonial-slider .item .quote {
  position: relative;
  padding-bottom: 40px;
}

#testimonial-slider .item .quote-text-wrapper {
  max-height: 170px;
  overflow: hidden;
  transition: all 0.3s ease;
}

#testimonial-slider .item .quote.expand .quote-text-wrapper {
  max-height: none;
}

#testimonial-slider .item .quote-text p {
  display: inline;
}

#testimonial-slider .item .quote .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 10px 0;
}

#testimonial-slider .item .quote.expand .read-more {
  display: none;
}

@media only screen and (min-width: 992px) {
  #testimonial-slider .item .avatar {
    flex: 0 0 200px;
    max-width: 200px;
    margin-right: 45px;
  }
}
@media only screen and (max-width: 991px) {
  #testimonial-slider .item {
    padding: 40px 30px;
  }
  #testimonial-slider .item .avatar {
    flex: 0 0 150px;
    max-width: 150px;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 655px) {
  #testimonial-slider .item .details {
    flex-direction: column;
    align-items: center;
  }
  #testimonial-slider .item .avatar {
    margin-right: 0;
    margin-bottom: 30px;
  }
  #testimonial-slider .item .info {
    text-align: center;
  }
}
/* Hello, I am /assets/css/_vendor-form.scss */
#contact-form .mktoForm {
  width: 100% !important;
}
#contact-form .mktoForm .mktoFieldWrap {
  width: 95% !important;
}
#contact-form .mktoForm .mktoFormRow:nth-of-type(6) {
  text-align: right;
  width: 50% !important;
  float: left;
}
#contact-form .mktoForm .mktoFormRow:nth-of-type(6) .mktoFormCol {
  /*
  float: none !important;
  display: inline-block;
  */
  width: auto !important;
  padding-left: 10px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300 !important;
  font-size: 16px;
}
#contact-form .mktoForm .mktoFormRow:nth-of-type(6) .mktoFormCol .mktoFieldWrap {
  width: 100% !important;
}
#contact-form .mktoForm .mktoFormRow:nth-of-type(6) .mktoFormCol .mktoField {
  height: auto !important;
}
#contact-form .mktoForm .mktoFormRow:nth-of-type(6) .mktoFormCol .mktoOffset, #contact-form .mktoForm .mktoFormRow:nth-of-type(6) .mktoFormCol .mktoGutter {
  display: none;
}
#contact-form .mktoForm .mktoFormRow:nth-of-type(6) .mktoFormCol .mktoForm .mktoRadioList, #contact-form .mktoForm .mktoFormRow:nth-of-type(6) .mktoFormCol .mktoForm .mktoCheckboxList {
  padding-left: 0;
  padding-right: 0;
}
#contact-form .mktoForm .mktoFormRow:nth-of-type(7) {
  width: 50% !important;
  float: left;
  clear: none;
}
#contact-form .mktoForm .mktoFormRow:nth-of-type(7) .mktoFormCol {
  width: 100% !important;
}
#contact-form .mktoForm .mktoFormRow:nth-of-type(7) .mktoFormCol .mktoFieldWrap {
  width: 95% !important;
}
#contact-form .mktoLabel {
  display: none;
}
#contact-form .mktoField {
  border: solid 1px #7f7f7f !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 300 !important;
  color: #5a5a5a;
  border-radius: 5px !important;
}
#contact-form .mktoField::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5a5a5a;
}
#contact-form .mktoField::-moz-placeholder { /* Firefox 19+ */
  color: #5a5a5a;
  opacity: 1;
}
#contact-form .mktoField:-ms-input-placeholder { /* IE 10+ */
  color: #5a5a5a;
}
#contact-form .mktoField:-moz-placeholder { /* Firefox 18- */
  color: #5a5a5a;
  opacity: 1;
}
#contact-form .jcf-select {
  border: solid 1px #7f7f7f !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 300 !important;
  color: #5a5a5a;
  border-radius: 5px !important;
  width: 100% !important;
  height: 50px !important;
  font-size: 18px !important;
  line-height: 24px !important;
  padding: 12px 15px !important;
  display: block;
  margin-top: 15px;
}
#contact-form .jcf-select .jcf-select-opener {
  font-family: fontAwesome;
  float: right;
}
#contact-form .jcf-select .jcf-select-opener:before {
  content: "\f0d7";
}
#contact-form .mktoButtonRow {
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
#contact-form .mktoButtonRow .mktoButtonWrap {
  margin: 0 !important;
}
#contact-form .mktoButtonRow .mktoButton {
  text-transform: uppercase;
  white-space: normal !important;
  font-family: "Montserrat", serif;
  font-weight: 700 !important;
  font-size: 18px;
  border-radius: 25px;
  padding: 10px 0 !important;
  text-align: center;
  width: 100%;
  max-width: 320px;
  text-decoration: none;
  letter-spacing: 0;
  color: #ffffff;
  background: #ff5050 !important;
  border-color: #ff5050 !important;
}

.jcf-select-drop {
  z-index: 100;
}
.jcf-select-drop .jcf-list {
  display: block;
}
.jcf-select-drop .jcf-list .jcf-list-content {
  width: auto !important;
  height: 276px !important;
  background: #ffffff;
  border: solid 1px #7f7f7f;
  overflow-y: scroll !important;
  display: block;
}
.jcf-select-drop ul {
  list-style: none;
  padding: 0 15px;
}

/* Responsive
 -------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  #contact-form {
    text-align: left;
  }
  #contact-form form.mktoForm {
    padding: 0 !important;
  }
  #contact-form form.mktoForm * {
    padding: 0;
    margin-top: 0;
  }
  #contact-form form.mktoForm, #contact-form .mktoFormRow, #contact-form .mktoFormCol, #contact-form .mktoFieldWrap, #contact-form .mktoField, #contact-form .mktoLabel, #contact-form .mktoForm .mktoFormRow:nth-of-type(6), #contact-form .mktoForm .mktoFormRow:nth-of-type(7) {
    width: 100% !important;
  }
  #contact-form .mktoForm .mktoFormRow:nth-of-type(6) .mktoFormCol {
    float: left !important;
    clear: none !important;
    max-width: 80%;
  }
  #contact-form .mktoForm .mktoFieldWrap {
    width: 100% !important;
  }
}/*# sourceMappingURL=style.css.map */