:root {
    --divbgcolor-color: #f2f2f2 ;
    --redprimary-color: #d12c2e;
    --textprimary-color: #23263d;
    --whiteprimary-color: #fff;
    --bgcol1-color:#0f3964;
    --bgcol2-color:#18518b;
    --bgcol-gray: #BBBEBBFF;
    --bgcol3-color: #018db1;
}
body {
    font-family: 'Assistant',Arial, Verdana;
}
.bodycontainer {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.fototeam{
     width: 80px;
     margin-left: 0;
     margin-right: 1.0rem;
 }


/********************** first row *********/
.div_hpborderleft{
    background-color: var(--divbgcolor-color);
    border-left: 10px solid transparent; /* This sets the left border width */
    border-image: linear-gradient(to bottom, #3d3d3d, #e23030); /* Define your gradient colors here */
    border-image-slice: 1; /* Make the entire border use the gradient */
}
.div_hpborderright{
    background-color: var(--divbgcolor-color);
    border-right: 10px solid transparent; /* This sets the left border width */
    border-image: linear-gradient(to bottom,#3d3d3d,#e23030); /* Define your gradient colors here */
    border-image-slice: 1; /* Make the entire border use the gradient */
    padding-right: 0;

}
.div_hpborderleft2{
    background-color: var(--whiteprimary-color);
    border-left: 10px solid transparent; /* This sets the left border width */
    border-image: linear-gradient(to bottom, #3d3d3d, #e23030); /* Define your gradient colors here */
    border-image-slice: 1; /* Make the entire border use the gradient */
    padding-left: 0;
}
.div_hpimage1 {
    background-color: var(--divbgcolor-color);
}
.div_hpbglogo {
    background-image: url('../Images/logobackground2.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin-top: 0.5rem;
}
.div_hpfnp {
    background-color: var(--divbgcolor-color);
    margin-right: 2rem;
}
.div_hpteam {
    background-color: var(--redprimary-color);
}
.div_hpquality {
    background-color: var(--divbgcolor-color);
}
.div_hpbusiness{
    background-color: var(--redprimary-color);
}
.div_hpnews{
    background-color: var(--redprimary-color);
}

.div_hpsubbusiness{
    background-color: var(--divbgcolor-color);
}
.div_hpfondatore{
    background-color: var(--whiteprimary-color);
}
.div_bullet{
    background-image: url('../Images/bullet2.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-left: 1.5rem;

}
.div_hpterzosettore{
    background-color: var(--whiteprimary-color);
}
.div_business_row{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.div_hpterzosettore{
    background-color: var(--textprimary-color);
}
.div_hpfooter{
    background-color: var(--redprimary-color);
}
.col_business1{
    background-color: var(--bgcol1-color);
    border-top: 5px solid ;
    border-bottom: 5px solid ;
    border-color:var(--redprimary-color);
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;

    color: var(--whiteprimary-color);
    font-family: 'Assistant',Arial, Verdana;
    font-weight: normal;
    font-size: x-large;
    border-radius: 0;

}
.col_business2{
    background-color: var(--bgcol2-color);
    border-top: 5px solid ;
    border-bottom: 5px solid ;
    border-color:var(--redprimary-color);
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    color: var(--whiteprimary-color);
    font-family: 'Assistant',Arial, Verdana;
    font-weight: normal;
    font-size: x-large;
    border-radius: 0;
}

.row_margin{
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}


.row_sep{
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.div_fototeam{
    text-align: left;
    margin-left: 1.0rem;
    margin-bottom: 2rem;
}

.p_text2{
    margin-left: 1.0rem;
    margin-right: 1.0rem;
    margin-top: 1.0rem;
    color: var(--textprimary-color);
    text-align: left;
}

.btn_1{
    margin-left: 2.5rem;
    margin-right: 1.0rem;
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
    background-color: var(--redprimary-color);
    color: var(--whiteprimary-color);
    font-family: 'Gloock',Arial, Verdana;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.btn_1:hover{
    background-color: var(--textprimary-color);
    color: var(--whiteprimary-color);
}

.vertical-center {
    display: flex;
    align-items: center;
    justify-content: center;
}


.nav-item-custom{
    font-family: 'Gloock',Arial, Verdana;
    color: var(--redprimary-color);
    font-weight: bold;
}

.nav-item-custom:hover{
    color: var(--textprimary-color);
}

.navbar-separator {
    margin: 10px 10px; /* Spazio tra gli elementi del menu e il separatore */
    border-right: 1px solid var(--redprimary-color); /* Linea di separazione */
    height: 20px; /* Altezza del separatore */
}

#scrollToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#scrollToTopBtn:hover {
    background-color: #0056b3;
}

.imgcorda{
    background-image: url('../Images/imgnhome3.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.imgbarca{
    background-image: url('../Images/imgnhome2.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}
/***** section *****************************/
.div_horizgradient{
    background: linear-gradient(to right,
        #642132,
        #e23030,
        transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient::after{
    content: "";
    background-image: url('../Images/img_presentazione1.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_horizgradient1{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient1::after{

}
.div_horizgradient2{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient2::after{
    content: "";
    background-image: url('../Images/img_sedi1.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_horizgradient3{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient3::after{
    content: "";
    background-image: url('../Images/img_team.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_horizgradient4{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient4::after{
    content: "";
    background-image: url('../Images/img_news.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_horizgradient5{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient5::after{
    content: "";
    background-image: url('../Images/img_patronato.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_horizgradient6{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient6::after{
    content: "";
    background-image: url('../Images/img_caf.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_horizgradient7{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient7::after{
    content: "";
    background-image: url('../Images/img_servizibusiness.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_horizgradient8{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    max-height: 300px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient8::after{
    content: "";
    background-image: url('../Images/img_patronato.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_horizgradient9{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient9::after{
    content: "";
    background-image: url('../Images/img_servizitersettore.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_horizgradient10{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient10::after{
    content: "";
    background-image: url('../Images/img_privacy.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_horizgradient11{
    background: linear-gradient(to right,
    #642132,
    #e23030,
    transparent);
    height: 200px;
    position: relative; /* Posizione relativa per posizionare l'immagine */
}

.div_horizgradient11::after{
    content: "";
    background-image: url('../Images/img_quality.png'); /* Sostituisci 'url-dell-immagine.jpg' con il percorso dell'immagine desiderata */
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto; /* Adatta l'immagine alla dimensione del div */
    opacity: 0.8; /* Opacità dell'immagine (0.5 è al 50%) */
    position: absolute; /* Posizione assoluta per sovrapporre l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Posiziona l'immagine dietro il contenuto del div */
}

.div_card{
    background-color: var(--divbgcolor-color);
}
.custom-card {
    border: none; /* Remove the card border */
    background-color: transparent; /* Make the background transparent */
    box-shadow: none; /* Remove the card shadow */
}
.card-title-custom{
    color: var(--bgcol1-color);
    font-family: 'Gloock',Arial, Verdana;
    font-weight: bold;
    font-size: large;
}
.card-text-custom{
    color: var(--bgcol1-color);
    font-size: medium;
}

.div_sectionborderleft{
    background-color: var(--whiteprimary-color);
    border-left: 4px solid transparent; /* This sets the left border width */
    border-image: linear-gradient(to bottom, #3d3d3d, #e23030); /* Define your gradient colors here */
    border-image-slice: 1; /* Make the entire border use the gradient */
}

.div_sectionborderleftpartners{
    background-color: var(--divbgcolor-color);
    border-left: 12px solid transparent; /* This sets the left border width */
    border-image: linear-gradient(to bottom, #e23030, #e23030); /* Define your gradient colors here */
    border-image-slice: 1; /* Make the entire border use the gradient */
}


.div_sectionborderleftteam{
    background-color: var(--divbgcolor-color);
    border-left: 12px solid transparent; /* This sets the left border width */
    border-image: linear-gradient(to bottom, var(--bgcol1-color),var(--bgcol1-color)); /* Define your gradient colors here */
    border-image-slice: 1; /* Make the entire border use the gradient */
}

.custom-max-height {
    max-height: 300px; /* Set your desired maximum height here */
}
/***** new tipography *****/

ul.horizontal-list {
    list-style-type: none;
    padding: 0;
}

ul.horizontal-list li {
    display: inline;
    margin-right: 10px; /* Spazio tra gli elementi li */
}

.social-share{
    position: sticky;
    top: 100px;
    width: 35px;
    height: 0;
    transform: translateX(-85px);
    background-color: #fff;
    font-size: 0;
}

.box-content-white {
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
}
.my-20 {
    margin-top: 10px;
    margin-bottom: 20px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
.max-width-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.CookiebotWidget-logo{
    outline: 0px solid #1032CF !important;
    outline-offset: 1px;
}