/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


@font-face {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 200;
  src: url("https://147823528.fs1.hubspotusercontent-eu1.net/hubfs/147823528/Font/Kanit-Light.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 700;
  src: url('https://147823528.fs1.hubspotusercontent-eu1.net/hubfs/147823528/Font/Kanit-SemiBold.ttf') format("truetype");
  font-display: swap;
}

:root { 
    --ff-base: "Kanit", Arial, sans-serif;
}




/* ----------> HOMEPAGE <---------- */

header {background:rgba(240, 244, 247, 1.0);}

/* Header gradient */
.pwr-header.pwr--dark,.pwr-header--dark-on-scroll {
    background: linear-gradient(to top right, #005994, #048579);
    color: var(--clr-text-dk);
    padding-bottom:20px;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}

#pwr-header-fixed.pwr-header--transparent { background: transparent !important; }
#pwr-header-fixed.pwr-header--transparent.scroll {
  background: linear-gradient(to top right, #005994, #048579) !important;
}

/* Header img Mockup sovrapposto al divider */
.headerimg .pwr-ratio-box img {
  top: auto;
  bottom:-100px;
}

/* Robottino margin top negativo sovrapposto al divider  */
#hs_cos_wrapper_widget_1772036984718 img {
    margin-top: -100px;
    z-index: 4;
    position: relative;
}
/* ----------> FINE HOMEPAGE <---------- */


/* Ingrandisce i numeri della Sec Steps */
.stats .pwr-steps .pwr-step__title {
  font-size: 56px !important;
  line-height: 1.1;
}


/* Classe per avere Sec text più stretta */
.sec-text-narrow {
    max-width: 1000px;
    margin: auto;
}


/* Titoli neri */
span.pwr-services-item__title { color: var(--clr-title-lt); }
.titolonero {color: var(--clr-title-lt);}
.pwr-image-box__title { color: var(--clr-title-lt); }

/* Bordi nel bento */
.bordorosso { border:solid 1px #DB3E00;}
.bordoverde { border:solid 1px #048579;}


/* ----------> CTA LINK con FRECCIA <---------- */
/* testo + punta freccia */
[class*="cta_button"].pwr-cta--link,
[class*="cta_button"].pwr-cta--link:before,
.pwr-cta--link [class*="cta_button"],
.pwr-cta--link [class*="cta_button"]:before {
  color: #005994 !important;
}
/* Testo + punta */
.pwr-cta--link [class*="cta_button"],
.pwr-cta--link [class*="cta_button"]:before {
  color: #005994 !important;
}
/* Stanghetta */
.pwr-cta--link [class*="cta_button"]:after,
.pwr-cta--link [class*="cta_button"]:hover:after,
.link-custom .pwr-cta--link [class*="cta_button"]:after,
.pwr-cta--link [class*="cta_button"]:hover:after,
.pwr-cta--link [class*=cta_button]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after,
[class*="cta_button"].pwr-cta--link:after,
.pwr--light.pwr-adc .pwr-adc__col:not(.pwr--dark) .pwr-adc__content-wrapper:not(.pwr--dark) .pwr-cta--link [class*=cta_button]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after,
.pwr--light.pwr-adc .pwr-adc__col:not(.pwr--dark) .pwr-adc__content-wrapper:not(.pwr--dark) .pwr-cta--link [class*=cta_button]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after,
.pwr--light.pwr-adc__content-wrapper .pwr-cta--link [class*=cta_button]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, 
.pwr--light.pwr-adc__content-wrapper .pwr-cta--link [class*=cta_button]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after{
  background-color: var(--clr-btn-dk) !important;
}
/* ----------> CTA LINK con FRECCIA <---------- */



/* Bullet point margine dimiuinto */
li p {margin: 0}


/* Classe nascosta per rendere accessibili i link target=_blank nel testo */
.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}




/* -------------> BLOG <-------------*/
.pwr-blog-listing:not(.pwr-blog-listing--author-page) .pwr-post-item__content { background-color: var(--clr-background-accent-lt);}
.hs-blog-post {background-color: var(--clr-background-accent-lt);}
.pwr-sec-prev-next-nav {background-color: var(--clr-background-accent-lt);} /* navigazione tra post */
.body-container { background-color: var(--clr-background-accent-lt);}
.pwr-post-body h2 { color: var(--clr-title-lt);}
.pwr-post-body h3 { color: var(--clr-title-lt);}
.pwr-post-item__info-box h2 {color: var(--clr-title-lt); letter-spacing: 0px;}
p.intro-blog { font-size:24px;}
.pwr-post-comments__title.pwr-heading-style--h4 { color: var(--clr-title-lt);}
.pwr-author-profile { background-color: var(--clr-background-accent-lt);}

}







/* -------------> end BLOG <-------------*/





/* ----------> MOBILE <--------- */

@media (max-width: 991px) {
.headerimg .pwr-sec-mockup__mockup {margin: -60px auto 0; } /* reset default margin top 50px del modulo mockup*/
  
/* Classe per nascondere su mobile */
.nomobile { display:none;}
  
/* Classe per aggiungere un padding a destra in un bento */
.bento-padding-dx { padding-right:50px;}
} 

/* end media query 991 */


@media (max-width: 768px) {
.icontext .pwr-adc-content__icon_text { flex-direction: column;}
   #hs_cos_wrapper_widget_1772036984718 img {
     width: 200px;
     margin-top: -70px;
}
  .headerimg .pwr-ratio-box img {
top: auto;
bottom:-70px;
}
  
} /* end media query 768 */