/*body, * , html{
    font-family: 'Roboto', sans-serif;
    color: #226bb5 !important;
    font-weight: 300 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: 0.5s;
}*/

a{
    text-decoration: none;
}

p{
    padding: 0 !important;
    margin: 0 !important;
}

.row, .col{
    margin: 0 !important;
    padding: 0 !important;
}

.txt-white{
    color: #ffffff !important;
}

.logo-divisione{
    width: 8rem;
    padding-top: 5rem !important;
    filter: drop-shadow(5px 5px 5px rgb(34 107 181 / 0.4));
}

.sez-intro{
    width: 90%;
    margin-top: 2rem !important;
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.nome-divisione{
    font-size: 1.5rem;
}

.img-animation{
    width: 100%;
}

.col-txt-animation{
    display: flex;
    justify-content: center;
    align-items: center !important;
}

.txt-animation{
    font-size: 1.3rem;
}

.title-div{
    width: 100%;
    height: 5rem;
    background-color: #226bb5;
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem 0 1rem !important;
}

.title{
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 2rem;
}

.nome-disciplina{
    font-size: 1.3rem;
    font-weight: 500 !important;
}

.clicca-qui{
    padding-top: 1rem !important;
    font-style: italic;
}

.sez-cards{
    padding: 0 0rem 0 0rem !important;
}

.card-zoom:hover{
    transform: scale(1.08);
    opacity: 0.7;
    cursor: pointer;
}

.sez-btn-fascia-colorata{
    width: 100%;
    height: 12rem !important;
    background-color: #6c9cce;
    margin-top: 6rem !important;
}

.row-btn{
    height: 100%;
}

/*.row-intro{
    width: 80%;
}*/

.col-btn{
    padding: 1rem 1rem 1rem 1rem !important;

}

.bg-btn{
    background-color: #cedeef;
    width: 20rem;
    height: 4rem;
    border: none;
    box-shadow: 10px 10px;
}

.bg-btn:hover{
    opacity: 0.5;
}

.txt-btn{
    text-align: center;  
    font-weight: 500 !important;
}

.arrows{
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.main-100vh{
    height: 100vh;
}

.tit-parag{
    font-weight: 500 !important;
    padding-bottom: 1rem !important;
}

.b{
    font-weight: 500 !important;
}

.title-div-mb0{
    width: 100%;
    height: 5rem;
    background-color: #226bb5;
    margin-top: 6rem !important;
    margin-bottom: 0rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-div-mb0-mt0{
    width: 100%;
    height: 5rem;
    background-color: #226bb5;
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.btn-invio{
    width: 10rem;
    height: 3rem;
    color: #ffffff !important;
    font-weight: 500 !important;
    background-color: #226bb5;
}

.btn-invio:hover{
    background-color: #226bb5;
    opacity: 0.5;
}*/

.logo-circolare:hover, .logo-intero:hover, .logo-servizio:hover{
    transform: scale(1.08);
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    padding-top:  1rem !important;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #cedeef;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dot:hover{
    background-color: #226bb5;
}

/*--MEDIA QUERY--*/

@media (max-width: 991px){
    
   /* .animation-div{
        display: flex;
        justify-content: center !important;
    }
    
    .txt-animation{
       text-align: center;
    }*/
    
}

@media (min-width: 992px){
    
   /* .txt-animation{
       text-align: center !important;
    }

    .col-txt-animation{
        display: flex;
        align-items: center;
        justify-content: center;
    }*/
}