/**
 * 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: "Barlow Regular";
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Regular.ttf"); }

@font-face {
  font-family: "Barlow Medium";
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Medium.ttf"); }

@font-face {
  font-family: "Myriad Pro";
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/MyriadPro-Regular.woff2"); }

[data-aos="fill-in-text"].aos-animate {
  -webkit-clip-path: inset(0);
          clip-path: inset(0); }

.section-extended-cta__container {
  --extended-cta-background: linear-gradient(
      125deg,
      rgba(23, 105, 121, 1) 0%,
      rgba(58, 210, 223, 1) 95%
    );
  --extended-cta-content-color: var(--white);
  --extended-cta-brochure-color: var(--white);
  border-radius: 18px;
  background: var(--extended-cta-background);
  overflow: clip; }
  .section-extended-cta__container--dark {
    --extended-cta-background: linear-gradient(
        45deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(63, 63, 63, 1) 50%
      ); }
  .section-extended-cta__container--light {
    --extended-cta-background: var(--light);
    --extended-cta-content-color: var(--black);
    --extended-cta-brochure-color: var(--black); }
  .section-extended-cta__container--blue {
    --extended-cta-background: linear-gradient(
        125deg,
        rgba(23, 105, 121, 1) 0%,
        rgba(58, 210, 223, 1) 95%
      ); }
  .section-extended-cta__container--orange {
    --extended-cta-background: linear-gradient(
        125deg,
        rgba(238, 117, 17, 1) 0%,
        rgba(255, 172, 28, 1) 95%
      ); }

.section-extended-cta__top {
  padding: 1.875rem; }
  @media (min-width: 981px) {
    .section-extended-cta__top {
      padding: 6rem 3.75rem 3.75rem; } }

.section-extended-cta__content {
  margin: 0 auto 1.875rem;
  text-align: center;
  max-width: 1000px;
  color: var(--extended-cta-content-color); }
  @media (min-width: 981px) {
    .section-extended-cta__content {
      margin-bottom: 3.125rem; } }
  .section-extended-cta__content h1,
  .section-extended-cta__content h2,
  .section-extended-cta__content h3,
  .section-extended-cta__content h4,
  .section-extended-cta__content h5,
  .section-extended-cta__content h6,
  .section-extended-cta__content p,
  .section-extended-cta__content ul,
  .section-extended-cta__content ol,
  .section-extended-cta__content li,
  .section-extended-cta__content a {
    color: inherit; }
  .section-extended-cta__content h2 {
    margin: 0 0 1.875rem; }
    @media (min-width: 981px) {
      .section-extended-cta__content h2 {
        margin-bottom: 3.125rem; } }

.section-extended-cta__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem; }
  @media (min-width: 981px) {
    .section-extended-cta__actions {
      gap: 1.5rem; } }

.section-extended-cta__action .btn__text {
  position: relative;
  z-index: 2; }

.section-extended-cta__action.hollow {
  color: var(--extended-cta-brochure-color) !important;
  border-color: var(--extended-cta-brochure-color) !important; }

.section-extended-cta__action--primary {
  overflow: hidden;
  position: relative;
  background: var(--orange-gradient) !important;
  border: none !important;
  padding: calc(0.5em + 4px) 1.5em calc(0.5em + 2px) !important; }
  .section-extended-cta__action--primary:hover::after {
    opacity: 1; }
  .section-extended-cta__action--primary::after {
    background: var(--orange) !important;
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: 0.3s opacity ease-in-out; }
  .section-extended-cta__action--primary span {
    color: var(--white) !important;
    z-index: 2;
    position: relative; }

.section-extended-cta__bottom {
  background: var(--black);
  padding: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem; }
  @media (min-width: 981px) {
    .section-extended-cta__bottom {
      gap: 5rem;
      flex-direction: row; } }

.section-extended-cta__contact {
  color: var(--white) !important;
  transition: color 0.3s ease-in-out;
  position: relative;
  font-size: 18px; }
  .section-extended-cta__contact:hover {
    color: var(--blue) !important; }
    .section-extended-cta__contact:hover::after {
      color: var(--white) !important; }
  @media (min-width: 981px) {
    .section-extended-cta__contact:not(:last-of-type)::after {
      content: "|";
      position: absolute;
      right: -2.5rem;
      color: var(--white) !important; } }

/*# sourceMappingURL=extended-cta.css.map */