/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: 'Jazmin';
  font-weight: 700;
  src: url("/app/themes/florent/assets/fonts/Jazmin-Bold.otf"); }

@font-face {
  font-family: 'Jazmin';
  font-weight: 600;
  src: url("/app/themes/florent/assets/fonts/Jazmin-SemiBold.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 400;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Regular.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 400;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Regular-Italic.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 500;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Medium.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 500;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Medium-italic.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 700;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Bold.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 700;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Bold-italic.otf"); }

.section-expertise {
  overflow: hidden; }
  .section-expertise .expertise h2 {
    text-align: center;
    margin-bottom: 40px;
    -webkit-hyphens: auto;
            hyphens: auto; }
  .section-expertise .expertise .columns {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    flex-direction: column; }
    @media (min-width: 981px) {
      .section-expertise .expertise .columns {
        gap: 80px;
        margin-bottom: 100px;
        flex-direction: column;
        align-items: center; } }
    @media (min-width: 981px) {
      .section-expertise .expertise .columns .column-left {
        width: 70%;
        text-align: center; } }
    .section-expertise .expertise .columns .column-left p {
      margin-top: 0; }
  .section-expertise .expertise .members {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em; }
    @media (min-width: 768px) {
      .section-expertise .expertise .members {
        grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 981px) {
      .section-expertise .expertise .members {
        grid-template-columns: repeat(3, 1fr); } }
    .section-expertise .expertise .members .member {
      display: flex;
      align-items: center;
      gap: 20px;
      position: relative; }
      @media (min-width: 981px) {
        .section-expertise .expertise .members .member.single {
          grid-column-start: 2; } }
      .section-expertise .expertise .members .member .left {
        width: 76px;
        flex-shrink: 0; }
      .section-expertise .expertise .members .member .right {
        flex-grow: 1; }
      .section-expertise .expertise .members .member .image {
        width: 76px;
        height: 76px;
        border-radius: 50px;
        overflow: hidden;
        position: relative; }
        .section-expertise .expertise .members .member .image img {
          height: 100%;
          width: 100%;
          position: absolute;
          inset: 0;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: 50% 10%;
             object-position: 50% 10%; }
      .section-expertise .expertise .members .member h4 {
        font-weight: 400;
        margin: 0;
        font-family: "Cera Pro", Helvetica, Arial, sans-serif; }
        .section-expertise .expertise .members .member h4 a {
          transition: color .14s ease-in-out; }
          .section-expertise .expertise .members .member h4 a:hover {
            color: var(--turquoise); }
  .section-expertise .track-records-title {
    text-align: center;
    margin-bottom: 40px;
    position: relative; }
    @media (min-width: 981px) {
      .section-expertise .track-records-title {
        margin-bottom: 80px; } }
    .section-expertise .track-records-title h3.h2 {
      display: inline-block;
      position: relative;
      margin-bottom: 0; }
      .section-expertise .track-records-title h3.h2::after, .section-expertise .track-records-title h3.h2::before {
        content: '';
        display: none;
        width: 50px;
        height: 2px;
        background-color: var(--blue);
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        @media (min-width: 480px) {
          .section-expertise .track-records-title h3.h2::after, .section-expertise .track-records-title h3.h2::before {
            display: block;
            width: 70px; } }
        @media (min-width: 981px) {
          .section-expertise .track-records-title h3.h2::after, .section-expertise .track-records-title h3.h2::before {
            width: 140px; } }
      .section-expertise .track-records-title h3.h2::after {
        left: calc(100% + 15px); }
        @media (min-width: 480px) {
          .section-expertise .track-records-title h3.h2::after {
            left: calc(100% + 30px); } }
      .section-expertise .track-records-title h3.h2::before {
        right: calc(100% + 15px); }
        @media (min-width: 480px) {
          .section-expertise .track-records-title h3.h2::before {
            right: calc(100% + 30px); } }
  .section-expertise .track-records .owl-stage {
    display: flex; }
    .section-expertise .track-records .owl-stage .owl-item {
      display: flex;
      justify-content: center; }
  .section-expertise .track-records .owl-nav {
    display: none; }
  .section-expertise .track-records .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 40px; }
    @media (min-width: 981px) {
      .section-expertise .track-records .owl-dots {
        margin-top: 80px; } }
    .section-expertise .track-records .owl-dots button {
      border: 0;
      position: relative;
      width: 10px;
      height: 10px;
      background-color: transparent; }
      .section-expertise .track-records .owl-dots button span {
        background-color: var(--light-gray);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        cursor: pointer;
        transition: ease-in-out 200ms background-color;
        position: absolute;
        inset: 0; }
      .section-expertise .track-records .owl-dots button:hover span, .section-expertise .track-records .owl-dots button.active span {
        background-color: var(--blue); }
  .section-expertise .track-records .item {
    position: relative; }
  .section-expertise.background-blue .column-left p {
    color: var(--turquoise); }
  .section-expertise.background-blue .members .member h4 a {
    color: var(--turquoise); }
    .section-expertise.background-blue .members .member h4 a:hover {
      color: var(--white); }
  .section-expertise.background-blue .track-records-title h3.h2::after, .section-expertise.background-blue .track-records-title h3.h2::before {
    background-color: var(--turquoise); }
  .section-expertise.background-blue .track-records .item .text p {
    color: var(--turquoise); }
  .section-expertise.background-blue .track-records .owl-dots button:hover span, .section-expertise.background-blue .track-records .owl-dots button.active span {
    background-color: var(--turquoise); }
  .section-expertise.background-blue .item-track-record h3,
  .section-expertise.background-blue .item-track-record .h4 {
    color: var(--white); }
  .section-expertise.background-blue .item-track-record .logo img {
    filter: invert(1) brightness(5.5); }
  .section-expertise.turquoise .expertise .members .member a:hover {
    color: var(--white); }

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