ùp, h1, h2, h3, h4, h5, h6, a{
  font-family: "Inter", sans-serif!important;
  color: black!important;
}

.header-logo, .header-logo a{
  width: 100%;
}

.background-gradient-sfumature{
  background: linear-gradient(90deg, #24348c8c 0%, #24348c8c 100%), url(../img/stretch-hood-scaled.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.header-container{
  max-width: 100%!important;
}

header{
  background-color: white;
}
header .nav-link{
  color: black!important;
  text-transform: uppercase;
}

#header .header-row {
    display: flex;
    flex-grow: 1;
    align-items: center;
    align-self: stretch;
    max-height: 70%!important;
    max-width: 100%;
    justify-content: space-around;
    flex-direction: row;
}

.first-section{
  flex-direction: column;
      justify-content: center;
      text-align: center;
      height: max-content;
      width: 100%;
      height: 65%;
      margin-top: 100px;
      padding-left: 20%;
      padding-right: 20%;
      padding-top: 31%;
      padding-bottom: 80px;
}
.flex{
  display: flex;
  justify-content: flex-end;
    align-items: center;
    
}
.center-mid{
  align-items: center;
}
.align-mid{
  justify-content: center;
}
.title-banner{
  color: white!important;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 60px
}
.paragraph-banner{
  color: white!important;
  font-size: 20px;
  font-weight: 350;
  letter-spacing: 1px;
  margin-bottom: 44px!important;
  line-height: 1.6;
}
.round-button{
  padding: 15px 20px;
  background: #e83f4d;
  color: white!important;
  font-size: 17px;
  line-height: 25px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}

.button-banner{
  width: 100%!important;
  justify-content: center;
  padding-bottom: 80px;
  gap: 8%;
}
.image-background-yellowone{
  background-image: url("../img/first.png");
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
}

.blue-boxed{
  padding: 40px 20px;
  border: 1px solid #036cb4;
  margin-top: 20px;
}

.blue-boxed p{
  font-size: 13px;
  color: black;
}

.site-width{
  width: 90%;
}
.page{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.second-section{
  justify-content: space-around;
  align-items: center;
}


@media (max-width: 1250px) {
  .second-section{
    align-items: flex-start;
  }
}

@media (max-width: 1200px){
	#footer .col-xl-3 {
    margin: 0px 0px 0px 0px!important;
  }
  .card-element img{
    width: 25%!important;
  }
}
@media (max-width: 1068px){
  .button-product{
    padding: 5px 8px!important;
    font-size: 13px;
  }
}

p{
  margin: auto;
 
}
.second-section p{
  line-height: 30px;
  font-size: 14px;
}
.padding-50{
  padding: 30px 0px 30px 0px;
}
.full-width{
  width: 100%;
  display: flex;
  justify-content: center;
  padding-left: 5%;
  padding-right: 5%;
}



.text-third-part{
  font-size: 27px;
  color: #036cb4!important;
  text-align: center;
  line-height: 35px;
}

.text-seventh-part{
  font-size: 27px;
  color: #036cb4!important;
  text-align: center;
  line-height: 35px;
}
.subtext-seventh-part{
  margin-top: 20px;
  text-align: center;
  font-size: 27px;
  letter-spacing: 1px!important;
  padding: 3% 3%!important;
  color: white!important;
  line-height: 45px;
}


.first-back{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.second-back{
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.third-back{
  background-image: url("../img/sfondo3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 0px!important;
}
.seventh-back{
  background-image: url("../img/Rectangle 372.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0%!important;
}

.four-points-icon .col-2{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.fifth-back{
  background-color: white;
}
.text-fifth-part{
  font-size: 27px;
  color: black!important;
  text-align: center;
  line-height: 35px;
  font-weight: 200;
}
.column{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.space-between{
  justify-content: space-around;
}
.card-element img{
  width: 80%;
}
.button-product{
  padding: 5px 20px;
  border-radius: 20px;
  background-color: #036CB4;
  color: black!important;
}
.card-element h2{
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 15px;
}
.card-element p{
  font-size: 18px!important;
  line-height: 40px;
  text-align: center;
}
.card-element a{
  margin-top: 20px;
}

.align-left-column{
  align-items: flex-start;
}
.logofooter{
  margin-bottom: 30px;
}
#footer{
  background: #E9E9E9!important;
  border-top: none;
}

#footer .col-lg-3, #footer .col-xl-3{
  margin: 20px 40px 0px 40px;
}
#footer .title-footer{
  color: #24348c!important;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
}

.contactos-form{
  background-color: #F3F3F3;
}

.contactos-form form{
  padding: 10px 40px;
}

.contactos-form .form-group input, .contactos-form .form-group textarea{
  background-color: white!important;
  padding: 15px 15px!important;
}
.contactos-form .form-group input::placeholder, .contactos-form .form-group textarea::placeholder{
  color: gray;
}

.custom-title-form-sender{
  text-align: left!important;
  padding-left: 40px;
  padding-right: 100px;
  font-size: 25px;
  letter-spacing: 1px;
  line-height: 35px;
}
.section-eight-form{
  display: flex;
  justify-content: center;
}
.blue-column{
  background-color: #24348c!important;
  color: white!important;
  padding: 40px 30px;
  margin: 0px 10px;
}

.blue-column .column{
  align-items: flex-start;
}

.blue-column a, .blue-column h2, .blue-column p{
  color: white!important;
}
.blue-column a{
  font-weight: 500!important;
  font-size: 15px!important;
}
.blue-column h2{
  text-align: left!important;
  font-weight: 600;
  font-size: 25px!important;
  letter-spacing: 1px;
  margin-bottom: 10px!important;
}

.blue-column .row{
  margin: 30px 0px;
}

.rounded-img{
  padding: 7px;
  border: 1px solid white;
  border-radius: 28px;
  width:45px;
}
.footer-social-icons .fab:before{
  font-size: 20px!important;
}
.form-privacy a{
  color: #036CB4!important;
}
.form-privacy{
  font-size: 13px;
  text-align: left;
}
a:not(.btn):hover{
  text-decoration: none;
}
.custom-button-invio, .button-product {
  transition: color 0.5s, transform 0.5s;
}

.custom-button-invio:hover, .button-product:hover {
  color: #e83f4d!important;
  background-color: white!important;
  transform: scale(1.2);
}
.round-button {
  transition: transform 0.2s; /* Aggiunge una transizione di mezzo secondo per la trasformazione */
}

.first-section h2, .first-section p{
  width: 80%!important;
 /* padding-right: 230px;*/
}

.round-button:hover {
  color: #036cb4;
  transform: scale(1.2)!important;
}
.header-nav-main .nav-link{
  transition: color 0.2s, transform 0.2s;
}

.round-button{
  text-align: center;
}
.button-banner .col-xl-5{
  padding: 0px!important;
}

.first-back .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul > li:hover > a {
  color: #24348c!important;
  transform: scale(1.2);
}

@media (max-width: 767px){
  #header{
    height: 95px!important;
  }
  #header > div.header-body.border-top-0.bg-white.box-shadow-none > div.header-container.container > div > div.header-column.justify-content-end > div > div > div > nav{
    position: absolute;
    width: 100%;
  }
   .first-section h2, .first-section p{
    width: 75%!important;
	line-height: 30px;
  }
	
  .inside-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
	width:100%!important;
	padding-left: 10px;
	}
	
	#footer{
    text-align: center;
  }
  #footer .align-left-column{
    align-items: flex-start;
  }
  #footer .col-xl-3{
    margin-bottom: 40px!important;
	margin-top: 10px!important;
  }
  .footer-contact-section{
    justify-content: center;
  }
  .footer-contact-section{
    text-align: left!important;
  }
  .footer-col-responsive{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-contact-section{
    justify-content: space-between;
	padding-left: 5px;
    padding-right: 0px;
  }
  .footer-contact-section p{
    text-align: left;
  }
}

