body {
            font-family: 'Tajawal', sans-serif;            
            background-color: #000;
            padding-left: 10%;
            padding-right: 10%;
        }
        .navbar {
    font-family: 'Tajawal', sans-serif;            
    margin-top: 3%;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: #000;
}

@media (max-width: 768px) {
    body {
        padding-left: 2%;
        padding-right: 2%;
    }
}

.navbar .navbar-brand img {
    padding-left: 20%;
}

.navbar .nav-link {
    color: #000;
    margin-right: 15px;
}

/* Stile per .nav-link quando è anche .active */
.navbar .nav-link.active {
    color: black;
    font-weight: bold;  /* Rende il testo grassetto */
    text-decoration: underline;  /* Aggiunge la sottolineatura */
    text-decoration-thickness: 2px;  /* Imposta lo spessore della sottolineatura */
    text-underline-offset: 3px;  /* Aumenta la distanza tra testo e sottolineatura */

}

.navbar .nav-link:hover {
    color: #03D5E1;
}

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-toggler-icon {
    color: #fff;
}

        .hero-section {
            background-color: #fff;
            color: #fff;
            padding: 50px 0;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;

        }
        .hero-section h1 {
            font-size: 48px;
            font-weight: 700;
        }
        .hero-section p {
            font-size: 24px;
            font-weight: 400;
        }
        .hero-section-about {
            background-color: #fff;
            color: #fff;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;

        }
        .hero-section-about h1 {
            font-size: 48px;
            font-weight: 700;
        }
        .hero-section-about p {
            font-size: 24px;
            font-weight: 400;
        }
        .yellow-highlight {
            color: #F7F46C;
        }
        .btn-yellow {
            background-color: #F7F46C;
            color: #000;
            padding: 10px 20px;
            border-radius: 20px;
            font-weight: 700;
        }
         .btn-white {
            background-color: #fff;
            color: #000;
            padding: 10px 20px;
            border-radius: 20px;
            font-weight: 700;
        }
        .btn-white:hover {
            background-color: #01d5e2;
        }
        .btn-yellow:hover {
            background-color: #F7F46C;
        }
        
        .btn-white {
            background-color: #fff;
            color: #000;
            padding: 10px 20px;
            border-radius: 20px;
            font-weight: 700;
        }
        .btn-white:hover {
            background-color: #e0a800;
        }
        .section-title {
            padding-left: 15%;
            padding-right: 15%;
            font-size: 2.6vw;
            font-weight: 700;
            margin-bottom: 30px;
        }

        .talent-quote {
            padding-left: 15%;
            padding-right: 15%;
            font-family: 'Tajawal', sans-serif;            
            font-size: 3vw;
            font-weight: 700;
            margin-bottom: 30px;
            line-height: 1; /* Ad esempio, un valore più basso rispetto al default */
            position: relative; /* Imposta il contenitore di riferimento per il posizionamento assoluto delle pseudo-element */


        }

        .candidate {
            padding-left: 15%;
            padding-right: 15%;
            font-family: 'Tajawal', sans-serif;            
            font-size: 1.6vw;
            font-weight: 700;
            margin-bottom: 30px;
            line-height: 1; /* Ad esempio, un valore più basso rispetto al default */
            position: relative; /* Imposta il contenitore di riferimento per il posizionamento assoluto delle pseudo-element */


        }

        /* Aggiungi un limite minimo e massimo per la dimensione del font per evitare che diventi troppo piccolo o troppo grande */
        @media screen and (max-width: 768px) {
        .section-title {
            font-size: calc(4.55vw + 1pt); /* Leggermente più grande sui tablet */
        }
    }

    @media screen and (max-width: 480px) {
        .section-title {
        font-size: calc(4.55vw + 2pt); /* Leggermente più grande sui dispositivi mobili */
    }
}

        .section-text {
            padding-left: 15%;
            padding-right: 15%;
        }
        .icon-box {
            background-color: #fff;
            color: #000;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 30px;
            height: 200px;
        }

        .icon-box .active {
            background-color: #fefd6e;
         }
        .icon-box i {
            font-size: 24px;
            margin-right: 15px;
            margin-bottom: 5%;
        }
        .icon-box h3 {
            font-family: 'Tajawal', sans-serif;            
            font-size: 20px;
            font-weight: 700;
        }
        .icon-box h5 {
            font-family: 'Tajawal', sans-serif;            
            font-size: 16px;
            font-weight: 500;
        }
        .icon-box p {
            font-family: 'Tajawal', sans-serif;            
            font-size: 16px;
            font-weight: 400;
        }
        .testimonial-section {
            border-radius: 15px;
            padding: 50px 0;
            background-color: white;
            border-radius: 15px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 40% center; /* Regola il 45% più o meno, a seconda delle tue esigenze */
            /* Altezza di base per mobile */
            height: 300px; 
        }
        .testimonial {
            background-color: #fff;
            padding: 30px;
            border-radius: 10px;
            margin-bottom: 30px;
        }
        .testimonial img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin-bottom: 20px;
        }
        .testimonial h3 {
            font-size: 24px;
            font-weight: 700;
        }
        .testimonial p {
            font-size: 18px;
            font-weight: 400;
        }
        
        .blog-section {
  background-color: #000; 
  padding: 2% 3%; /* Aggiornato per avere 10% di padding sopra e sotto e 20% a destra e sinistra */
  border: 4px solid white; 
  margin-top: 5%; 
  border-radius: 15px;
}

