@charset "UTF-8";
.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

.about-section {
  position: relative;
  padding-top: 60px;
  padding-bottom: 36px; }
  @media (min-width: 1024px) {
    .about-section {
      display: grid;
      grid-template-rows: 1fr 1fr auto;
      grid-template-columns: repeat(100, 1fr);
      row-gap: 24px; } }
  @media (min-width: 1200px) {
    .about-section {
      padding-top: 131px;
      row-gap: 45px; } }
  .about-section.gradient-bg:before {
    height: 200%;
    opacity: 1;
    background: #1a2354;
    z-index: -1; }
    @media (min-width: 1024px) {
      .about-section.gradient-bg:before {
        background: #1a2354; } }
  @media (min-width: 1200px) {
    .about-section:last-of-type {
      padding-bottom: 0;
      margin-bottom: -48px; } }
  .about-section:after {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 300px;
    height: 300px;
    position: absolute;
    bottom: -150px;
    left: -100px;
    display: block;
    background-image: url("../../images/blue-sm-logo.svg");
    mix-blend-mode: hard-light;
    z-index: -1; }
    @media (min-width: 1024px) {
      .about-section:after {
        width: 668px;
        height: 668px;
        bottom: -432px;
        left: -336px; } }
  .about-section .text-holder {
    margin-bottom: 40px; }
    @media (min-width: 1024px) {
      .about-section .text-holder {
        grid-row: span 2;
        grid-column: span 23;
        padding-top: 2px;
        margin-bottom: 0; } }
    .about-section .text-holder:last-child {
      margin-bottom: 0; }
    @media (min-width: 1440px) {
      .about-section .text-holder p {
        margin-bottom: 54px; } }
    @media (min-width: 1600px) {
      .about-section .text-holder p {
        margin-bottom: 81px; } }
    .about-section .text-holder .btn {
      padding: 0.8em 1em 0.7em;
      min-width: 230px; }
  .about-section .features-boxes {
    position: relative;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .about-section .features-boxes {
        column-count: 2;
        gap: 40px; } }
    @media (min-width: 1024px) {
      .about-section .features-boxes {
        grid-row: span 2;
        grid-column: 31 / 100;
        margin-bottom: 0; } }
    @media (min-width: 1200px) {
      .about-section .features-boxes {
        gap: 60px; } }
    @media (min-width: 1920px) {
      .about-section .features-boxes {
        gap: 184px; } }
    .about-section .features-boxes:last-child {
      margin-bottom: 0; }
  @media (min-width: 1024px) {
    .about-section .testimonials-holder {
      grid-row: span 1;
      grid-column: 42 / 91; } }
  @media (min-width: 1440px) {
    .about-section .testimonials-title {
      margin-bottom: 37px; } }
  .about-section .testimonials-title:before {
    width: 44px;
    height: 44px;
    content: '“';
    font-family: "Campton SemiBold", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 106px;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px; }
    @media (min-width: 1200px) {
      .about-section .testimonials-title:before {
        margin: -12px 16px 0 -11px; } }
  .about-section .testimonials-slider .testimonial-box blockquote {
    padding: 0 41px 0 47px;
    margin-bottom: 23px; }
    @media (min-width: 1440px) {
      .about-section .testimonials-slider .testimonial-box blockquote {
        margin-bottom: 42px; } }
    .about-section .testimonials-slider .testimonial-box blockquote:before, .about-section .testimonials-slider .testimonial-box blockquote:after {
      display: none; }
  .about-section .testimonials-slider .testimonial-box figure {
    display: flex;
    flex-direction: column; }
  .about-section .testimonials-slider .testimonial-box figcaption {
    margin-left: auto;
    width: fit-content; }
  @media (min-width: 1440px) {
    .about-section .section-title {
      margin-bottom: 52px; } }

.feature-box {
  display: flex;
  gap: 30px;
  break-inside: avoid-column;
  margin-bottom: 30px; }
  @media (min-width: 1440px) {
    .feature-box {
      gap: 73px;
      margin-bottom: 54px; } }
  .feature-box .feature-box-number {
    line-height: 1;
    margin-bottom: 0;
    font-feature-settings: 'tnum';
    font-variant-numeric: tabular-nums; }
    @media (min-width: 1200px) {
      .feature-box .feature-box-number {
        padding-left: 6px; } }
  .feature-box h2 {
    margin-bottom: 0; }
  .feature-box h3 {
    letter-spacing: 0;
    margin-bottom: 15px; }
  .feature-box p:last-child {
    margin-bottom: 0; }

.stats-boxes-section:before {
  background: #0a519c !important;
  opacity: 1 !important; }