@charset "UTF-8";

:root{
    --testi: #000000;
    --sfondo-bottoni:#4db9a8;
    --sfondo:#D2D300;
    --testo-bottoni:#fff;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(254, 254, 254, 0)!important;
}

*{
    font-family: 'Montserrat', sans-serif;
}
 
body{
    background-color: var(--sfondo);
}
.cs{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}
h1{
    color: var(--testi);
    font-size: 28px;
    text-transform: uppercase;
}
h5{
    font-weight: 600;
}
a{
    background-color: var(--sfondo-bottoni);
    color: var(--testo-bottoni);
    border-radius: 20px;
    font-size: 16px;
    text-decoration: none;
    margin-top:15px;
    padding:10px;
}
p{
    font-size: 20px;
    margin: 5px;
    text-align: center;
    margin: 36px 0 26px 0;
}
.descr{
    font-size: 30px;
    margin: 5px;
    text-align: center;
}

/*******landing********/
.white{
    background-color: #fff;
}
.titolo{
    font-size: 60px;
    font-weight: 600;
}
.sottotitolo{
    font-size: 40px;
    font-weight: 400;
}

.borderradius{
    border-radius: 40px;
}
.btn{
    border-radius: 20px!important;
    padding: 5px 30px;
}
.boxinfo,
.boxinfo-v{
    color: var(--testo-bottoni);
    text-align: center;
    border-radius: 40px;
    padding: 30px;
    height: 450px;
    align-items: baseline;
    display: flex;
    flex-direction: column;
    justify-content: center!important;
    align-items: center;
    border: 15px solid #fff;
    font-weight: 600;
}
.boxinfo-v{
    background-color: var(--sfondo);
}
.boxinfo{
    background-color: var(--sfondo-bottoni);
}
b{
    font-weight: 600;
}
.accordion-button:not(.collapsed) {
    color: var(--testo-bottoni);
    background-color: var(--sfondo-bottoni);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:focus {
    border-color: none;
}
.link{
    text-decoration: none;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-top:15px;
    padding:10px;
    background-color: #fff;
    color: #000000;
}
.logo{
    height: 8rem;
}

.accordion-body {
    line-height: 2rem;
   
}
.offcanvas-body{
    text-align: center;
}

@media only screen and (max-width: 500px) {
    /* For mobile phones: */
    .titolo{
        font-size: 30px;
        
    }
    .logo{
        height: 5rem;
    }
    .boxinfo, .boxinfo-v {
        height: 507px;
    }
  }