.blog-section h3 {
  font-family: 'Permanent Marker', cursive;
  color: white;
  margin-bottom: 5%;
}

.blog-post {
  background-color: #fff;
  padding: 20px; /* Rimuovere i padding-left e padding-right per evitare l'overriding di questo padding */
  border-radius: 10px;
  margin-bottom: 30px;
  /* Aggiungi ombra o bordo se necessario per abbinare l'immagine */
}

.blog-post img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
      margin-top: -75px;
}
}

.blog-post h4 {
  font-family: 'Tajawal', sans-serif;   
  font-size: 20px;
  font-weight: 500;
}

.blog-post p {
  font-size: 18px;
  font-weight: 400;
}

.blog-post .btn {
  background-color: #ffd700; /* Colore del bottone aggiornato per abbinare l'immagine */
  color: #000;
  padding: 10px 20px;
  border-radius: 20px;
  font-weight: 700;
  text-transform: uppercase; /* Aggiungi text-transform se vuoi il testo del bottone in maiuscolo */
}

.blog-post .btn:hover {
  background-color: #cca700; /* Colore hover del bottone aggiornato per abbinare l'immagine */
}

        .footer {
  background-color: #000; /* O impostare il colore esatto dello sfondo del footer */
  color: #fff; /* Colore del testo */
}

.footer p {
  font-size: 0.875rem; /* Regola la dimensione del testo come necessario */
}

.footer a {
  color: #fff; /* Assicurati che i link siano bianchi */
  text-decoration: none; /* Rimuovi la sottolineatura dei link */
}

.footer a:hover {
  text-decoration: underline; /* Aggiungi sottolineatura al hover se desiderato */
}