@media (max-width: 700px){
	
	.inside-header * {
    color: white!important;
    font-weight: 200;
    font-size: 10px;
    margin: 0px 0px;
	}
	
	.inside-header .fab {
		padding: 0px 5px;
	}
}

@media (max-width: 575px){
  .title-banner{
    font-size: 25px!important;
    width: 100%!important;
  }
  .paragraph-banner{
    font-size: 15px!important;
  }
  .first-section{
    margin-top: 60px;
  }
  .round-button{
    font-size: 13px!important;
  }
  .button-banner .col-4{
    margin: 0px 10px!important;
  }
  .text-decoration-none {
    font-size: 10px!important;
  }
  .button-banner {
	padding-bottom: 25px!important;
	gap: 0%!important;
  }
  
}

@media (max-width: 552px){
  .button-banner .col-4{
    width: 38%!important;
    margin: 5px 0px!important;
  }
  .round-button{
    width: 50%!important;
  }
}

@media (max-width: 390px){
  .title-banner{
    font-size: 20px!important;
    line-height: 28px;
    width: 100%!important;
  }
}

@media (max-width: 375px) {
  .round-button{
    width: 65%!important;
  }
}


.p0{
  padding: 0px 0px 0px 0px!important;
}
.blue-column .col-8{
    display: flex;
    margin-left: 0px;
    font-size: 20px;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.section-point-icon{
  margin-top: 20px;
  margin-bottom: 10px;
}

.header-logo img{
  margin-left: 40px;
}

#header .header-nav-main nav > ul > li {
    margin-left: 0px;
}
.header-container{
  width: 95%;
}

.top-header-custom-blue{
  background-color: #24348c;
  padding:3px 20px;
}
.inside-header{
  width: 100%!important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.inside-header *{
  color: white!important;
  font-weight: 200;
  font-size: 12px;
  margin: 0px 0px;
}

.text-right{
  text-align: right;
}

.text-left{
  text-align: left;
  }
.rounded-img-header{
  width: 15px;
  height: auto;
  margin-right: 5px;
  margin-left: 8px;
}
.inside-header .fab{
  padding: 0px 5px;
}

.sticky-header-active .top-header-custom-blue{
  display: none;
}

#header{
  height: 96px!important;
}
#header > div.header-body.border-top-0.bg-white.box-shadow-none > div.header-container.container > div > div.header-column.justify-content-end > div > div > div > nav{
  
}

#header .header-btn-collapse-nav{
  background-color: #24348c;
}
.contactos-form .form-group #invia_form_landing{
  background-color: #24348c!important;
  color: white;
  border-radius: 20px;
  padding: 7px 30px!important;
  border: 0px;
}
/* seconda landing */

.text-four-part p{
	color:white;
}
.four-points-icon{
  background-color: #24348c;
  justify-content: center;
  padding-top: 30px!important;
  margin-top: -23.5px;
  width:100%
  
}
.four-points-icon0{
text-align: center;
  justify-content: center;
  padding-top: 30px!important;
}
.fourth-section h3{
  text-transform: none;
  color: #24348c!important;
  font-weight: 700!important;
  font-size: 35px;
  padding-top: 30px;
  letter-spacing: 1.5px;
}
.first-back{
  padding: 50px 0px;
  width: 100%;
  margin-bottom: -40px;
}
.four-points-icon .col-2{
  justify-content: flex-end;
}
.fifth-back{
  padding: 0px 10px;
}
.fifth-back{
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  flex-direction: column;
}
.text-fifth-part{
  font-size: 16px!important;
  text-align: left;
  margin-bottom: 28px!important;
  font-weight: 400!important;
  padding-left: 31px;
  padding-right: 60px;
}
.text-third-part{
  background-color: #e83f4d;
  border-radius: 10px;
  color: white!important;
  font-size: 16px;
  padding: 10% 10%;
  text-align: left;
  line-height: 34px;
  letter-spacing: 1px;
}
.fifth-back p, .fifth-back ul, .fifth-back li{
  width: fit-content;
}
.fifth-back li{
  padding: 5px 0px;
}
.fifth-back ul, .fifth-back li p{
  color: black!important;
  list-style-type: none;
  font-size:18px;
}
.third-back{
  display: flex;
  justify-content: center;
  align-items: center;
}
.fourth-back{
  padding: 30px 0px;
}
.fourth-back .col-lg-4{
  text-align: center;
  padding: 20px 45px;
  background-color: white!important;
  margin: 10px 40px;
  border-radius: 3%
}
.fourth-back{
  background-color: #f5f5f5!important;
  padding-bottom: 60px;
}
.fourth-back .top-section-product h3{
    color: #24348c!important;
    font-weight: 650!important;
    text-transform: none!important;
    text-align: center;
    letter-spacing: 1px;
    font-size: 35px;
    padding-top: 2%;
}
.four-points-icon .top-section-product h3{
 color: white!important;
  text-transform: none!important;
  font-weight: 650!important;
  font-size: 35px;
  padding-top: 4%;
  letter-spacing: 1.5px;
  line-height: 40px
}

.third-section-row{
  padding-bottom: 0px!important;
  margin-bottom: 0px!important;
}

.sixth-back .top-section-product *{
  justify-content: space-around;
}
.sixth-back{
  padding: 40px 0px!important;
  margin-top: 0px!important;
}
.sixth-back .top-section-product h3{
  text-transform: none;
  color: #24348c!important;
  font-weight: 700!important;
  font-size: 35px;
  padding-top: 30px;
  letter-spacing: 0px;
  line-height: 50px
}
.sixth-back .top-section-product p{
  font-size: 18px;
  padding-top: 20px;
  padding-left: 11%;
  padding-right: 11%;
  line-height: 2;
  letter-spacing: 0px;
  margin-bottom: 30px!important;
}

