

/* rilievo_hero2 SECTION */
.rilievo_hero2-section {
    background-color: rgb(255, 255, 255);
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    }
    
    /* rilievo_hero2 CONTAINER */
    .rilievo_hero2-container {
        padding-top: 60px;
        display: block;
        padding-bottom: 60px;
        padding-left: 50px;
        padding-right: 50px;
    }
    
    /* rilievo_hero2 WRAPPER */
    .rilievo_hero2-wrapper {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    /* COLONNA SINISTRA */
    .rilievo_hero2-col-left {
        width: 50%;
        max-width: 700px;
        display: flex;
        justify-content: center;
    }
    
    /* rilievo_hero2 CONTENT */
    .rilievo_hero2-content {
        padding-right: 10px;
        width: 100%;
    }
    
  
    /* TITOLO PRINCIPALE */
    .rilievo_hero2-title {
        font-family: Inter;
        font-size: 45px;
        line-height: 52px;
        font-weight: 600;
        color: rgb(0, 0, 0);
        text-align: left;
        margin-bottom: 45px;
    }
    
    /* DESCRIZIONE */
    .rilievo_hero2-description {
        margin-top: 20px;
        font-family: Inter;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        color: rgb(0, 0, 0);
        text-align: left;
        margin-bottom: 40px;
    }
    
    /* PULSANTE PREVENTIVO */
    .btn-blu-rilievo_hero2 {
        width: 300px;
        height: 54px;
        background-color: #008bee;
        border: 0px;
        border-radius: 30px;
        font-family: Inter;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        color: rgb(255, 255, 255) !important;
        text-align: center;
        margin-bottom: 20px;
        cursor: pointer;
    }
    
    .btn-blu-rilievo_hero2:hover {
        background-color: #0067b0;
    }
    
    /* INFO AGGIUNTIVE */
    .rilievo_hero2-info {
        font-family: Inter;
        font-size: 16px;
        line-height: 22px;
        color: rgb(0, 0, 0) !important;
        text-align: left;
        margin-bottom: 24px;
        margin-top: 24px;
        margin-right: 40px;
    }
    
    /* PULSANTI CONTATTO */
    .rilievo_hero2-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .btn-outline-rilievo_hero2 {
        border: 2px solid rgb(0, 0, 0) !important;
        border-radius: 30px;
        border-color: #000 !important;
        cursor: pointer;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
        margin-right: 20px;
        display: inline-block;
    }

    .btn-rilievo_hero2 {
        border-radius: 30px;
        border-color: #000000 !important;
        cursor: pointer;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 40px;
        padding-right: 40px;
        margin-left: 20px;
        display: inline-block;
        background-color: rgb(0, 0, 0);
        text-decoration: none;
        color: white !important;
    }

   

    .btn-rilievo_hero2:hover {
        background-color: rgb(73, 73, 73);
    }


    
    .btn-text-scrivici-rilievo_hero2 {
        color: rgb(0, 0, 0) !important;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        font-family: Inter;
    }
    
    .btn-text-scrivici-rilievo_hero2:hover {
        background-color: rgb(0, 0, 0) !important;
        color: rgb(255, 255, 255) !important;
    }
    
    .bi-envelope-fill-rilievo_hero2 {
        color: rgb(0, 0, 0) !important;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        line-height: 24px;
    }
    
    .bi-telephone-fill-rilievo_hero2 {
        color: rgb(0, 0, 0);
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        line-height: 24px;
    }
    
    /* COLONNA A DESTRA CON IMMAGINE */
    .rilievo_hero2-col-right {
    
        width: 50%;
        max-width: 700px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /* IMMAGINE */
    .rilievo_hero2-content-img {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .image-container-rilievo_hero2 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .rilievo_hero2-image {
        max-width: 100%;
        width: 80% !important;
        height: auto;
        display: block;
    }
    .img-fluid,
    .rilievo_hero2-image {
        max-width: 100%;
        width: 100% !important;
        height: auto;
        display: block;
    }
    
    .center {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-right: 100px;
    }

    /* Quando si passa sopra il bottone */
.btn-outline-rilievo_hero2:hover .bi-envelope-fill-rilievo_hero2,
.btn-outline-rilievo_hero2:hover .bi-telephone-fill-rilievo_hero2 {
    color: rgb(255, 255, 255);
}

.btn-outline-rilievo_hero2:hover i {
    color: #fff !important;
}

    
    /* MEDIA QUERIES */
    /* CLASSI RESPONSIVE PER DIMENSIONI DIVERSE DI SCHERMO 
    @media (max-width: 575.98px) {
        .order-xs-first {
            order: -1;
        }
        .order-xs-last {
            order: 1;
        }
        .order-xs-0 {
            order: 0;
        }
        .rilievo_hero2-cols-xs-12 {
            width: 100%;
        }
        .rilievo_hero2-cols-xs-6 {
            width: 50%;
        }
    }
    
    @media (min-width: 576px) and (max-width: 767.98px) {
        .order-sm-first {
            order: -1;
        }
        .order-sm-last {
            order: 1;
        }
        .order-sm-0 {
            order: 0;
        }
        .rilievo_hero2-cols-sm-12 {
            width: 100%;
        }
        .rilievo_hero2-cols-sm-6 {
            width: 50%;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991.98px) {
        .order-md-first {
            order: -1;
        }
        .order-md-last {
            order: 1;
        }
        .order-md-0 {
            order: 0;
        }
        .rilievo_hero2-cols-md-12 {
            width: 100%;
        }
        .rilievo_hero2-cols-md-6 {
            width: 50%;
        }
        .rilievo_hero2-cols-md-4 {
            width: 33.33%;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199.98px) {
        .rilievo_hero2-cols-lg-12 {
            width: 100%;
        }
        .rilievo_hero2-cols-lg-6 {
            width: 50%;
        }
        .rilievo_hero2-cols-lg-4 {
            width: 33.33%;
        }
        .rilievo_hero2-cols-lg-3 {
            width: 25%;
        }
    }
    
    @media (min-width: 1200px) {
        .rilievo_hero2-cols-xl-12 {
            width: 100%;
        }
        .rilievo_hero2-cols-xl-6 {
            width: 50%;
        }
        .rilievo_hero2-cols-xl-4 {
            width: 33.33%;
        }
        .rilievo_hero2-cols-xl-3 {
            width: 25%;
        }
    }
    
    /* rilievo_hero2 CONTAINER */
    @media (max-width: 409px) {
        .rilievo_hero2-container {
            padding-left: 30px;
            padding-right: 30px;
        }
    }
    
    @media (min-width: 410px) and (max-width: 699px) {
        .rilievo_hero2-container {
            padding-left: 50px;
            padding-right: 50px;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    }
    
    @media (min-width: 700px) and (max-width: 870px) {
        .rilievo_hero2-container {
            padding-left: 30px;
            padding-right: 30px;
        }
    }
    
    /* COLONNA SINISTRA */
    @media (max-width: 991px) {
        .rilievo_hero2-col-left {
            width: 50%;
            max-width: 495.5px;
        }
    }
    
    @media (max-width: 870px) {
        .rilievo_hero2-col-left {
            width: 50%;
            max-width: 435px;
        }

        
    }
    
    @media (max-width: 699px) {
        .rilievo_hero2-col-left {
            width: 100%;
            max-width: 100%;
        }
    }
    
    /* rilievo_hero2 CONTENT */
    @media (max-width: 699px) {
        .rilievo_hero2-content {
            padding-right: 0px;
        }
    }
    
    
    @media (min-width: 700px) and (max-width: 870px) {
        .rilievo_hero2-content {
            padding-right: 30px;
        }
    }
    
    /* SOTTOTITOLO */
    @media (max-width: 943px) {
        .rilievo_hero2-subtitle {
            font-size: 22px;
            line-height: 26px;
        }
    }
    
    @media (max-width: 409px) {
        .rilievo_hero2-subtitle {
            line-height: 28px;
            font-size: 18px;
        }
    }
    
    @media (max-width: 369px) {
        .rilievo_hero2-subtitle {
            line-height: 26px;
            font-size: 16px;
        }
    }
    
/* < 369PX */
@media (max-width: 368px) {
    .rilievo_hero2-title {
        font-size: 31px;
        line-height: 40px;
    }
}

/*  Da 369px a 374px */
@media (min-width: 369px) and (max-width: 374px) {
    .rilievo_hero2-title {
        font-size: 31px;
        line-height: 40px;
    }
}

/*  Da 375px a 408px */
@media (min-width: 375px) and (max-width: 408px) {
    .rilievo_hero2-title {
        font-size: 32px;
        line-height: 41px;
    }
}

/*  Da 409px a 413px */
@media (min-width: 409px) and (max-width: 413px) {
    .rilievo_hero2-title {
        font-size: 33px;
        line-height: 40px;
    }
}

/*  Da 414px a 429px */
@media (min-width: 414px) and (max-width: 429px) {
    .rilievo_hero2-title {
        font-size: 32.5px;
        line-height: 40px;
    }
}

/*  Da 430px a 790px */
@media (min-width: 430px) and (max-width: 790px) {
    .rilievo_hero2-title {
        font-size: 34px;
        line-height: 41px;
    }
}

/* Da 791px a 809px */
@media (min-width: 791px) and (max-width: 809px) {
    .rilievo_hero2-title {
        font-size: 35px;
        line-height: 42px;
    }
}

/* Da 810px a 829px */
@media (min-width: 810px) and (max-width: 829px) {
    .rilievo_hero2-title {
        font-size: 36px;
        line-height: 43px;
    }
}

/* Da 830px a 848px */
@media (min-width: 830px) and (max-width: 848px) {
    .rilievo_hero2-title {
        font-size: 37px;
        line-height: 44px;
    }
}

/* Da 849px a 886px */
@media (min-width: 849px) and (max-width: 886px) {
    .rilievo_hero2-title {
        font-size: 38px;
        line-height: 45px;
    }
}

/* Da 887px a 963px */
@media (min-width: 887px) and (max-width: 963px) {
    .rilievo_hero2-title {
        font-size: 39px;
        line-height: 46px;
    }
}

/* Da 964px a 1066px */
@media (min-width: 964px) and (max-width: 1066px) {
    .rilievo_hero2-title {
        font-size: 41px;
        line-height: 48px;
    }
}

/* Da 1067px a 1231px */
@media (min-width: 1067px) and (max-width: 1231px) {
    .rilievo_hero2-title {
        font-size: 43px;
        line-height: 51px;
    }
}

    
    /* DESCRIZIONE */
    @media (max-width: 1128px) {
        .rilievo_hero2-description {
            font-size: 16px;
            line-height: 22px;
        }
    
        .rilievo_hero2-description-p {
            margin-block-start: 0px !important;
            margin-block-end: 0px !important;
        }
    }
    
    @media (max-width: 369px) {
        .rilievo_hero2-description {
            line-height: 20px;
            font-size: 14px;
        }
    }
    
    /* PULSANTE PREVENTIVO */
    @media (max-width: 369px) {
        .btn-blu-rilievo_hero2 {
            width: 100%;
            max-width: 280px;
            font-size: 18px;
            line-height: 20px;
        }
    }
    
    @media (max-width: 349px) {
        .btn-blu-rilievo_hero2 {
            font-size: 17px;
            line-height: 19px;
        }
    }
    
    /* INFO AGGIUNTIVE */
    @media (max-width: 830px) {
        .rilievo_hero2-info {
            font-size: 14px;
            line-height: 20px;
        }
    }
    
    @media (max-width: 402px) {
        .rilievo_hero2-info {
            font-size: 14px;
            line-height: 22px;
        }
    }
    
    @media (max-width: 369px) {
        .rilievo_hero2-info {
            text-align: center;
        }
    }
    
    /* PULSANTI CONTATTO */
    @media (max-width: 699px) {
        .rilievo_hero2-buttons {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
    
        .btn-outline-rilievo_hero2 {
            margin-bottom: 15px;
            margin-right: 0;
            box-sizing: border-box;
        }

        .btn-rilievo_hero2 {
            box-sizing: border-box;
            text-align: center;
        }

        .btn-blu-rilievo_hero2 {
            box-sizing: border-box;
            text-align: center;
        }
    }
    
    @media (min-width:712px) and (max-width:751px) {
        .btn-outline-rilievo_hero2 {
            padding-left: 18px;
            padding-right: 18px;
            margin-right: 10px;
        }
    }
    
    @media (min-width:752px) and (max-width: 1066px) {
        .btn-outline-rilievo_hero2 {
            padding-left: 20px;
            padding-right: 20px;
            margin-right: 10px;
        }
    }
    
    @media (max-width: 890px) {
        .bi-envelope-fill-rilievo_hero2 {
            font-size: 16px;
            line-height: 22px;
        }
    }
    
    @media (max-width: 801px) {
        .bi-envelope-fill-rilievo_hero2 {
            font-size: 15px;
            line-height: 21px;
        }
    }
    
    @media (max-width: 890px) {
        .bi-telephone-fill-rilievo_hero2 {
            font-size: 16px;
            line-height: 22px;
        }
    }
    
    @media (max-width: 801px) {
        .bi-telephone-fill-rilievo_hero2 {
            font-size: 15px;
            line-height: 21px;
        }
    }
    
    /* COLONNA A DESTRA CON IMMAGINE */
    @media (max-width: 991px) {
        .rilievo_hero2-col-right {
            width: 50%;
            max-width: 495.5px;
        }
    }
    
    @media (max-width: 870px) {
        .rilievo_hero2-col-right {
            width: 50%;
            max-width: 435px;
        }
    }
    
    @media (max-width: 699px) {
        .rilievo_hero2-col-right {
            width: 100%;
            max-width: 600px;
        }
    }
    
    @media (max-width: 414px) {
        .rilievo_hero2-col-right {
            padding-top: 30px;
        }
    }
    
    /* IMMAGINE */
    @media (max-width: 870px) {
        .rilievo_hero2-content-img {
            padding-left: 0px;
            padding-right: 0px;
        }
    }
    @media (max-width: 699px) {
        .rilievo_hero2-content-img {
            padding-top: 30px;
        }
    }
    @media (min-width: 992px) {
        .rilievo_hero2-image {
            max-width: 570px;
        }
    }
    
    /* Order classes per riarrangiare le colonne */
    .order-first {
        order: -1;
    }
    
    .order-last {
        order: 1;
    }
    
    .order-0 {
        order: 0;
    }
    
    @media (max-width:330px) {
        .btn-rilievo_hero2 {
            text-align: center;
            padding-left: 30px;
            padding-right: 30px;
        }
    }

    @media (max-width: 1260px) {
        .btn-rilievo_hero2 {
            margin-left: 0;       /* Elimina il margine sinistro */
        }

        .center {
            display: block;      
            text-align: left;    
            padding-right: 0px;
        }
    
        .rilievo_hero2-buttons {
            justify-content: flex-start;  
        }

        .rilievo_hero2-info {
            margin-right: 0px;
        }
    }
    