body{
    margin: 0;
    font-family: 'Open Sans';
}
a {
    color: #3384A4;
    text-decoration: none;
}
.bold {
    font-weight: 800;
}
.bold-blu {
    font-weight: 800;
    color: #3384A4;
}
.logo {
    height: 60px;
}
/* Home Header */
.home-header {
    margin-top: -75px;
    background: url(../img/texture.svg) center center no-repeat;
    background-size: cover;
    height: 800px;
    display: flex;
    align-items: center;
}
.bg {
    background-color: #3384A4;
}
.home-header > .container > .c2 {
    display: flex;
    padding: 100px 0px;
    color: white;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 60%;
}
.home-header > .container > .c2 h1{
    color: white;
    font-size: 60px;
    font-weight: 800;
}
.home-header > .container > .c2 p{
    font-weight: 200;
    font-size: 20px;
}
.home-header > .container > .c2 a{
    border: 3px #ffffff3b solid;
    border-radius: 100px;
    padding: 10px 30px;
}
.home-header > .container > .c2 > .nome-azienda{
    background-color: white;
    padding: 10px 30px;
    border-radius: 100px;
    color: #3384a4;
    font-weight: 600;
}
@media only screen and (max-width: 800px) {
    .home-header > .container > .c2 {
    display: flex;
    color: white;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}
    .home-header > .container > .c2 h1 {color: white;font-size: 42px;}
    }
/* Chi Siamo */
.chisiamo .text1 {
padding: 20px 0px;
    border-bottom: solid 1px #00000024;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 22px;
}
.chisiamo > .container > .c1 {display: flex;padding-top: 80px;}
.chisiamo > .container > .c1 > .box-photo {padding: 20px;margin: 30px 0px;}
.chisiamo > .container > .c1 > .box-photo > .photo {width: 580px;}
.chisiamo > .container > .c1 > .box-testo {margin: 30px 0px;padding: 20px;}
@media only screen and (max-width: 800px) {
    .chisiamo > .container > .c1 {display: flex;margin: 40px 0px;flex-direction: column;}
    .chisiamo > .container > .c1 > .box-photo > .photo {width: 100%;transform: scale(1.58);}
    }
    
    .chisiamo p{
            font-size: 24px;
            width: 100%;
            line-height: 1.6;
            margin-top: 20px;
    }
.chisiamo h1{
            font-size: 40px;
    }
/* Servizi */
.servizi > .container > .c1 {padding-top: 80px;}
.servizi > .container > .c1 > .testo {margin: 40px 0px;}
.servizi > .container > .c1 > .box-servizi {
}
.servizi > .container > .c1 > .box-servizi {
}
.servizi > .container > .c1 > .box-servizi > .l1 {
    display: flex;
    gap: 30px;
    flex-direction: column;
}
.servizi > .container > .c1 > .box-servizi > .l1 > .l2{
    display: flex;
    gap: 30px;
}
.servizi > .container > .c1 > .box-servizi > .l1 > .l2 > .box {
    display: flex;
    background-color: #3384a4;
    border-radius: 20px;
    padding: 30px;
    color: white;
    width: 50%;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.servizi > .container > .c1 > .box-servizi > .l1 > .l2 > .box > .icon {
    background-color: white;
    padding: 20px;
    border-radius: 100px;
    color: #3384a4;
}
.servizi > .container > .c1 > .box-servizi > .l1 > .l2 > .box h3{
    color: white;
    font-size: 35px;
    font-weight: 700;
    width: 70%;
}
.servizi > .container > .c1 > .box-servizi > .l1 > .l2 > .box p{
font-size: 20px;
    width: 90%;
    }
@media only screen and (max-width: 800px) {
    .servizi > .container > .c1 > .box-servizi > .l1 > .l2{
        display: flex;
        gap: 20px;
        flex-direction: column;
   }
    .servizi > .container > .c1 > .box-servizi > .l1 > .l2 > .box {
        width: 100%;
   }
}

.footer {
    
}

.btn-social {
        padding: 12px;
    border-radius: 100px;
    background-color: white;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.btn-social > i {
    color: #3384a4;
    font-size: 25px;
}
/* 
/* 
/* 
/* 
/* Aggiunte Bootstrap */
.sticky-top {
    background-color: #3384A4;
}
.text-primary {
    color: #3384A4 !important;
}

.accordion-button:not(.collapsed) {color: #3384A4;background-color: #e7eff9;box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);}

.bg-dark {    background-color: #3384A4 !important;}

.accordion-button {
    color: #4d4d4d;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.6;
}

.navbar-nav {
    gap: 30px;
    font-weight: 700;
    font-size: 17px;
}

@media only screen and (max-width: 800px) {
.navbar-nav {
    gap: 5px;
    font-weight: 600;
    font-size: 20px;
    margin: 20px;
}
    .container {
        padding: 10px 25px;
    }
}

html, body {
  max-width: 100vw;
  overflow-x: hidden;
}


/*
.chisiamo, .servizi {
    max-width: 100vw;
    overflow-x: hidden;
  }

  */