.subtext-seventh-part1{
  font-size: 22px!important;
  letter-spacing: 1.5px!important;
  line-height: 2;
  padding-block: 50px;
  letter-spacing: 0px!important;
}
.text-seventh-part{
  font-size: 25px!important;
  font-weight: 700!important;
  letter-spacing: 1.5px!important;
  padding: 1% 15%!important;
}
.four-points-icon h4{
  margin: 15px 0px;
}
.card-element{
  justify-content: space-between;
  height: 100%;
  padding: 40px 20px;
}
/* ultima parte di copyrights del footer */
#footer .full-width{
  margin-bottom: 0px!important;
  flex-direction: column;
  align-items: center;
}
.last-part-footer{
  flex-direction: row;
  justify-content: center;
  margin-top: 40px;
}
.last-part-footer .text-center{
  margin-bottom: 15px;
}
.footer-copyrights{
  text-align: center;
}
.last-part-footer .text-center p{
  color: #24348c!important;
  font-size: 17px!important;
  font-weight: 700;
}
.last-part-footer .text-center i{
  color: #24348c!important;
  font-size: 15px!important;
  font-weight: 500;
  margin: 0px 5px;
}
.footer-copyrights *{
  color: #858585!important;
}
.footer-copyrights a:hover{
  color: #FDD10D!important;
}
.separator-footer-last{
  background: #A6A6A6;
}
.third-section-row{
  padding-top: 0px!important;
  margin-top: 0px!important;
}
.third-section-row .top-section-product h3{
  color: #24348c!important;
  font-weight: 650!important;
  text-transform: none!important;
  text-align: center;
  font-size: 35px;
  letter-spacing: 1px;
  padding-top: 50px;
  padding-bottom: 50px;
}
/* checklist */



@media (max-width: 1800px){
	.button-banner {
		padding-bottom: 40px;
	}
	.grid-item2 img {
		width: 60%;
		height: auto;
		border-radius: 15px;
		margin-top: 60px;
	}
}

@media (max-width: 1550px){
	.first-section {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: max-content;
    width: 100%;
    height: 65%;
    margin-top: 100px;
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 5%;
    padding-bottom: 40px;
}
.button-banner {
		padding-bottom: 20px;
	}
}

@media (max-width: 1440px){
	
	.first-section {
		padding-left: 15%;
		padding-right: 15%;
	}
	
	.text-fifth-part {
		padding-left: 31px;
		padding-right: 32px!important;
	}
	
	.button-banner {
		padding-bottom: 25px;
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	
	.third-section-row .top-section-product h3 {
		line-height: 50px;
	}
	
	.four-points-icon .top-section-product h3 {
		color: white!important;
		text-transform: none!important;
		font-weight: 650!important;
		font-size: 35px;
		padding-top: 4%;
		padding-left: 20%;
		padding-right: 20%; 
		letter-spacing: 1.5px;
		line-height: 40px;
	}
	
	.card-element {
		padding: 10px 20px!important;
	}
	
	.card-element p {
		line-height: 35px;
	}
	
	.card-element h2 {
		margin-bottom: 0px;
		line-height: 30px;
	}
	
	.grid-item2 img {
		width: 60%;
		height: auto;
		border-radius: 15px;
		display: initial!important;
		margin-top: 19%;
	}
	
	.blue-column {
		padding: 40px 30px;
		margin-left: 20px;
		margin-right: 0px!important;
	}
	
	.img2 {
		width: 40%;
	}
	
	.grid-container2 {
		display: flex;
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
	}
	
	#footer .full-width {
		margin-top: 0px!important;
	}
}


@media (max-width: 1330px){
	.button-banner {
		padding-bottom: 40px;
	}
}

@media (max-width: 1250px){

	#footer .col-lg-3, #footer .col-xl-3 {
		margin: 20px 38px 0px 38px;
	}

}

@media (max-width: 1200px){
	
	#footer .col-lg-3, #footer .col-xl-3 {
		padding: 0px;
		font-weight: 450;
	}
	.text-align {
		text-align: left;
		line-height: 35px!important;
	}
	
	.font1 {
		line-height: 30px!important;
		font-weight: 400;
		font-size: 17px;
	}
	#header .header-row {
		display: flex;
		flex-grow: 1;
		align-items: center;
		align-self: stretch;
		max-width: 100%!important;
		justify-content: space-around;
		flex-direction: row;
	}
}

@media (max-width: 1130px){
	#header .header-row {
		display: flex;
		flex-grow: 1;
		align-items: center;
		align-self: stretch;
		max-width: 100%!important;
		justify-content: space-around;
		flex-direction: row;
	}
	
	.grid-item2 img {
		width: 60%!important;
		height: auto;
		border-radius: 15px;
		display: initial!important;
		margin-top: 1%;
		margin-bottom: 80px;
	}
	.card-element p {
		font-size: 16px!important;
		line-height: 30px;
		text-align: center;
	}
	#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
		padding: 10px;
	}
}
@media (max-width: 1024px){
	
	
	h4 {
		font-size: 22px!important;
		line-height: 27px!important;
	}
	
	.font1 {
		line-height: 35px;
		font-weight: 400;
		font-size: 16px!important;
	}
	.padding-01{
		padding:0px!important;
	}
	
	.padding-02{
		padding: 10px 0px!important;
		margin-bottom: 0px!important;
		width: 100%;
	}
	
	.header-logo img {
		margin-left: 0px;
	}
	
	.first-section{
		padding: 50px;
	}
	
	.button-banner {
		padding-bottom: 65px;
	}
	
	.title-banner{
		font-size: 48px;
	}
	
	.img2 {
		width: 40%!important;
	}
	
	.blue-column {
		padding: 40px 30px;
		margin: 0px 0px!important;
	}
	
	.text-fifth-part {
		padding-left: 15px;
		padding-right: 5px!important;
	}
	
	.custom-title-form-sender{
		padding-right: 30px!important;
	}
	
	.fifth-back, .third-back {
    	padding: 0px 10px;
	}
	.sixth-back .top-section-product p{
		padding: 0% 15% !important;
	}
	
	.third-section-row .top-section-product h3 {
		padding: 30px 65px!important;
	}
	
	.four-points-icon0 {
		margin: 0px 0px!important;  
	}
	
	.four-points-icon .top-section-product h3 {
		padding-left: 12%!important;
		padding-right: 14%!important;
		text-align: left!important;
	}
	
	.fourth-back .col-lg-4 {
		padding: 10px 15px!important;
		margin: 0px 30px!important;
	}
	
	.subtext-seventh-part {
		font-size: 25px;
	}
	
	.card-element {
		padding: 5px 0px!important;
	}
	
	.card-element p {
		font-size: 16px!important;
		line-height: 30px;
		text-align: center;
	}
	
	.grid-item1 {
		padding: 10px;
	}
	
	.grid-item1 img {
		width: 30%!important;
	}
	
	.grid-item1 h2 {
		font-weight: 650!important;
		font-size: 20px!important;
		line-height: 25px;
	}
	
	.grid-container2 {
		display: flex;
		width: 100%;
		flex-direction: column!important;
		flex-wrap: wrap;
	}
	
	.grid-item2 img {
		width: 60%!important;
		margin-bottom: 15%;
		margin-top: 0%!important;
	}
	.grid-container {
		display: grid!important;
		grid-template-columns: none!important;
		grid-template-rows: 1fr 1fr 1fr 1fr!important;
	}
	
	.grid-item0 {
       padding-right: 10%!important;
       padding-left: 10%!important;
	   margin-block: 8%!important;
	}
	
	.grid-item2 p {
		font-size: 17px!important;
		padding-left: 10%!important;
	}
	
	.grid-item3 {
		padding-right: 10%!important;
        padding-left: 10%!important;
		margin-block: 8%!important;
	}
	.display2{
		display: grid!important;
	}
	
	.display3 {
		display: none!important;
	}
}