/* Aggiungi media query se necessario per la responsività */
@media (max-width: 768px) {
  .footer .col-md-6 {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .footer p {
    text-align: center;
  }
}

        .newsletter-signup {
            background-color: #fff; /* Sostituisci con il colore effettivo dello sfondo se necessario */
            padding: 2rem 0; /* Aggiungi padding sopra e sotto per spazio */
            border-radius: 15px;
        }
        .newsletter-form {
            max-width: 600px; /* Larghezza massima del form */
            margin: auto; /* Centra il form */
        }
        .newsletter-input {
            border-radius: 20px; /* Angoli arrotondati per l'input */
        }
        .newsletter-button {
            border-radius: 20px; /* Angoli arrotondati per il bottone */
            background-color: #00B2DB; /* Colore di sfondo del bottone */
            border: none; /* Nessun bordo per il bottone */
            color: white; /* Colore del testo del bottone */
        }
        .newsletter-button:hover {
            background-color: #0093B0; /* Colore al passaggio del mouse per il bottone */
        }
        .privacy-info {
            font-size: 0.8rem; /* Riduci la dimensione del testo per la privacy */
        }
        .back-to-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #000;
            color: #fff;
            padding: 10px;
            border-radius: 50%;
            font-size: 24px;
        }
        .back-to-top:hover {
            background-color: #333;
        }

        .how_it_work {
            padding-left: 5%;
            padding-bottom: 2%;
            padding-top: 2%;
            padding-right: 5%;
            background-color: #000;
            border-radius: 15px;
            border: 4px solid white;
            margin-top: 5%!important;
            margin-bottom: 5%!important;
        }

        .how_it_work h3 {
            font-family: 'Permanent Marker', cursive;
            color: white;
            margin-bottom: 5%;
        }

        .title {
            padding-bottom: 2%;
            border-radius: 15px;
            border: 4px solid white;
        }

        .title h3 {
            font-family: 'Permanent Marker', cursive;
            color: #000;
            margin-bottom: 5%;
        }

        .how_it_work h5 {
            font-family: 'Tajawal', sans-serif;            
            color: black;
            margin-bottom: 5%;
        }

         .rightcoltxt {

            margin-left: 2px;
            padding-left: 5%;
            padding-bottom: 2%;
            padding-top: 2%;
            padding-right: 5%;
            background-color: #000;
            border-radius: 15px;
            border: 4px solid white;
        }

        .rightcoltxt h3 {
            font-family: 'Permanent Marker', cursive;
            color: #fff;
            margin-bottom: 5%;
        }

        .rightcoltxt p {
            color: white;
        }

        .rightcolmap {
            width: 100%;
            margin-left: 2px;
            margin-top: 5%;
        }
        .history {
            padding-left: 5%;
            padding-bottom: 2%;
            padding-top: 2%;
            padding-right: 5%;
            background-color: #000;
            border-radius: 15px;
            border: 4px solid white;
            font-family: Tajawal, sans-serif; font-size: 16; font-weight: 400
        }

        .talent-box {
            padding-left: 5%;
            padding-bottom: 2%;
            padding-top: 2%;
            padding-right: 5%;
            background-color: #000;
            border-radius: 15px;
            border: 4px solid white;
            background-size: cover;
            background-position: 40% center; /* Regola il 45% più o meno, a seconda delle tue esigenze */
            font-family: Tajawal, sans-serif; font-size: 16; font-weight: 400
        }

        .talent-box h5 {
            margin-top: 10%;
            font-weight: 900;
            padding-left: 20%;
            padding-right: 20%;
        }

        .talent-box p {
            margin-top: 5%;
            margin-bottom: 10%;
            padding-left: 10%;
            padding-right: 10%;
        }

        .blog-single {
            margin-top: 5%;
        }
         .values {
            padding-left: 5%;
            padding-bottom: 2%;
            padding-top: 2%;
            padding-right: 5%;
            background-color: #fff;
            border-radius: 15px;
            border: 4px solid black;
        }

        .values-text {
            font-family: Tajawal, sans-serif; 
            font-size: 46; 
            font-weight: 400;

        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            border-color: #01d5e2;
        }

        .map {
            background-color: #000;
            border-radius: 15px;
            border: 4px solid white;
        }

        .history h3 {
            font-family: 'Permanent Marker', cursive;
            color: white;
            margin-bottom: 5%;
        }

        .history h5 {
            font-family: 'Tajawal', sans-serif;            
            color: black;
            margin-bottom: 5%;
        }

        .talents {
            padding-left: 5%;
            padding-bottom: 2%;
            padding-top: 2%;
            padding-right: 5%;
            border-radius: 15px;
        }

        .talents h3 {
            font-family: 'Permanent Marker', cursive;
            color: #000;
            font-size: 2.5vw;
            margin-bottom: 5%;
        }

        .talents h5 {
            font-family: 'Tajawal', sans-serif;            
            color: black;
            margin-bottom: 5%;
        }

        .our_story {
            color: white;
            margin-top: 5%!important;
            margin-bottom: 5%!important;
        }
        .blog-button {
              margin-top: -15%;
              text-align: center;

        }
        .btn-action {
            font-family: 'Tajawal', sans-serif;   
            text-decoration: none;  /* Aggiunge la sottolineatura */         
            background-color: #fefd6e;
            color: #000;
            padding: 10px 20px;
            border-radius: 20px;
            font-weight: 700;
        }

        .call {
            color: #fff;
            margin-top: 5%;
            margin-bottom: 5%;
        }
        .highlight {
            background-image: url('/images/frontend/backgrounds/sfondo_love.webp'); /* Sostituisci con il percorso della tua immagine */
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            display: inline-block; /* Potrebbe essere necessario per assicurarsi che il <span> gestisca correttamente lo sfondo */
            color:#000; font-family: 'Tajawal', sans-serif;
            font-weight: 900; /* 900 corrisponde a Black */
            font-size: 20.7pt; margin-top: 5%; margin-left: 10%;
            margin-bottom: 5%;

        }

        .highlight_azzurro {
            background-image: url('/images/frontend/blue_lines/sottolineatura.webp'); /* Sostituisci con il percorso della tua immagine */
            background-position: bottom;
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block; /* Potrebbe essere necessario per assicurarsi che il <span> gestisca correttamente lo sfondo */
           
        }

        .cerchio_azzurro {
            background-image: url('/images/frontend/blue_lines/cerchio_azzurro.webp'); /* Sostituisci con il percorso della tua immagine */
            background-position: bottom;
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block; /* Potrebbe essere necessario per assicurarsi che il <span> gestisca correttamente lo sfondo */
           
        }

        .claim {
            color:#000; font-family: 'Tajawal', sans-serif;
            font-weight: 900; /* 900 corrisponde a Black */
            font-size: 40.7pt; padding-left: 10%;
              line-height: 0.9; /* Ad esempio, per una linea più stretta */

        }
        .claim_talenti {
            color:#000; font-family: 'Tajawal', sans-serif;
            font-weight: 900; /* 900 corrisponde a Black */
            font-size: 3.5vw; /* Ad esempio, adatta questa dimensione in base alle tue esigenze */
            padding-left: 5%;
            line-height: 0.9; /* Ad esempio, per una linea più stretta */

        }
        /* Aggiungi qui stili personalizzati se necessario */
        .tab-content {
            background-color: #01d5e2; /* Colore di sfondo */
            color: white; /* Colore del testo */
            padding: 20px; /* Spaziatura interna */
            border-bottom-left-radius: 25px; /* Bordi arrotondati */
            border-bottom-right-radius: 25px; /* Bordi arrotondati */
            border: 4px solid #01d5e2; /* Tuo stile del bordo */

        }
        /* Stile per i tab inattivi */
            .panel-link {
            background-color: #F7F46C; /* Colore di sfondo dei tab */
            margin-right: 2px; /* Spazio tra i tab */
            margin-top: -1px;
        }
        /* Stile per il tab attivo */
            .panel-link.active {
                margin-top: -1px;

            background-color: #00BFFF; /* Colore di sfondo del tab attivo */
        }

        .panel {
            margin-left: -7%;
            margin-top: 10%;
        }

        .about-title {  
            font-family: 'Tajawal', serif;
            font-weight: bold; /* o 700, per il grassetto */
            font-size: 56px;
            padding-left: 10%;
            padding-right: 10%;
            margin-bottom: 10%;
            margin-top: 5%;
    }

