html {
    scroll-behavior: smooth;
}

/* .h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 2rem
    }
} */




.navbar-white .navbar-brand {
    color: #0d6efd;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo {
    width: 60px;
    margin-right: 15px;
}

.custom-toggler.navbar-toggler {
    border-color: lightgreen;
}

/* Setting the stroke to green using rgb values (0, 128, 0) */

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 128, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}

.masthead {
    background-size: cover;
    min-height: 100vh;
    position: relative;
    color: white;
    text-shadow: 2px 2px 2px rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

.text-class {
    text-shadow: none;
    color: #000;
}
.masthead-container {
    width: 50%;
    text-align: center;
    z-index: 1;
}
.image-overlay {
    position: absolute;
    background:#00000067;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.masthead-container h1 {
    color: #09ff7c;
}

.masthead-container h3 a{
    color: white;
    /* text-decoration: none; */
}

.masthead-container h3 a:hover{
    background: url('green-pen-brushes_12b600.svg');
     /* #07a04ec0; */
}

.gradient-underline.smaller-line {
    margin-bottom: -2rem;  
    padding-bottom: 2rem;
    background-size: 60%;
}

.highlight-underline {
    background: url('green-pen-brushes_12b600.svg');
    margin: -2px -6px;
    padding:  2px  6px;
}


.gradient-underline {
    display: inline-block;
    margin-right: -3rem;
    margin-bottom: -6rem;
    margin-left: -3rem;
    padding-right: 3rem;
    padding-bottom: 6rem;
    padding-left: 3rem;
    background-image: url('Underline.svg');
    background-position: 50% 50%;
    background-size: 80%;
    background-repeat: no-repeat;
}

.gradient-newunderline {
    display: inline-block;
    margin-right: -3rem;
    margin-bottom: -4rem;
    margin-left: -3rem;
    padding-right: 3rem;
    padding-bottom: 4rem;
    padding-left: 3rem;
    background-image: url('Underline.svg');
    background-position: 50% 50%;
    background-size: 80%;
    background-repeat: no-repeat;
}






.col-lg-6 ul li {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 1.3rem;
    background-color: #62af60;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
}

.col-lg-6 ul li i.fas {
    margin-right: 10px; /* Aggiunge spazio tra l'icona e il testo */
}



/* .request-list li {
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-size: 1.3rem;
    background-color: #62af60;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
}

.request-list li i {
    margin-right: 10px; /* Aggiungi uno spazio a destra dell'icona */
 */



/* @media sreen and (max-width: 768px) {
    .masthead {
        min-height: 50vh;
    }
    h1 {
        font-size: calc(1.525rem + 3.3vw);
    }
} */



    @media screen and (max-width: 479px) {
        .gradient-newunderline {
            background-size: 50%;
            background-color: black;
        }
        .gradient-underline.smaller-line {
            background-position: 50% 50%;
        }
    }

    @media screen and (max-width: 767px) {
        .gradient-newunderline {
            margin-bottom: -3rem;
            padding-bottom: 3rem;
            background-color: black;
        }
        .gradient-underline.smaller-line {
            margin-bottom: -1.5rem;
            padding-bottom: 1.5rem;

        }

    }

    /* @media screen and (max-width: 992px) {
        .gradient-newunderline {
            margin-bottom: -3rem;
            padding-bottom: 3rem;

        }
        .gradient-underline.smaller-line {
            margin-bottom: -1.5rem;
            padding-bottom: 1.5rem;

        } 

    } */