@media (max-width: 1000px){
	.third-section-row .top-section-product h3 {
		line-height: 45px;
		padding-bottom: 0px;
		font-size: 35px;
		text-align: left;
		padding-left: 68px;
	}
	
	.text-align {
		text-align: left;
		line-height: 25px;
	}
	
	.card-element p {
		line-height: 25px!important;
	}
	
	.card-element h2 {
		margin-bottom: 5px!important;
		line-height: 24px!important;
	}
	
	.grid-item1 h2 {
		font-weight: 650!important;
		font-size: 19px!important;
		line-height: 25px!important;
	}
	
	.grid-item0 {
		background-color: #f5f5f5;
		padding-right: 16%;
		padding-left: 13%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: left;
		font-size: 17px!important;
		margin-block: 10%;
	}
	
	.grid-item3 {
		background-color: #f5f5f5;
		padding-right: 13%;
		padding-left: 21%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: left;
		font-size: 17px!important;
		margin-block: 10%;
	}
}

@media (max-width: 991px){
	#header > div.header-body.border-top-0.bg-white.box-shadow-none > div.header-container.container > div > div.header-column.justify-content-end > div > div > div > nav {
		background-color: white;
	}
	.logofooter {
		margin-right: 20px;
	}
	
	.custom-title-form-sender {
		text-align: center!important;
	}
	.padding-02 {
		padding: 0px 0px!important;
		margin-bottom: 0px!important;
		width: 100%;
		margin-top: 0%!important;
	}
	
	.round-button {
		padding: 15px 8px;
		background: #e83f4d;
		color: white!important;
		font-size: 14px;
		line-height: 25px;
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: 1px;
	}
	
	.padding3 {
		padding: 15px 20px!important;
	}
	
	.text-3-4, .text-3-5 {
		font-size: 14px !important;
		line-height: 35px;
	}
	
	.text-decoration-none {
		text-decoration: none !important;
		font-size: 14px;
	}
	
	.text-third-part {
		background-color: #e83f4d;
		border-radius: 10px;
		color: white!important;
		font-size: 16px;
		padding: 10% 10%;
		text-align: center;
		line-height: 30px;
		letter-spacing: 0px;
		margin-top: 30px;
	}
	
	.contactos-form .form-group #invia_form_landing {
		background-color: #24348c!important;
		color: white;
		border-radius: 20px;
		padding: 7px 30px!important;
		border: 0px;
		margin: 0% 42%;
	}
}

@media (max-width: 822px){
	.round-button {
		padding: 15px 15px;
		font-size: 13px!important;
	}
}
@media (max-width: 846px){
	.fourth-back .col-lg-4 {
		padding: 10px 15px!important;
		margin: 10px 20px!important;
	}
	
	.font1 {
		line-height: 32px!important;
		font-weight: 500;
		font-size: 15px!important;
	}
	
	.round-button {
		padding: 15px 8px;
		background: #e83f4d;
		color: white!important;
		font-size: 15px;
		line-height: 25px;
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: 1px;
	}
	
	.subtext-seventh-part {
		font-size: 23px;
		margin-top: 0%;
	}
	
	.padding-02 {
		padding: 0px 0px!important;
		margin-bottom: 0px!important;
		width: 97%;
		margin-top: 0%!important;
	}
}
@media (max-width: 885px){
	.first-section {
		flex-direction: column;
		justify-content: center;
		text-align: center;
		height: max-content;
		width: 100%;
		height: 65%;
		margin-top: 100px;
		padding-left: 15%!important;
		padding-right: 15%!important;
		padding-top: 5%;
		padding-bottom: 40px;
	}
}

