/*
Custom CSS for TemplateMo 561 Purple Buzz

https://templatemo.com/tm-561-purple-buzz

*/


.h2 {
    font-size: 2rem;
}

.text-justify {
    text-align: justify;
}

.image img {
    max-width: 100%;
}

img, svg {
    vertical-align: unset;
}

a {
    text-decoration: none;
}

.nav-item .nav-link {
    font-weight: 600;
}

.item {
    padding: 30px;
    text-align: center;
    border: 1px solid gray;
    border-radius: 10px;
    margin-bottom: 15px;
}

    .item p {
        font-size: 1.2rem;
        font-weight: 600;
        margin-top: 15px;
    }

    .item .at {
        display: none;
    }

    .item:hover p {
        color: white !important;
    }

.box1:hover .nat {
    display: none !important;
}

.box1:hover .at {
    display: inline-block !important;
}

.box2:hover .nat {
    display: none !important;
}

.box2:hover .at {
    display: inline-block !important;
}

.box3:hover .nat {
    display: none !important;
}

.box3:hover .at {
    display: inline-block !important;
}