body{
    font-family: "Poppins", sans-serif;
        font-size: calc(13px + 0.390625vw);
}

.container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.section{
    display: flex;
    width: min(90vw, 700px);
    padding: 1.5rem min(1rem, 3%);
    margin-block: 0.5rem;
    gap: 1rem;
    border-radius: 2rem;
    color: #232323;
}

.bg-red{
    background: #D70029;
    color: #FFFFFF;
    box-shadow: 20px 20px 60px #35353517, -20px -20px 60px #00000029;
}

.bg-red a{
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 0.9rem;
}

.link{
    color: #232323;
    text-decoration: underline;
    font-size: 0.9rem;
}

.border-red{
    border: 3px solid #D70029;
    box-shadow: 20px 20px 60px #35353517, -20px -20px 60px #00000029;
}

.row{
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.column {
    flex-direction: column;
}

.section h1{
    align-self: center;
    text-align: center;
    justify-self: center;
    margin: 0;
    padding: 0;
    font-weight: bold;
    
}

.section h2{
    align-self: center;
    text-align: center;
    justify-self: center;
    margin: 0;
    padding: 0;
    font-weight: 600;
    
}

.section h3{
    margin: 0;
    padding: 0;
    font-weight: 600;
   
}
.section h4 {
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
    font-weight: 600;

}

.section p {
    margin: 0;
    padding: 0;
    font-size: 0.9rem;
}

.btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #ffffff;
    padding: 2rem 0;
    border-radius: 3rem;
    box-shadow: 20px 20px 60px #35353517, -20px -20px 60px #00000029;
    background: #D70029;
    margin-bottom: 1rem;
}

.btn:hover{
    transform: scale(1.01);
}

svg{
    width: 40px;
    height: auto;
}

svg:hover {
    transform: scale(1.01);
}

svg path{
    fill: #D70029;
}

.logo{
    width: min(85vw, 700px);
    max-width: 100%;
    height: auto;
}

/* Modal container */
.modal {
    
    display: none;
        align-items: center;
        justify-content: center;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.5);
    /* Black w/ opacity */
}

/* Modal content */
.modal-content {
     
    background-color: #D70029;
    position: relative;
        /* Assicura che gli elementi figli si posizionino relativamente a questo contenitore */
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border-radius: 20px;
    width: 80vw;
    height: 80vw;
    max-width: 400px;
    max-height: 400px;
    /* Could be more or less, depending on screen size */
}

.modal-text{
    display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: 50%;
            /* Posizione verticale in alto */
            left: 50%;
            /* Posizione orizzontale a sinistra */
           
    
}
.modal-close{
    position: absolute;
        right: 15px;
        top: 15px;
    
}

/* Close button */
.close {
   
    color: #FFFFFF;
    float: right;
    font-size: 28px;
    font-weight: bold;
   
}

.close:hover,
.close:focus {
    color: #232323;
    text-decoration: none;
    cursor: pointer;
}

body.modal-open {
    overflow: hidden;
   
}