@media (max-width: 767px){
	
	#footer .full-width {
		margin: 0px!important;
	}
	
	.background-gradient-sfumature{
		height: 600px!important;
	}
	
	.header-logo img{
		margin-left: 10px;
	}
	
	.first-section {
		padding: 0px!important;
	}
	
	.custom-title-form-sender {
		width: 100%!important;
		text-align: center!important;
	}
	
	.header-container{
		max-width: 100%!important;
		width: 100%!important;
	}
	
	.paragraph-banner {
		font-size: 16px!important;
	}
	.button-banner {
		padding-bottom: 50px;
		gap:0%!important;
	}
	.title-banner{
		font-size: 35px!important;
		width: 85%;
		line-height: 45px;
	}
	
	.text-align{
		font-size: 15px;
		line-height: 32px!important;
	}
    
	.text-third-part{
		font-size: 15px!important;
		text-align: center;
		margin-top: 0px;
	}
	
	.text-fifth-part{
		font-size: 17px!important;
	}
	
	.round-button {
		font-size: 15px;
		padding: 15px 10px;
	}
	
	h4{
		font-size:19px!important;
	}
		
	.font1 {
		line-height: 25px!important;
		font-size: 14px!important;
		padding-bottom: 10px;
	}
	
	.font-size2{
		font-size: 17px!important;
		padding-block: 10%!important;
	}
	
	.font-size3{
		padding: 0px 40px;
		padding-bottom: 45px!important;
		font-size: 17px!important;
	}
	
	.font-size4{
		font-size: 16px!important;
		padding-top: 20px!important;
	}
	
	.padding-02{
	    padding: 0px!important;
		margin: 0px!important;
	}
	
	.img1{
		width: 12%!important;
		margin-bottom: 10px!important;
	}
	
	.img2{
		width: 40%!important;
	}	
	
	.center1 {
		padding: 5px;
	}
	
	.four-points-icon0 {
		padding-top: 0px!important;
		width: 100%!important;
		margin: 0px!important;
	}

	.fourth-section h3 {
		font-size: 30px!important;
    }
	
	.fourth-back .col-lg-4{
	  text-align: center;
	  padding: 0px 20px!important;
	  background-color: white!important;
	  margin: 10px 15px!important;
	  border-radius: 3%;
	}
	.fourth-back .top-section-product h3 {
		font-size:30px!important;
	}
	
	.fifth-back ul{
		font-size: 15px!important;
	}
	
	.sixth-back {
		padding: 0px 0px!important;
	}
	
	.sixth-back .top-section-product h3 {
		padding-left: 10%;
		padding-right: 10%;
	}
	
	.sixth-back .top-section-product p {
		font-size: 17px!important;
	}
	
	.third-section-row .top-section-product h3 {
		line-height: 45px;
		padding-bottom: 0px!important;
		font-size: 30px;
		text-align: left;
		padding-left: 25px!important;
	}
	
	.four-points-icon .top-section-product h3 {
		padding-left: 100px!important;
		padding-right: 50px!important;
		font-size: 30px!important;
		text-align: left;
		padding-top: 10%;
	}
	
	.subtext-seventh-part1 {
		font-size: 17px!important;
	}
	
	.grid-container {
		display: grid!important;
		grid-template-columns: none!important;
		grid-template-rows: 1fr 1fr 1fr 1fr!important;
	}
	
	.grid-container2 {
		flex-direction: column!important;
	}
	
	.grid-item0 {
       padding-right: 10%!important;
       padding-left: 10%!important;
	   margin-block: 8%!important;
	}
	
	.grid-item1 img {
		width: 20%!important;
		margin-bottom: 10px;
	}
	
	.grid-item1 h2 {
		font-size :20px!important;
		line-height: 25px;
	}
	
	.grid-item2 img {
		width: 60%!important;
		margin: 50px 0px 0px 0px!important;
	}
	
	.grid-item2 p {
		font-size: 17px!important;
		padding-left: 10%!important;
	}
	
	.grid-item3 {
		padding-right: 10%!important;
        padding-left: 10%!important;
		margin-block: 8%!important;
	}

	.card-element p {
		font-size: 15px!important;
		line-height: 28px!important;
	}
	
	.blue-column {
    padding: 40px 40px!important;
	}
	
	.blue-column .col-8 {
		display: block!important;
	}	
	
	.cont1 {
		display: flex;
		align-content: flex-start;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
	}

	.text-decoration-none{
		font-size:13px!important;
	}
	
	.text-3-5 {
		font-size: 13px !important;
		line-height: 25px!important;
	}
	
	.footer-copyrights {
    text-align: center;
    font-size: 12px!important;
	}
	
	ul {
    margin-top: 0;
    margin-bottom: 4rem
	}
	
	.center3{
		justify-content: center;
	}
	
	.display2{
		display: grid!important;
	}
	
	.display3 {
		display: none!important;
	}

	.second-back {
		margin-bottom: 0%!important;
	}
	.four-points-icon .col-sm-12{
		margin-bottom: 30px;
	}
	.four-points-icon{
		padding-top: 0px!important;
	}
	.fourth-back{
		padding-bottom: 30px!important;
	}
	
	.text-left-01{
		text-align: left;
	}
}

@media (max-width: 700px){
	.pad-1{
		padding:0px!important;
	}
	.display1 {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	.footer-contact-section {
		text-align: left!important;
	}
}

@media (max-width: 600px){
	.first-section {
		margin-top: 120px!important;
	}
	.first-section .round-button{
		padding: 10px 10px!important;
		font-size: 10px!important;
	}
	.title-banner {
		font-size: 30px!important;
		width: 85%;
		line-height: 35px;
	}
	.button-banner {
		padding-bottom: 35px!important;
	}
	.four-points-icon .top-section-product h3 {
		padding-left: 84px!important;
		padding-right: 50px!important;
		font-size: 30px!important;
		text-align: left;
		padding-top: 10%;
	}
	.contactos-form .form-group #invia_form_landing {
		background-color: #24348c!important;
		color: white;
		border-radius: 20px;
		padding: 7px 30px!important;
		border: 0px;
		margin: 0% 39%;
	}
}
@media (max-width: 576px){
	.inside-header * {
		color: white!important;
		font-weight: 200;
		font-size: 10px;
		margin: 0px 0px;
	}
	.text-decoration-none {
		font-size: 10px!important;
	}

	.subtext-seventh-part {
		font-size: 20px!important;
		margin-top: 0%!important;
	}
	.third-section-row .top-section-product h3 {
		padding-top: 10px!important;
		padding-right: 0px!important;
	}
}

@media (max-width: 492px){
	.inside-header .text-right {
		text-align: left!important;
		padding-left: 66px!important;
	}
	.four-points-icon .top-section-product h3 {
		padding-left: 70px!important;
		padding-right: 50px!important;
		font-size: 28px!important;
		text-align: center!important;
		padding-top: 10%;
		margin-bottom: 0px!important;
	}
}

@media (max-width: 475px){
	.inside-header .text-right {
		display: none;
	}
	.inside-header * {
    color: white!important;
    font-weight: 200;
    font-size: 10px;
    margin: 0px 0px;
    text-align: center;
	}
	.inside-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%!important;
	padding-left: 0px;
	}
	.display1 {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		padding: 0px;
		justify-content: space-between;
	}
	.center2 {
		display: flex;
		align-items: center;
		padding: 0px;
	}
	.pad-02{
		padding: 0px;
	}
	.width-01{
		width: 100%;
	}
}

@media (max-width: 440px){
	.title-banner {
        	font-size: 25px !important;
			line-height: 30px;
	}
	
	.first-section h2, .first-section p {
        	width: 85% !important;
			line-height: 19px;
    	}

	.sixth-back .top-section-product p {
        	padding: 0% 3% !important;
    	}

}

