.card {
    border: none;
}

.bg-blu {
    background-color: #226bb5;
}

.bg-azzurro {
    background-color: #cedeef;
    height: 10rem;
    display: flex;
    align-items: center;
}

.bg-arch {
    background-color: #b52184;
}

.bg-strutture {
    background-color: #93bdd1;
}

.bg-hvac {
    background-color: #afc916;
}

.bg-elettrico {
    background-color: #ef781a;
}

.bg-coordinator {
    background-color: #d3121d;
}

.bg-manager {
    background-color: #2b4e9d;
}

.didascalia {
    font-size: .9rem;
    font-weight: 300;
    line-height: 1.5;
}

.v-line {
    border-right: 3px solid !important;
}

.circle {
    width: 14rem;
    height: 14rem;
    box-shadow: .8rem .5rem #226bb5;
    margin: 1rem;
}

.circle-glow {
    width: 14rem;
    height: 14rem;
}

.icone-cerchi {
    height: 5rem;
}

.icone-info {
    height: 5rem;
}

.txt-big {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2;
}

.constant-tilt-shake {
    animation: tilt-shaking 0.3s infinite;
}

@keyframes tilt-shaking {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(0eg);
    }

    75% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.btn-invio {
    width: 10rem;
    height: 5rem;
    border: none;
    background-color: #cedeef;
    box-shadow: .8rem .8rem #226bb5;
    color: #226bb5 !important;
}

.logo-percorso-01 {
    height: auto;
    width: 90%;
}

.logo-percorso-02 {
    width: 80%;
    height: auto;
}

.scopri-percorsi {
    text-align: center;
}

.mt-md {
    margin-top: 5rem !important;
}

.mt-fascia {
    margin-top: 3.2rem !important;
}

.col-img {
    width: 20rem;
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-title{
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sub-tit-cal{
    font-size: 0.8rem;
}

.icona-percorso-xs{
    width: auto;
    height: 5rem;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.icona-percorso-sm{
    width: auto;
    height: 5rem;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.icona-percorso-sm-op{
    width: auto;
    height: 5rem;
    opacity: 0.20;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.w-80{
    width: 80%;
}

.border-primary{
    border-color: #226bb5 !important;
}

.bg-icona{
    width: 6rem;
    height: 6rem;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-icona:hover{
    width: 7rem;
    height: 7rem;
    background-color: #cedeef;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icone-sft{
    width: 8rem;
    display: flex;
    justify-content: center;
}

/*-----MEDIA QUERY-----*/

@media screen and (max-width: 991px) {

    .scopri-percorsi {
        height: 15rem;
    }

    .text-scopri {
        text-align: center;
        margin-top: 1.5rem !important;
    }

    .col-fascia-img-arc {
        display: flex;
        justify-content: center;
        background-color: #b52184;
    }

    .col-fascia-img-str {
        display: flex;
        justify-content: center;
        background-color: #93bdd1;
    }

    .col-fascia-img-hvac {
        display: flex;
        justify-content: center;
        background-color: #afc916;
    }

    .col-fascia-img-ele {
        display: flex;
        justify-content: center;
        background-color: #ef781a;
    }

    .col-fascia-img-coo {
        display: flex;
        justify-content: center;
        background-color: #d3121d;
    }

    .col-fascia-img-man {
        display: flex;
        justify-content: center;
        background-color: #2b4e9d;
    }


    .col-fascia-txt {
        display: flex;
        justify-content: center;
        text-align: center;
        background-color: #cedeef;
    }

}

@media screen and (min-width: 992px) {

    .card-title {
        font-size: 2rem;
    }

    .scopri-percorsi {
        height: 8rem;
    }

    .text-scopri {
        text-align: end;
        margin-top: 1.5rem !important;
    }

    .bg-fascia-arc {
        background-image: url(../img/png/bg-architettura.png);
        background-size: 100% 25rem;
        background-position: center;
    }

    .bg-fascia-str {
        background-image: url(../img/png/bg-strutture.png);
        background-size: 100% 25rem;
        background-position: center;
    }

    .bg-fascia-hvac {
        background-image: url(../img/png/bg-HVAC.png);
        background-size: 100% 25rem;
        background-position: center;
    }

    .bg-fascia-ele {
        background-image: url(../img/png/bg-elettrico.png);
        background-size: 100% 25rem;
        background-position: center;
    }

    .bg-fascia-coo {
        background-image: url(../img/png/bg-coordinator.png);
        background-size: 100% 25rem;
        background-position: center;
    }

    .bg-fascia-man {
        background-image: url(../img/png/bg-manager.png);
        background-size: 100% 25rem;
        background-position: center;
    }

    .col-fascia-img-arc,
    .col-fascia-img-str,
    .col-fascia-img-hvac,
    .col-fascia-img-ele,
    .col-fascia-img-coo,
    .col-fascia-img-man {
        display: flex;
        justify-content: end;
    }

    .col-fascia-txt {
        display: flex;
        align-items: center;
    }

}

@media screen and (min-width: 1200px) {

    .card-title {
        font-size: 2.5rem;
    }


}

@media screen and (min-width: 1400px) {

    .container {
        max-width: 1300px;
    }


}