.capolettera {
         font-family: 'Playfair Display', serif;
            font-weight: bold; /* o 700, per il grassetto */
            font-size: 66px!important;
            float: left;
            font-size: 3em; /* Ajusta la dimensione come necessario */
            line-height: 1; /* Previene l'allungamento del testo */
            margin-right: 0.1em; /* Aggiunge spazio tra il capolettera e il resto del testo */

    }

.text-about {
    padding-left: 5%;
    padding-right: 5%;
    font-family: 'Tajawal', serif;
            font-weight: 400; /* o 700, per il grassetto */
            font-size: 16px;
}

.citazione {
    margin-top: 5%;
    margin-bottom: 5%;

}

.citazione h2 {
    font-family: 'Playfair Display', serif;
    font-style: italic; /* Corsivo */
    font-size: 26px;
}

.citazione .auth_citazione {
  font-style: normal;
  font-variant: small-caps;
  font-size: 25px;
}

.history. citazione. span {
    font-family: 'Playfair Display', serif;
            font-style: normal; /* Corsivo */
            font-variant: small-caps; /* Maiuscoletto */
            font-size: 25px;
}

.form-group {
    margin-bottom: 2%;
}

.question {

}

.question h1 {
    font-family: 'Tajawal', sans-serif;
     font-weight: 900; /* 900 corrisponde a Black */
            font-size: 40.7pt;
}