@media (max-width: 425px){
	
	#header {
		height: 97px!important;
	}
	
	#header > div.header-body.border-top-0.bg-white.box-shadow-none > div.header-container.container > div > div.header-column.justify-content-end > div > div > div > nav {
    position: absolute;
    background-color: white;
	}
	
	#header .header-logo img {
		width: 210px;
	}
	
	#footer .col-xl-3 {
		margin-bottom: 20px!important;
	}
	
	#footer .full-width {
		margin-top: 0%!important;
	}
	
	.inside-header {
		text-align: left!important;
		width: 100%!important;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	
	.inside-header .text-right {
		text-align: right;
	}
	
	.paragraph-banner {
		font-size: 15px!important;
	}
	
	.button-banner {
		padding-bottom: 18px!important;
		padding-top: 10px;
	}	
	
	.zero{
		margin: 0% 0% 0% 0%!important;
		padding: 0% 0% 0% 0%!important;
	}
	
	.round-button{
		padding: 10px 9px!important;
		font-weight: 400;
	}
	
	.background-gradient-sfumature {
		height: 470px!important;
	}
	
	.four-points-icon0 {
		padding-top: 0px!important;
		width: 100%!important;
		justify-content: center;
	}
	
	.text-align {
		font-size: 15px;
		line-height: 25px!important; 
		letter-spacing: 0px;
	}
	
	.text-fifth-part {
		font-size: 15px!important;
		margin-bottom: 25px!important;
	}
	
	.text-third-part {
		font-size: 12px!important;
		line-height: 25px;
		letter-spacing: 0px;
	}
	
	.text-decoration-none1 {
		font-size: 11px!important;
	}	
	
	.font1 {
		font-size: 12px!important;
		font-weight: 500!important;
	}
	
	h4 {
    font-size: 15px!important;
	}
	
	.font-size2 {
		font-size: 15px!important;
		font-weight: 500;
		padding-block: 10%!important;
		line-height: 2!important;
	}
	
	.font-size3 {
		font-size: 15px!important;
		padding: 0px 22px;
		padding-bottom: 10px!important;
	}
	
	.font-size4 {
		font-size: 14px!important;
		font-weight: 450;
		padding-top: 10px!important;
		padding-right: 10%!important;
		padding-left: 10%!important;
		margin-bottom: 40px!important;
	}
	
	.first-back {
		padding: 0px 0px;
		width: 100%;
    }

	.first-section{
		margin-top: 54px;
	}
	.first-section .round-button{
		padding: 8px 6px!important;
		font-size: 10px!important;
	}
    .round-button{
		font-size:10px;
	}
	
	.third-section-row .top-section-product h3{
	    padding-left: 20px!important;
		padding-top: 0px!important;
		padding-right: 0px!important;
		line-height: 40px!important;
	}
	
	.four-points-icon .top-section-product h3 {
		padding-top: 14%;
		font-weight: 600!important;
		line-height: 35px!important;
		padding-left: 55px!important;
		margin-bottom: 0px!important;
		font-size: 25px!important;
	}
	
	.footer-contact-section{
		text-align: left!important;
		margin: 0px 0px;
		line-height: 20px;
	}
	.footer-contact-section .col-2, .footer-contact-section .col-10{
		padding: 0px!important;
	}
	.section-point-icon{
		justify-content: center;
	}
	
	.fifth-back ul {
		margin-bottom: 40px!important
	}
	
	.sixth-back {
		padding: 0px 0px!important;
	}
	.sixth-back .top-section-product h3 {
		font-size: 30px;
		line-height: 40px;
		padding-top: 20%;
	}
	
	.sixth-back .top-section-product p {
		font-size: 14px!important;
		font-weight: 450;
	}
	
	.subtext-seventh-part {
		font-size: 16px!important;
		line-height: 30px;
		padding-bottom: 0px!important;
		margin-top: 0px!important;
	}
	
	.subtext-seventh-part1 {
		font-size: 15px!important;
		font-weight: 500;
		padding-block: 0px!important;
		margin: 0px!important;
	}
	
	.blue-column{
		padding: 4px 30px;
	}
	
	.blue-column h2 {
    font-size: 20px!important;
	}
	
	.blue-column a {
    font-size: 13px!important;
	}
	
	.column {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 20px!important;
	}
	
	.rounded-img {
    padding: 3px;
	}
	
	.display2{
		display: grid!important;
	}
	
	.display3 {
		display: none!important;
	}	
	 
	.grid-container {
		display: grid!important;
		grid-template-columns: none!important;
		grid-template-rows: 1fr 1fr 1fr 1fr!important;
	}
	
	.grid-item0 {
		margin-block: 1%!important;
		font-weight: 400;
		padding-right: 12%!important;
		padding-left: 12%!important;
	}
	
	.grid-item2 p {
		padding-left: 8%!important;
		padding-right: 8%!important;
		padding-block: 1px;
		text-align: left;
		font-size: 15px!important;
		line-height: 20px!important;
	}
	
	.grid-item2 img {
    width: 85%!important;
    margin: 35px 0px 0px 0px!important;
	}
	
	.grid-item3{
		line-height: 15px;
		font-weight: 450;
		padding-right: 12%!important;
		padding-left: 12%!important;
		margin-block: 8%!important;
	}
	
	.footer-copyrights{
		padding: 0px;
	}
	
	.footer-copyrights .site-width-01 {
		width:100%!important;
	}
	
	.contactos-form .form-group #invia_form_landing {
		background-color: #24348c!important;
		color: white;
		border-radius: 20px;
		padding: 7px 30px!important;
		border: 0px;
		margin: 0% 35%;
	}
	
	.second-back {
		margin-bottom: 5%!important;
	}
	
::selection {
  color: white;
  background: #3367D1;
}
.social-icons a{
	padding: 3px;
}
}

@media (max-width: 375px){
	.pad-07 {
		padding-left: 0%!important;
		padding-right: 0%!important;
	}
	.third-section-row .top-section-product h3 {
		line-height: 45px;
		padding-bottom: 0px!important;
		font-size: 25px;
		text-align: left;
		padding-left: 30px!important;
		line-height: 30px!important;
	}
}

@media (max-width: 325px){
	.text-decoration-none1 {
    font-size: 10px!important;
	}
	
	.contactos-form .form-group #invia_form_landing {
		background-color: #24348c!important;
		color: white;
		border-radius: 20px;
		padding: 7px 30px!important;
		border: 0px;
		margin: 0% 34%;
	}
}

@media (max-width: 320px){
	.title-banner {
		font-size: 24px !important;
		padding: 0px 18px;
		margin-bottom: 18px;
	}
	
	#header .header-logo img {
		width: 190px;
	}
	.first-section {
			margin-top: 108px!important;
	}
	
	.first-back {
		padding: 0px 0px;
		width: 100%;
	}
	
	.first-section h2, .first-section p {
			width: 72% !important;
	}
	
	.first-section .round-button {
		padding: 8px 6px!important;
		font-size: 8px!important;
	}
	
	.paragraph-banner {
		margin-bottom: 0px!important;
	}
	
	.button-banner .col-4 {
		width: 42%!important;
		margin: 5px 0px!important;
	}
	
	.inside-header {
		text-align: right!important;
	}
	
	.inside-header * {
		font-size: 9px!important;
	}
	
	.four-points-icon {
		background-color: #24348c;
		justify-content: center;
		margin-top: -2.5px;
		width: 100%;
	}
	
	.sixth-back .top-section-product h3 {
		text-transform: none;
		color: #24348c!important;
		font-weight: 700!important;
		font-size: 35px;
		padding-top: 40px;
		letter-spacing: 1.5px;
		line-height: 50px;
	}
	
	.form-privacy {
		font-size: 10px!important;
		font-weight: 600!important;
	}
	
	.font1 {
		line-height: 22px!important;
		font-size: 11px!important;
	}
	
	.font-size2 {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.font-size2 {
		font-size: 14px!important;
		font-weight: 450;
	}
	
	.font-size3 {
		font-size: 12px!important;
		line-height: 20px;
	}
	
	.text-align {
		font-size: 12px!important;
		line-height: 20px!important;
	}
	
	.text-left-1{
		text-align: left!important;
	}
	
	.text-third-part {
		font-size: 12px!important;
		line-height: 22px;
	}
	
	.text-fifth-part {
		padding-left: 18px!important;
		padding-right: 15px!important;
		line-height: 25px;
	}
	
	.text-decoration-none1 {
		font-size: 10px!important;
	}
	
	.margin-left1 {
		margin-left: 0px!important
		padding-right: 0px!important;
	}
	.padding-03 {
		padding-left: 3px!important;
	}
	
	.padding-04 {
		padding-left: 0px!important;
	}
	
	.padding-05 {
		padding-right: 25px;
	}
	
	.bottom-1{
		padding: 0px!important;
		text-align: center!important;
	}
	
	.round-button {
		font-size: 9px;
	}
	
	.fifth-back ul {
		line-height: 10px;
	}
	
	.blue-column {
		padding: 25px 40px!important;
	}
	
	.blue-column h2 {
		text-align: left!important;
		font-weight: 600;
		font-size: 18px!important;
		letter-spacing: 1px;
		margin-bottom: 0px!important;
	}
	
	.blue-column .row {
		margin: 25px 0px!important;
	}
	
	.footer-social-icons .fab:before {
		font-size: 18px!important;
	}
	
	.footer-contact-section {
		text-align: center!important;
		margin: 2px 0px;
	}
	
	.footer-contact-section .col-2, .footer-contact-section .col-10 {
		padding-left: 7px;
		padding-right: 0px!important;
	}
	
	.last-part-footer {
		margin-top: 20px;
	}
	
	.footer-copyrights * {
		color: #858585!important;
		font-size: 10px;
	}

	.third-section-row .top-section-product h3 {
		padding-left: 25px!important;
		font-size: 25px!important;
		line-height: 32px!important;
	}
	
	.fourth-section h3 {
		font-size: 25px!important;
	}
	
	.fourth-back .top-section-product h3 {
		font-size: 25px!important;
	}
	
	.four-points-icon .top-section-product h3 {
		padding-left: 28px!important;
		font-size: 21px!important;
	}
	
	.sixth-back .top-section-product h3 {
		font-size: 25px!important;
		line-height: 40px;
	}
	
	.subtext-seventh-part {
		font-size: 14px!important;
	}
	
	.subtext-seventh-part1 {
		font-size: 14px!important;
		font-weight: 450;
	}
	
	.custom-title-form-sender {
		padding-left: 52px!important;
	}
	
	.card-element p {
		font-size: 12px!important;
		line-height: 25px!important;
		font-weight: 450;
	}
	
	.display1 {
		display: flex;
		line-height: 15px;
		width: 73%;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
	
	.grid-item0 {
		margin-block: 6%!important;
		font-weight: 470;
	}
	.grid-item1 h2 {
		font-size: 16px!important;
		line-height: 25px!important;
	}
	
	.grid-item2 p {
		padding-left: 1%!important;
		padding-right: 1%!important;
		font-size: 12px!important;
	}
	
	.grid-item1 img {
		 margin-bottom: 0px!important;
	}
	
	.grid-item2 img {
		width: 100%!important;
	}
	
	.grid-item3 {
		font-weight: 470;
	}
	
	.contactos-form .form-group #invia_form_landing {
		background-color: #24348c!important;
		color: white;
		border-radius: 20px;
		padding: 7px 30px!important;
		border: 0px;
		margin: 0% 32%;
	}
}



.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
    width: 100%;
    background-color: #f5f5f5;
    padding: 0px;
    box-shadow: 0 0 px rgba(0, 0, 0, 0);
}

.grid-item p {
    margin: 0;
}

.grid-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.item1{
    background-image: url(../img/hood-1.jpg);
}
.item2{
    background-image: url(../img/2-immagine-hood-1200x793.jpg);
}

.grid-container1 {
    display: flex;
    gap: 60px;
    justify-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
}

.grid-item0 .top-section-product p{
	text-align:left
}
.grid-item0 {
  
   background-color: #f5f5f5;
   padding-right: 16%;
   padding-left: 13%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: left;
   font-size: 19px;
   margin-block: 10%;
}
.grid-item1 {
    background-color: white;
    padding: 10px;
    text-align: center;
    border: 2px solid #e63e4c;
    border-bottom: 4px solid #e63e4c;
}


.grid-item1 img {
    width: 25%;
    margin-bottom: 10px;
}

.grid-item1 h2 {
    margin-top: 0;
    font-size: 22px;
}

.grid-item1 p {
    margin: 0;
    font-size: 1em;
}

.grid-container2 {
   
   display: flex;
   justify-content: center;
   width: 98%;
   flex-wrap: wrap;
   flex-direction: row;
   align-content: center;
}

.grid-item2 {
    background-color:  #24348c;
    padding-bottom: 5%;
    flex: 1;
    width: auto;
    text-align: center;
}

.grid-item2 img {
    width: 60%;
    height: auto;
    border-radius: 15px;
    display: initial!important;
}

.grid-item2 p {
    padding-left: 16%;
	padding-right: 12%;
	padding-block: 1px;
	text-align: left;
	font-size: 16px;
    line-height: 36px;
}

.text-align {
	text-align: left;
	line-height: 40px;
}

.font-size2 {
    font-size: 17px;
    padding-block: 6%;
    padding-left: 6%;
    padding-right: 6%;
    line-height: 2;
    letter-spacing: 0px;
}

.img1 {
    width: 20%;
    border-radius: 8px;
    margin-bottom: 20px;
    }
    
.font-size3 {
     font-size: 18px;
     margin-top: -20px;
     padding-bottom: 60px;
     font-weight: 400;
}

.grid-item3 {
  
   background-color: #f5f5f5;
   padding-right: 13%;
   padding-left: 21%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: left;
   font-size: 19px;
   margin-block: 10%;
}

.font-size4 {
    font-size: 20px;
    padding-top: 26px;
    padding-left: 17%;
    padding-right: 17%;
    line-height: 2;
    letter-spacing: 0px;
    margin-top: -1%;
    margin-bottom: 70px;
}

.center1 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    padding-left: 5px;
    padding-right: 0px;
}

.center2 {
    display: flex;
    align-items: center;
}

.padding1 {
    padding: 2px;
}

.b1 b{
    color:#24348c!important;
}

.padding2 {
    padding: 20px;
}

.b2 b{
    font-weight: bold;
}

.font1 {
    line-height: 34px;
    font-weight: 400;
    font-size: 16px;
}

.img2 {
    width: 35%;
}

.margin-left1 {
    margin-left: -20px;
}

.header-body {
	position: initial!important;
}
.padding-0{
	padding:0px!important;
}

.padding3 {
	padding: 15px 35px;
}

.display1 {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}

.side-widht1{
	widht:100%;
}

.display2{
	display: none;
}	

#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before{
	display: none;
}

#header .header-nav-main nav > ul > li > a:hover{
	color: #e83f4d!important;
	font-weight: 650!important;
}

#footer a:not(.btn):not(.no-footer-css):hover {
	color: red!important;
	font-weight: 500!important;
}

.round-button:hover{
	background-color: white!important;
	color:#e83f4d!important;
}

.inside-header a:hover{
	font-weight:500;
}

.last-part-footer .fab:hover {
	color: #e83f4d!important;
}

.last-part-footer .fab-1:hover {
	color: #0074b3!important;
}