.pragrafo p {
    font-family: Tajawal, sans-serif; 
    font-size: 16; 
    font-weight: 400
}

.cornice {
    background-color: white; 
    padding-left: 3%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 3%;
    border: 10px solid transparent; 
    border-image: url(/images/frontend/blue_lines/cornice.webp) 30 repeat; 
    min-height: 500px;
}
.permanent {
    font-family: 'Permanent Marker', cursive; 
    font-size: 20px;
}

.permanent-subtitle {
    font-family: 'Permanent Marker', cursive; 
}


.permanent-radio {
    font-family: 'Permanent Marker', cursive; 
    font-size: 20px;
    padding-bottom: 1%;
}
.permanent-plus {
    font-family: 'Permanent Marker', cursive; 
    font-size: 24px;
}

.clearfix {
    heght:150px;
}
.permanentInput {
    border: 4px solid #03D5E1; 
    font-family: 'Permanent Marker', cursive; 
    font-size: 20px; height:50px; 
    border-radius: 15px;
    margin-bottom: 3%;
}

.titolo { 
    font-family: 'Tajawal', sans-serif; 
    font-weight: 900; /* 900 corrisponde a Black */ 
    font-size: 20.7pt;
}

.yellow-background {
    background-color: #F7F46C;
}

@media (max-width: 768px) {
    .mobile-margin-top {
        margin-top: 10%;
    }
}

@media (max-width: 768px) {
    .header {
        margin-top: -10%;
        margin-bottom: 40%;
    }
}

@media (min-width: 769px) {
    .mobile-margin-top {
        margin-top: -20%;
    }
}

@media (min-width: 769px) {
    .back {
        min-height: 420px;
    }
}
@media (max-width: 768px) {
  .highlight {
    font-size: 18px; /* o la dimensione che ritieni appropriata */
  }
  
  /* Se hai più controllo su HTML, è meglio aggiungere classi specifiche piuttosto che usare tag generici */
  .claim {
    font-size: 28px; /* Riduci la dimensione del testo se necessario */
    margin-bottom: 20%;
  }
}

/* Stile per il menu in overlay su dispositivi mobili */
/* Stile per il menu in overlay su dispositivi mobili */
@media (max-width: 768px) {
    .navbar-collapse.collapsing,
    .navbar-collapse.show {
        position: fixed; /* Posizionamento fisso rispetto al viewport */
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: white; /* Sfondo semitrasparente per l'overlay, cambia il colore e l'opacità se necessario */
        z-index: 9999; /* Assicurati che l'overlay sia al di sopra di altri elementi */
        overflow-y: auto; /* Aggiunge la possibilità di scorrere se il contenuto è più lungo dello schermo */
        padding-top: 20px; /* Aggiunge spazio sopra il contenuto del menu */
    }
    .navbar-collapse {
    transition: transform 0.3s ease-in-out; /* Anima l'apertura e la chiusura del menu */
    }
    
    .navbar-toggler {
    z-index: 10000; /* Assicurati che il toggler sia sopra l'overlay quando è aperto */
    background-color: #0093B0 ;
    color: black;
    }

    .navbar-nav {
    display: flex;
    flex-direction: column; /* Organizza i link del menu in colonna */
    height: 100%;
    justify-content: center; /* Centra il menu verticalmente */
    align-items: center; /* Centra gli elementi del menu orizzontalmente */
    }
    .nav-item {
    margin: 0.5rem 0; /* Distanziamento tra gli elementi del menu */
    }


}