.contactos-form .form-group #invia_form_landing:hover {
	background-color: white!important;
    color: #24348c!important;
    border-radius: 20px;
    padding: 7px 30px!important;
    border: 0px;
	font-weight:700!important;
}

.text-center{
	text-align: center!important;
}


@media (min-width: 768px) and (max-width: 771px){
  .col-slider-btn-2 {
    width: 42% !important;
  }
}

@media (max-width: 991px){
  .nav-link {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  
  #floating-container .custom-floating-button {
    width: 38px !important;
    height: 38px !important;
}

    #floating-container .custom-floating-button {
        margin: 2px !important;
    }
    
    #floating-container .custom-floating-button img{
        width: 22px;
    }
}

#header .header-nav-main.header-nav-main-text-capitalize nav > ul > li > a{
        font-size: 14px !important;
        letter-spacing: 0.5px;
        font-weight: 400 !important;
}

html .scroll-to-top{
    background: #25338c;
    color: #fff !important;
}

.col-slider-btn-1 a.round-button{
    background: #e8404b;
    color: #fff !important;
}

.col-slider-btn-1 a.round-button:hover{
    color: #e8404b!important;
}

col-slider-btn-2 a.round-button:hover{
     background: #e8404b;
    color: #fff!important;
}

.footer-copyrights a:hover {
    color: #e8404b !important;
}

.col-footer-icon img{
    width: 20px;
}

.col-footer-icon .footer-icon{
    font-size: 20px;
}

@media (max-width: 991px) {
#header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:focus{
    background-color: #26358c;
        color: #fff !important;
}

#header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:active{
     background-color: #26358c;
        color: #fff !important;
}

#footer .site-width{
    width: 100%;
}

.card-element-title{
    line-height: 1.5;
    padding: 30px 0px 0px;
}
}

.round-button {
    padding: 15px 30px;
}



.contactos-form .form-group #invia_form_landing{
        padding: 15px 30px !important;
            border-radius: 0px;
}

.form-control:not(.form-control-sm):not(.form-control-lg){
     font-family: "Inter", sans-serif;
}
@media (max-width: 998px) {
    #floating-container .custom-floating-button {
        margin: 2px !important;
    }
}

.social-icons li:hover.social-icons-youtube a {
    background: #c3191e00 !important;
}

.social-icons li:hover.social-icons-linkedin a {
    background: #0073b200 !important;
}
.social-icons.social-icons-icon-light.social-icons-clean li a:hover i{
    color: #e8404b!important;
}

@media (max-width: 767px) {
    #header .container {
       height: 90px !important;
    }
}


/*FLOATING*/

#floating-container {
  right: 0;
  top: 0;
  margin-top: 260px;
  /* cursor: pointer; */
  border: none;
  display: block;
  position: fixed;
  opacity: 1;
  z-index: 10008;
}

#floating-container .custom-floating-button {
  width: 40px !important;
  height: 40px !important;
}

#floating-container .custom-floating-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 0px;
  color: #f1eae2 !important;
  background: #E8404B;
  padding: 5px;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
  margin: 10px !important;
  border: 1px solid #E8404B;
  border-radius: 50%;
}

#floating-container .custom-floating-button.second {
  margin-top: 45px !important;
}

#floating-container .custom-floating-button.third {
  margin-top: 80px !important;
}

#floating-container .custom-floating-button.fourty {
  margin-top: 115px !important;
}

#floating-container .custom-floating-button:hover {
  color: #f1eae2 !important;
  background: #000000;
}

.linkedin-floating-button{
  width: 20px;
}

@media (max-width: 468px) {
  /* #floating-container {
  display: none;
} */
#floating-container .custom-floating-button {
  width: 32px !important;
  height: 32px !important;
}
#floating-container {
  top: 150px !important;
}
.custom-floating-button img{
  width: 19px;
}
.linkedin-floating-button{
  width: 17px !important;
}
}

@media (max-width: 998px) {
  #floating-container .custom-floating-button {
      margin: 5px !important;
  }
  #floating-container .custom-floating-button.second {
    margin-top: 30px !important;
  }
  #floating-container .custom-floating-button.third {
    margin-top: 55px !important;
  }
  #floating-container .custom-floating-button.fourty {
    margin-top: 80px !important;
  }
  
  .blue-column .col-8{
      margin-left: 20px;
  } 
  
}

@media (max-width: 1026px) {
  #floating-container {
      top: 130px;
  }
}

@media (min-width: 767px) {
    .header-container {
        height: 100px !important;
    }
}

.grid-item3, .grid-item0{
   font-size: 16px; 
}

.sixth-back .top-section-product h3{
    margin-bottom: 0px;
}

.text-decoration-none{
    font-size: 14px;
}

.text-3-4, .text-3-5 {
		font-size: 14px !important;
}

@media (max-width: 991px) {
    #header .header-nav-main.header-nav-main-mobile-dark:before {
        background-color: #ffffff;
    }
}
.contactos-form, #contatti .blue-column{
	border-radius: 15px;
}
@media (max-width: 1024px){
	#stretchhood .fourth-section .font-size4{
		margin-bottom: 0px;
	}
	#stretchhood{
		padding: 0px;
	}
	.second-back{
		padding-top: 0px!important;
		padding-bottom: 0px!important;
	}
	#contatti{
		margin-bottom: 40px!important;
	}
}
@media (max-width: 991px) {
    html #header.header-transparent .header-nav-main nav {
        padding: 0 70px;
    }
        #header > div.header-body.border-top-0.bg-white.box-shadow-none > div.header-container.container > div > div.header-column.justify-content-end > div > div > div > nav{
                /*left: 10px!important*/
        }
        .scrollingNavImgLogo {
                height: 60px !important;
        }
        html.sticky-header-active #header.header-transparent .header-nav-main nav {
                padding: 0 70px;
        }
		#header .header-nav-main {
			width: 112% !important;
		}
}
/*FOOTER*/
@media (max-width: 991px){
        #footer .footer-col-responsive{
                padding: 0px 30px;
                text-align: left;
                align-items: flex-start !important;
        }
}
@media (max-width: 576px){
        #footer .footer-col-responsive{
                padding: 0px 30px;
                text-align: center;
                align-items: center !important;
        }
        .footer-contact-section{
                text-align: center !important;
                margin-left: -12%;
        }
}
/* FINE FOOTER*/

@media (max-width: 767px) {
    .grid-item2 img {
        width: 87% !important;
        margin: 50px 0px 0px 0px !important;
    }
	.round-button {
	    padding: 15px 17px;
	}
}
@media (max-width: 552px){
	.four-points-icon *{
		text-align: center!important;
	}
	.grid-item2 p{
		padding-right: unset!important;
		padding-left: unset!important
	}
	#settori-applicazione h3{
		text-align: center!important;
	}
	#settori-applicazione > div > div.col-xl-6.col-lg-6.col-md-11.col-sm-12.col-12.fifth-back > div > p{
		text-align: center!important;
	}
}