@media (min-width: 576px) {
  .container, .container-sm {
    width: auto; /* o qualsiasi altra larghezza desideri */
  }
}

.splide__pagination {
    bottom: -1.5em!important;
}

.navbar-toggler {
    margin-right: 5%;
}

/* Media query per tablet */
@media (max-width: 768px) {
    .nav.nav-tabs {
        margin-bottom: -3%!important;
    }
}

/* Media query per cellulari */
@media (max-width: 480px) {
    .nav.nav-tabs {
        margin-bottom: -3%!important;
    }
}

@media (max-width: 768px) {
    .testimonial-section {
        background-size: contain;
    }
}

/* Stile per le frecce di Splide in testimonial-slider */
#testimonial-slider .splide__arrow {
    background-color: black; /* Sfondo giallo */
    color: #fefd6e; /* Icona freccia nera */
}

/* Se utilizzi icone (come Font Awesome o simili) all'interno delle frecce */
#testimonial-slider .splide__arrow svg {
    fill: #fefd6e; /* Colore dell'icona SVG nera */
}

/* Per modificare lo stato al passaggio del mouse (hover) su testimonial-slider */
#testimonial-slider .splide__arrow:hover {
    background-color: black; /* Sfondo leggermente più scuro al passaggio del mouse */
    color: #fefd6e;
}

/* Se utilizzi icone al passaggio del mouse in testimonial-slider */
#testimonial-slider .splide__arrow:hover svg {
    fill: #fefd6e;
}

.spacer {
    min-height: 50px;
}

.talent-quote.text-center::before,
.talent-quote.text-center::after {
  font-family: 'Tajawal', serif;
  font-weight: 900;
  font-size: 60px;
  color: #01d5e2; /* Sostituisci con il colore desiderato */
  line-height: 0.8; /* O qualsiasi altro valore che dia il risultato desiderato */
  /* Altre proprietà come font-size, color, ecc. */
}

.talent-quote.text-center::before {
  content: '“'; /* Sostituisci con la virgoletta iniziale del tuo font se necessario */
}

.talent-quote.text-center::after {
  content: '”'; /* Sostituisci con la virgoletta finale del tuo font se necessario */
  position: absolute; /* Posizionamento assoluto rispetto al contenitore .talent-quote */
  bottom: -40px; /* Sposta verso il basso la virgoletta; regola questo valore come necessario */
  margin-left: 15px;
  /* Altre proprietà come font-size, color, ecc. */
}

.skills-container {
  -webkit-column-count: 2; /* Per i browser Chrome, Safari e Opera */
  -moz-column-count: 2;    /* Per Firefox */
  column-count: 2;         /* Standard per tutti i browser */
  font-family: 'Permanent Marker', cursive;
  font-size: 22px;
  font-weight: 900;
  color: #01d5e2;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 10%;
}

.skill-item {
  padding: 0 15%;
  break-inside: avoid-column; /* Evita che gli elementi vengano spezzati tra una colonna e l'altra */
  -webkit-column-break-inside: avoid; /* Per i browser Chrome, Safari e Opera */
  page-break-inside: avoid; /* Per Firefox */
}

.inspire-button {
  font-family: 'Tajawal', sans-serif;
  font-weight: 900;
  font-size: 1.2vw;
  width: 32%;
  background-color: #fefd6e;
  color: black; /* 'black' was misspelled as 'balck' */
  border-radius: 15px;
  /* Dimensione del font di base per dispositivi piccoli */
  margin-bottom: 10%;
}

/* Media queries per adattare gli stili per diversi dispositivi */

/* Tablet */
@media (min-width: 768px) {
  .testimonial-section {
    /* Altezza maggiore per tablet */
    height: 350px; 
  }

  

  .inspire-button {
    font-size: 1.2vw;
  }
}

/* Desktop */
@media (min-width: 992px) {
  .testimonial-section {
    /* Altezza maggiore per desktop */
    height: 400px;
  }

  

  .inspire-button {
    font-size: 1.55vw;
  }
}