/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/************/
/* GENERALE */
/************/
main ul,
main ol {
    margin-left: 1.5rem;
}
.text_center {
    text-align: center;
}
.text_right {
    text-align: right;
}
.box_flex {
    display: flex;
}
.w-grid-list.owl-carousel.navstyle_circle.navpos_outside.owl-loaded.owl-drag .w-post-elm.post_image img {
    width: auto;
}
/*********/
/* VIDEO */
/*********/
main#page-content .w-video {
    background-color: transparent;
}
main#page-content .w-video-h video {
    object-fit: inherit;
    display: inline-block!important;
    width: auto;
    height: auto;
    border-radius: 12px;
    /* mix-blend-mode: darken; */
    clip-path: inset(1px 1px);
}
#video_hero_home video {
    margin-top: -2px;
}
main#page-content #hero_home_anim video {
    mix-blend-mode: normal;
    margin-top: -2px;
}
/* video QMarketing live chat */
main#page-content #video_spoki_live_chat .w-video-h {
    margin: auto;
    width: 80%;
}
main#page-content #video_spoki_live_chat.video_spoki_live_chat_eng .w-video-h {
    width: 95%;
}
main#page-content #video_spoki_live_chat video {
    height: auto;
    width: 100%;
    mix-blend-mode: darken;
    margin-right: -5px;
    margin-top: -1px;
    margin-left: -7px;
}
main#page-content #video_spoki_live_chat.video_spoki_live_chat_mobile .w-video-h video {
    margin: -1px -10px 0 -13px;
}
/* video tools */
main#page-content #video_tools .w-video-h {
    margin: auto;
    width: 75%;
}
main#page-content #video_tools video {
    width: 100%;
    margin-right: -12px;
}
main#page-content #video_tools.video_tools_eng video {
    margin-right: -2px;
    margin-top: -1.5px;
}
#video_hero_home_eng .w-video-h {
    width: 300px;
    margin: auto;
}
#video_hero_home_eng video {
    transform: scaleX(1.07);
}
/* video grafico ricavi */
main#page-content #video_grafico_ricavi .w-video-h {
    margin: auto;
    width: 100%;
}
main#page-content #video_grafico_ricavi video {
    width: 100%;
    margin-bottom: -10px;
}
main#page-content .box_video_soluzioni {
    /* padding: 10px 0; */
}
main#page-content .box_video_soluzioni .g-cols.wpb_row {
    border-radius: 50px;
    background: #DCF7C5;
    padding: 30px;
    max-width: 1140px;
    margin: 50px auto 0;
    align-items: center;
}
main#page-content .box_video_soluzioni video {
    width: 80%;
}
main#page-content #video_tools_eng video {
    filter: brightness(0.95);
    margin-top: -1px;
}
main#page-content #video_ads_eng video {
    /* filter: brightness(0.95); */
    margin: -4px -1px -11px -3px;
}
main#page-content .us_custom_e40a7354 video {
    margin-top: -0.7px;
}
#grafico_circle {
    border-radius: 100%;
}
main#page-content #live-chat-card1 .w-video-h video,
main#page-content #live-chat-card2 .w-video-h video,
main#page-content #live-chat-card3 .w-video-h video {
    height: 60px;
    object-fit: cover;
}
/* end video */

/****************/
/* FORM RICERCA */
/****************/
.widget_wpc_filters_widget .wpc-filters-section.wpc-filter-taxonomy {
    display: none;
}
.widget_wpc_filters_widget .wpc-filter-layout-search-field {
    border-radius: 18px;
    border: 1px solid var(--spoki-logo, #00D566);
    background: #FFF;
    max-width: 300px;
    margin-bottom: 40px;
}
.widget_wpc_filters_widget .wpc-filter-layout-search-field input.wpc-search-field {
    border-radius: 18px;
    line-height: normal;
    min-height: 35px;
    padding-left: 0.8rem;
    padding-right: 34px;
}
.widget_wpc_filters_widget .wpc-search-icon {
    left: auto;
    right: 0;
    display: flex;
    align-items: center;
    background: #16d46d;
    border-radius: 0 18px 18px 0;
    min-width: 60px;
    color: black;
    text-align: center;
    justify-content: center;
    cursor: pointer;
}
.widget_wpc_filters_widget .wpc-search-icon:hover {
    filter: brightness(0.95);
}
.widget_wpc_filters_widget .wpc-search-icon:before {
    filter: contrast(0) brightness(0.5);
    width: 12px;
    height: 12px;
}
.widget_wpc_filters_widget .wpc-search-field-wrapper .wpc-search-clear-icon-wrapper {
    margin-right: -32px;
}
.widget_wpc_filters_widget .wpc-edit-filter-set {
    display: none;
}
/* BLOG */
.form_ricerca_blog .widget_wpc_filters_widget {
    display: grid;
    grid-template-columns: 50%;
    justify-content: right;
}
.form_ricerca_blog .widget_wpc_filters_widget .wpc-filter-layout-search-field {
    margin-bottom: 0;
}
/* end ricerca */

.w-nav .menu-item.btn_mobile {
    display: none;
}
header .w-nav.type_mobile .menu-item.btn_mobile a {
    padding: 0.8rem 1rem;
    font-size: 14px;
    margin: 0.4rem 0.7rem;
}

/* HEADER */
header .l-subheader-cell.at_left .w-image-h img {
    mix-blend-mode: multiply;
}

/* MENU */
header#page-header .l-subheader.at_middle.width_full {
    background-color: white;
}
header#page-header nav.w-nav .menu-item.level_1>a {
    padding-left: 13px;
    padding-right: 13px;
    font-size: 16px;
}
html[lang="de"] header#page-header nav.w-nav .menu-item.level_1>a {
    padding-left: 11px;
    padding-right: 11px;
}
header .w-nav.type_desktop .w-nav-anchor.level_1 .w-nav-arrow:before {
    font-size: 0.8em;
    vertical-align: middle;
}
header .w-nav-list.level_2 li a {
    line-height: 22px;
}
header .w-nav-list.level_2 li a:hover {
    text-decoration: underline;
}

/********/
/* HOME */
/********/
#hero_home h1 {
    text-align: center;
    margin: 0;
}
#hero_home h1 img {
    vertical-align: -24px;
}
#hero_home h2 {
    font-weight: var(--h1-font-weight, inherit);
    font-size: var(--h1-font-size, inherit);
}
/* hero home animazione */
#hero_home_anim .l-section-h.i-cf {
    background: linear-gradient(to bottom,  #bbfef4 0%,#f2ffed 100%);
    border-radius: 50px;
    padding: 70px;
}
#hero_home_anim ul li {
    /* font-size: 18px; */
}
#hero_home_anim p strong {
    font-size: 22px;
    line-height: 26px;
}
/* bollini percentuali */
section#bollini_percentuali {
    padding-bottom: 0;
}
#bollini_percentuali .wpb_text_column  {
    background-size: 100% !important;
}
#bollini_percentuali big {
    color: var(--dark, #05031B);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 115px;
    font-weight: 700;
    line-height: 115px;
}
#bollini_percentuali p {
    color: var(--dark, #05031B);
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
}
#bollini_percentuali .bollino1 {
    padding: 38% 0;
}
#bollini_percentuali .bollino2 {
    padding: 38% 0;
    margin-top: 38%;
}
#bollini_percentuali .bollino2 big {
    font-size: 90px;
    line-height: 90px;
}
#bollini_percentuali .bollino2 p {
    font-size: 28px;
    line-height: normal;
}
#bollini_percentuali .bollino3 {
    padding: 38% 0;
    margin-top: 60%;
}
#bollini_percentuali .bollino3 big {
    font-size: 54px;
    line-height: 54px;
}
#bollini_percentuali .bollino3 p {
    font-size: 18px;
    line-height: normal;
}
#bollini_percentuali .bollino1 .w-iconbox {
    max-width: 180px;
    margin: auto;
}
#bollini_percentuali .bollino1 .w-iconbox.iconpos_left .w-iconbox-icon {
    margin-right: 1rem;
}
#bollini_percentuali .bollino1 .w-iconbox-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 100;
    text-align: left;
}
/* loghi clienti */
#us_grid_1.w-grid.type_carousel.layout_gallery_default.cols_3 .w-grid-list.owl-carousel {
	height: 120px;
}
.loghi_clienti h2 {
    color: #edf1f8;
    font-family: "Plus Jakarta Sans";
    font-size: 125px;
    font-weight: 700;
    line-height: 125px;
}
.loghi_clienti .cols_1 .wpb_text_column {
    position: absolute;
    top: 40px;
    text-align: center;
    width: 100%;
}
.loghi_clienti .cols_1 .l-section.wpb_row,
.loghi_clienti .cols_1 .w-grid.type_carousel {
    mix-blend-mode: darken;
}
.loghi_clienti.loghi_partner .cols_1 .wpb_text_column {
    top: 0px;
}

/* tabella WA vs Email & SMS */
#wa_email_sms table .even td {
    background: white;
}
#wa_email_sms table thead tr th {
    text-align: center;
    vertical-align: middle;
    border: 0;
    padding: 1rem;
    font-weight: 100;
}
#wa_email_sms table thead tr th h4 {
    color: var(--spoki-logo, #05031B);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    margin: 0px;
    font-size: 20px;
    font-weight: 800;
    line-height: 32px;
    padding: 0;
}
#wa_email_sms table thead tr.row-1 th.column-2 h4 {
    color: var(--spoki-logo, #00D566);
    font-size: 32px;
    line-height: 36px;
}
#wa_email_sms table tr td {
    text-align: center;
    border: 0;
    padding: 0.8rem 1rem;
    vertical-align: middle;
}
#wa_email_sms table tr td big {
    font-size: 30px;
}
#wa_email_sms table tr td.column-2 {
    font-weight: 700;
    color: var(--spoki-logo, #00D566);
    font-size: 18px;
}
#wa_email_sms table tr td:first-child {
    text-align: left;
    font-weight: 700;
    line-height: normal;
}
#wa_email_sms table thead tr th:last-child {
    border-radius: 0 50px 0 0;
}
#wa_email_sms table tr:last-child td:last-child {
    border-radius: 0 0 50px 0;
}
/* fasi del costumer journey */
#costumer_journey .box_text_cj {
    margin-bottom: 30px;
    position: relative;
}
#costumer_journey .box_text_cj h4 {
    color: var(--spoki-logo, #00D566);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}
#costumer_journey .box_text_cj p {
    color: #303037;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    border-radius: 4.013px 16.052px 16.052px 16.052px;
    border: 1px solid var(--dark, #05031B);
    background: #FFF;
    padding: 15px;
}
#costumer_journey .box_text_cj:first-child {
    left: -40px;
}
#costumer_journey .box_text_cj:nth-child(3) {
    left: -50px;
}
/* tab video */
#tab_video .w-video {
    background-position: center;
    background-size: auto;
}
main#page-content #tab_video video {
    width: 100%;
}
#tab_video .w-video.with_overlay .w-video-h>* {
    opacity: 0.1;
    visibility: visible;
}

/* BLOG - HOME */
section#blog {
    padding-top: 15rem;
    padding-bottom: 5rem;
    background-size: 42%!important;
}
section#box_blog {
    padding-top: 10rem;
    padding-bottom: 14rem;
    background-size: contain!important;
    background-position: right bottom!important;
}
.card_blog_home h4 {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.card_blog_home h4 a:hover {
    color: #FFF;
    text-decoration: underline;
}
.card_blog_home .w-hwrapper {
    background: #000000b0;
    border-radius: 100px;
    backdrop-filter: blur(10px);
}
.card_blog_home .w-hwrapper .post_image {
    flex: 50%;
    border-radius: 100px 0 0 100px;
}
.card_blog_home .w-hwrapper h4 {
    flex: 60%;
    padding-right: 8px;
}

/* BLOG */
h1.w-post-elm.post_title.entry-title {
    font-size: calc(26px + 1.3vw);
}
/* filtri casi studio */
.card_blog .g-filters {
   margin-bottom: 40px;
}
.card_blog .g-filters-item-amount {
    display: none;
}
.card_blog .g-filters .g-filters-item {
    background: white;
    margin: 0 10px 5px 0;
    display: inline-flex;
    gap: 0.5rem;
    box-shadow: 0px 5px 10px 0px #ECF0F8;
    padding: 5px 12px;
    opacity: 0.8;
    transition: all 200ms linear;
}
.card_blog .g-filters .g-filters-item:hover,
.card_blog .g-filters .g-filters-item.active {
    opacity: 1;
    transition: all 200ms linear;
}
.card_blog .g-filters-item:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
}
/* Filtri non visibili */
.card_blog .g-filters-item[data-taxonomy="*"]:before {
    display: none;
}
.card_blog .g-filters-item[data-taxonomy="marketing"],
.card_blog .g-filters-item[data-taxonomy="marketing-en"],
.card_blog .g-filters-item[data-taxonomy="marketing-es"],
.card_blog .g-filters-item[data-taxonomy="whatsapp"],
.card_blog .g-filters-item[data-taxonomy="whatsapp-marketing"],
.card_blog .g-filters-item[data-taxonomy="whatsapp-marketing-en"],
.card_blog .g-filters-item[data-taxonomy="whatsapp-marketing-es"],
.card_blog .g-filters-item[data-taxonomy="active-campaign"],
.card_blog .g-filters-item[data-taxonomy="activecampaign"],
.card_blog .g-filters-item[data-taxonomy="spoki"],
.card_blog .g-filters-item[data-taxonomy="consigli"],
.card_blog .g-filters-item[data-taxonomy="integrazioni"],
.card_blog .g-filters-item[data-taxonomy="tool"],
.card_blog .g-filters-item[data-taxonomy="whatsapp-business-cloud-api"],
.card_blog .g-filters-item[data-taxonomy="partnership"],
.card_blog .g-filters-item[data-taxonomy="facebook"],
.card_blog .g-filters-item[data-taxonomy="woocommerce"],
.card_blog .g-filters-item[data-taxonomy="infobusiness"],
.card_blog .g-filters-item[data-taxonomy="natale"],
.card_blog .g-filters-item[data-taxonomy="wordpress"],
.card_blog .g-filters-item[data-taxonomy="automazioni"] {
    display: none;
}
.card_blog .g-filters-item[data-taxonomy="automotive"]:before,
.card_blog .g-filters-item[data-taxonomy="automotive-en"]:before,
.card_blog .g-filters-item[data-taxonomy="automotive-es"]:before {
    background: url("img/filtri/automotive-icon.svg") no-repeat;
}
.card_blog .g-filters-item[data-taxonomy="education"]:before,
.card_blog .g-filters-item[data-taxonomy="education-en"]:before,
.card_blog .g-filters-item[data-taxonomy="education-es"]:before {
    background: url("img/filtri/education-icon.svg") no-repeat;
}
.card_blog .g-filters-item[data-taxonomy="ecommerce"]:before,
.card_blog .g-filters-item[data-taxonomy="ecommerce-en"]:before,
.card_blog .g-filters-item[data-taxonomy="ecommerce-es"]:before {
    background: url("img/filtri/ecommerce-icon.svg") no-repeat;
}
.card_blog .g-filters-item[data-taxonomy="beauty"]:before,
.card_blog .g-filters-item[data-taxonomy="beauty-en"]:before,
.card_blog .g-filters-item[data-taxonomy="beauty-es"]:before {
    background: url("img/filtri/beauty-icon.svg") no-repeat;
}
.card_blog .g-filters-item[data-taxonomy="fashion"]:before,
.card_blog .g-filters-item[data-taxonomy="fashion-en"]:before,
.card_blog .g-filters-item[data-taxonomy="fashion-es"]:before {
    background: url("img/filtri/fashion-icon.svg") no-repeat;
}
.card_blog .g-filters-item[data-taxonomy="retail"]:before,
.card_blog .g-filters-item[data-taxonomy="retail-en"]:before,
.card_blog .g-filters-item[data-taxonomy="retail-es"]:before {
    background: url("img/filtri/retail-icon.svg") no-repeat;
}
.card_blog .g-filters-item[data-taxonomy="hospital"]:before,
.card_blog .g-filters-item[data-taxonomy="hospital-en"]:before,
.card_blog .g-filters-item[data-taxonomy="hospital-es"]:before {
    background: url("img/filtri/hospital-icon.svg") no-repeat;
}
.card_blog .g-filters-item[data-taxonomy="food"]:before,
.card_blog .g-filters-item[data-taxonomy="food-en"]:before,
.card_blog .g-filters-item[data-taxonomy="food-es"]:before {
    background: url("img/filtri/food-icon.svg") no-repeat;
}

/* Grid Blog */
.card_blog.w-grid {
   margin-bottom: 50px;
}
.card_blog.w-grid .box_no_results {
    padding: 50px 20px;
    width: 100%;
    background: #00d5660f;
    margin: 0;
    text-align: center;
    border-radius: 5px;
    display: none;
}
.card_blog.w-grid .w-grid-list {
    padding-bottom: 100px;
}
.card_blog.w-grid.hidden {
    display: block !important;
}
.card_blog.w-grid.hidden .w-grid-list {
   margin: 0;
}
.card_blog.w-grid.hidden .box_no_results {
   /* visibility: visible; */
   display: block;
}
.card_blog .w-grid-preloader .g-preloader {
    top: 15%;
}

.card_blog.w-grid article.w-grid-item {
    margin-bottom: 40px!important;
}
@media (min-width: 800px) {
    .card_blog.w-grid article.w-grid-item {
        margin-bottom: 0!important;
    }
}
.card_blog .w-grid-item-h {
    border-radius: 20px;
    border: 0.8px solid #ddd;
    background: #FFF;
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.10);
    transition: all 200ms linear;
}
.card_blog .w-grid-item-h .post_image,
.card_blog .w-grid-item-h img {
    border-radius: 20px 20px 0 0;
    transition: all 200ms linear;
}
.card_blog .w-grid-item-h img {
    transform: scale(1.01);
    transition: all 200ms linear;
}
.card_blog .w-grid-item-h h4 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}
.card_blog .w-grid-item-h .w-hwrapper {
    padding: 20px 30px;
}
.card_blog .w-grid-item-h .w-hwrapper .w-vwrapper {
    min-height: 125px;
}
.card_blog .w-grid-item-h .post_taxonomy {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
/* hover */
.card_blog .w-grid-item-h:hover {
    border: 0.8px solid #ccc;
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.20);
    transition: all 200ms linear;
    opacity: 0.8;
}
.card_blog .w-grid-item-h:hover img {
    transform: scale(1.05);
    border-radius: 20px 20px 0 0;
    transition: all 200ms linear;
}
/* FAQS */
#faqs.faqs_simple h3.collection-title {
    display: none;
}
#faqs.faqs_simple ul li.accordion__item {
    display: none;
}
#faqs.faqs_simple ul li.accordion__item:first-child,
#faqs.faqs_simple ul li.accordion__item:nth-child(2),
#faqs.faqs_simple ul li.accordion__item:nth-child(3),
#faqs.faqs_simple ul li.accordion__item:nth-child(4),
#faqs.faqs_simple ul li.accordion__item:nth-child(5),
#faqs.faqs_simple ul li.accordion__item:nth-child(6),
#faqs.faqs_simple ul li.accordion__item:nth-child(7),
#faqs.faqs_simple ul li.accordion__item:nth-child(8),
#faqs.faqs_simple ul li.accordion__item:nth-child(9),
#faqs.faqs_simple ul li.accordion__item:nth-child(10) {
    display: block;
}
/* Loghi Industries */
.grid_industries .w-grid-item-h {
    padding: 25% 0;
}

/* video sei agenzia - sei cliente */
main#page-content .video_agenzia_cliente .w-video {
    position: relative;
    text-align: left;
}
main#page-content .video_agenzia_cliente video {
    transform: rotateY(180deg);
    border-radius: 120px;
    clip-path: border-box;
    width: 80%;
}
main#page-content .video_agenzia_cliente .w-video-icon {
   background: linear-gradient(0deg, #15C66A 0%, #15C66A 100%), #00CD62!important;
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 88%;
   height: 97%;
   mix-blend-mode: color;
}
main#page-content .video_agenzia_cliente .w-image {
    position: absolute;
    right: 0;
}
main#page-content .video_agenzia_cliente.sei_agenzia .w-image {
    right: 30px;
    top: 0px;
}
main#page-content .video_agenzia_cliente.sei_cliente .w-image {
    right: 60px;
    top: 70px;
}
/* bollini pagina prezzi */
main#page-content #bollini_percentuali .video_agenzia_cliente {
    position: relative;
}
main#page-content #bollini_percentuali .video_agenzia_cliente .w-video-icon {
    width: 80%;
    border-radius: 120px;
}

/******************/
/* Pagina: PREZZI */
/******************/
#hero_piani .w-tabs-section-content {
    padding: 5vh 0;
}
/* bollini percentuali */
.pagina_prezzi#bollini_percentuali .wpb_text_column  {
    background-size: auto!important;
}
.pagina_prezzi#bollini_percentuali .bollino2 {
    padding: 24% 12%;
    margin-top: 0;
    background-size: 80%!important;
}
.pagina_prezzi#bollini_percentuali .bollino2 p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 100;
}
.pagina_prezzi#bollini_percentuali .bollino3 {
    padding: 20% 0;
    margin-top: 0;
    background-size: 50% !important;
}
.pagina_prezzi#bollini_percentuali .bollino3 p {
    font-weight: 100;
}

/* hotspot pin dinamici - pagina Prezzi */
.pagina_prezzi section#hotspot {
    padding: 0;
    margin: 0;
}
.pagina_prezzi section#hotspot .wrap_svl {
    float: none;
    max-width: 100%;
    width: 80%;
}
.pagina_prezzi section#hotspot .images_wrap img {
    width: 100%;
    margin: auto;
}
.pagina_prezzi section#hotspot .point_style img {
	transform: scale(0.65);
}
.pagina_prezzi section#hotspot .point_style:hover img,
.pagina_prezzi section#hotspot .point_style img.pin_active {
	transform: scale(0.55);
  transform-origin: 10px 50px;
}
.pagina_prezzi section#hotspot .wrap_svl .point_style img {
    transform-origin: 10px 50px;
}
/* BOX_NOTE */
#box_note h2 {
    font-size: 32px;
    text-align: center;
}
#box_note .box_text_note {
    border-radius: 50px;
    background: #FCFEFA;
    padding: 50px;
}
#box_note .box_text_note a {
    color: #111;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    font-weight: 100;
}
#box_note .box_text_note a:hover {
    color: #000;
}

/************************/
/* Pagina: Funzionalità */
/************************/
#funzionalita .box_mantello {
    margin-left: -100px;
}
#funzionalita .box_mantello .w-image {
    position: relative;
    z-index: 2;
}
#funzionalita .box_mantello .w-video {
    position: absolute;
    right: -20px;
    top: 40px;
}
#funzionalita .box_mantello video {
    transform: rotateY(180deg);
    clip-path: border-box;
    mix-blend-mode: multiply;
    opacity: 0.4;
    filter: brightness(1.5);
}
#funzionalita .box_mantello .w-video-icon {
    background: linear-gradient(0deg, #248452 0%, #248452 100%)!important;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: color;
}

#funzionalita .box_funzionalita {
    border-radius: 50px;
    background: #DCF7C5;
    padding: 60px 80px;
    max-width: 1140px;
    margin: 50px auto 0;
    align-items: center;
}
#funzionalita .box_funzionalita p,
#funzionalita .box_funzionalita ul li {
    color: var(--dark, #05031B);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
#funzionalita .box_funzionalita video {
    filter: brightness(1.01);
}
#integrazioni .box_icone_integrazioni {
    border-radius: 100px;
    background: #FFF;
    padding: 10px 60px 0;
    margin-bottom: 80px;
}
#integrazioni .box_icone_integrazioni img {
    margin-bottom: -80px;
}
#integrazioni .w-grid-list {
    /* justify-content: center; */
}
#integrazioni .w-grid.type_grid article {
    /* margin: -10px; */
}
/* #integrazioni .w-grid.type_grid article img {
    width: 145px;
    height: auto;
} */

/* hotspot pin dinamici */
#integrazioni .box_icone_integrazioni img {
    margin-bottom: 0;
}
#integrazioni section#hotspot {
    padding: 0;
}
#integrazioni section#hotspot .images_wrap img {
    left: 20px;
    position: relative;
    top: 20px;
}
#integrazioni section#hotspot .point_style img {
	transform: scale(0.45);
}
#integrazioni section#hotspot .point_style:hover img,
#integrazioni section#hotspot .point_style img.pin_active {
	transform: scale(0.3);
}

/* Box Icone Soluzioni */
.box_funzionalita .w-hwrapper.valign_middle.align_none {
    margin-top: 10px;
}
.box_funzionalita .w-hwrapper .w-iconbox.icontype_img {
    background: white;
    align-items: center;
    padding: 2px 8px;
    border-radius: 12px;
    width: 180px;
    opacity: 0.7;
    transition: all 300ms linear;
}
.box_funzionalita .w-hwrapper .w-iconbox.icontype_img:hover {
    opacity: 1;
    transition: all 300ms linear;
}
.box_funzionalita .w-hwrapper .w-iconbox.icontype_img img {
    margin-top: 2px;
    display: inline-block;
}
.box_funzionalita .w-hwrapper .w-iconbox.icontype_img .w-iconbox-icon {
    margin: 4px 10px 0 0;
}
.box_funzionalita .w-hwrapper .w-iconbox.icontype_img .w-iconbox-title {
    align-items: center;
    display: flex;
    line-height: 18px;
    font-size: 16px;
}
.box_funzionalita .w-hwrapper .w-iconbox.icontype_img .w-iconbox-title:after {
    content: "\f061";
    font-family: "fontawesome";
    margin-left: 10px;
}
.box_funzionalita #chatGPT_wa .w-hwrapper .w-iconbox.icontype_img .w-iconbox-title:after {
    display: none;
}
/* Box Icone Integrazioni */
.box_funzionalita .w-grid.type_grid {
    margin-top: 10px;
}
.box_funzionalita .w-grid.type_grid>div[class*="list"]>* {
    width: 11.8%;
}
.box_funzionalita .w-grid.type_grid .w-grid-item-h {
    background: white;
    border-radius: 5px;
    padding: 6px;
    opacity: 0.8;
    transition: all 300ms linear;
}
.box_funzionalita .w-grid.type_grid .w-grid-item-h:hover {
    opacity: 1;
    transition: all 300ms linear;
}
.box_funzionalita .w-grid.type_grid .w-grid-item-h img {
    filter: grayscale(1) contrast(1);
}
.box_funzionalita .w-grid.type_grid .w-grid-list:after {
    content: "Tutte";
    font-family: "Open Sans";
    background: white url(img/arrow-right.svg) 60px center no-repeat;
    background-size: 22%;
    padding: 0 35px 0 15px;
    height: 45px;
    margin: 6px;
    border-radius: 5px;
    align-items: center;
    display: flex;
    opacity: 0.6;
    transition: all 300ms linear;
    cursor: pointer;
}
.box_funzionalita .w-grid.type_grid .w-grid-list:hover:after {
    opacity: 1;
    transition: all 300ms linear;
}

/*********************/
/* Pagina: SOLUZIONI */
/*********************/
main#page-content .section_soluzioni .w-video-h video {
    clip-path: none;
}
.bollini_contatore {
      /* display: none; */
}
.bollini_contatore {
    margin: 100px auto;
    max-width: 900px;
    padding-bottom: 100px;
}
.bollini_contatore .wpb_text_column {
    display: grid;
    align-items: center;
    min-height: 300px;
}
.bollini_contatore .wpb_text_column {
    display: grid;
    align-items: center;
    min-height: 300px;
    position: relative;
}
.bollini_contatore .wpb_text_column:before {
    content: "";
    border-radius: 100%;
    background: #00D566;
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 0;
    left: -15px;
}
.bollini_contatore .wpb_column.vc_column_container:first-child .wpb_text_column:first-child:before {
    left: 30px;
}
.bollini_contatore .wpb_column.vc_column_container:first-child .wpb_text_column:first-child p {
    margin-left: 45px;
}
.bollini_contatore big {
    color: var(--dark, #05031B);
    letter-spacing: -5px;
    font-size: 80px;
    font-weight: 800;
    line-height: 90px;
}
.bollini_contatore p {
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    position: relative;
    display: flex;
    align-items: center;
    max-width: 80%;
}

/******************************/
/* Pagina: PROGRAMMI SPECIALI */
/******************************/
#programmi .box_programmi {
    border-radius: 50px;
    background: #F7F3D3;
    padding: 30px;
    margin-bottom: 60px;
}
.box_programmi .w-grid.type_grid article {
    margin: -15px;
}
@media (min-width: 800px) {
    #programmi .box_programmi {
        padding: 80px 120px;
    }
    #programmi .box_programmi .w-hwrapper>* {
        flex: 50%;
    }
}
#programmi .box_programmi .bollini_contatore {
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 20px;
}
#programmi .box_programmi .bollini_contatore .wpb_text_column {
    min-height: 160px;
}
#programmi .box_programmi .bollini_contatore .wpb_text_column:before {
    background: #fff;
    width: 140px;
    height: 140px;
}
#programmi .box_programmi .bollini_contatore big {
    letter-spacing: -5px;
    font-size: 60px;
    line-height: 60px;
}
#programmi .box_programmi .bollini_contatore p {
    font-size: 18px;
    line-height: 26px;
    gap: 2rem;
    max-width: 100%;
}
#programmi .box_programmi .bollini_contatore.text_center .wpb_text_column {
    display: inline-flex;
}
#programmi .box_programmi .bollini_contatore.text_center big {
    font-size: 100px;
    line-height: 100px;
}
/* video title agenzie */
.video_title h1 {
    color: #000;
    font-size: 80px;
    line-height: 80px;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    filter: saturate(2) hue-rotate(12deg);
    background: url("img/title_agenzia.gif") 0 0 / 95% no-repeat;
}







/********/
/* BLOG */
/********/
/* Scheda Articolo */
.single-post main h1 {
    font-size: 40px;
    line-height: 50px;
}
.single-post main h2 {
    font-size: 32px;
    line-height: 42px;
}
.single-post main h3 {
    font-size: 28px;
    line-height: 38px;
}
.single-post main h4 {
    font-size: 22px;
    line-height: 32px;
}

/*********************/
/* Pagina: CHI SIAMO */
/*********************/
#chi_siamo .box_chisiamo {
    border-radius: 30px;
    background: #DCF7C5;
    padding: 40px;
    max-width: 1140px;
    margin: 0 auto 40px;
}
#chi_siamo .box_chisiamo h1 {
    /* padding: 40px 0; */
}
#chi_siamo .box_chisiamo h1 img {
    vertical-align: middle;
}
@media (min-width: 1024px) {
    #chi_siamo .box_chisiamo {
        padding: 40px 150px;
        border-radius: 1000px;
        margin: 0 auto 80px;
    }
    #chi_siamo .box_chisiamo h1 {
        /* padding: 120px 0; */
    }
    #chi_siamo .box_chisiamo.box_chisiamo_slide_testo,
    #chi_siamo .box_chisiamo.box_chisiamo_solo_testo {
        padding: 150px;
    }
    #chi_siamo .box_chisiamo.box_chisiamo_step {
        padding: 50px 100px;
    }
}
.box_chisiamo .box_text_grey {
    border-radius: 20px;
    background: #E2DFFE;
    box-shadow: 0px 0px 4px 0px #E4E2E4;
    padding: 20px;
    margin-left: 0;
}
.box_chisiamo .box_text_grey p {
    font-size: 16px;
    line-height: 20px;
}
.box_chisiamo .box_text_blue {
    border-radius: 20px;
    background: #3B99F6;
    box-shadow: 0px 0px 4px 0px #E4E2E4;
    padding: 20px;
    margin: 40px 0 0 0;
}
.box_chisiamo .box_text_blue h4 {
    color: white;
}
.box_chisiamo .box_text_blue p {
    color: white;
    font-size: 16px;
    line-height: 20px;
}
.box_chisiamo .box_img_persone img {
    margin: 0;
}
.box_chisiamo .step_box {
    margin: 30px 20px;
}
.box_chisiamo .step_box p {
    color: var(--dark, #05031B);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    position: relative;
    z-index: 1;
    min-height: 80px;
    display: grid;
    align-items: center;
}
.box_chisiamo .step_box p:before {
    content: "1";
    color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 70px;
    font-weight: 800;
    line-height: 120px;
    position: absolute;
    z-index: -1;
    width: 40px;
    left: -25px;
    top: -20px;
    text-align: center;
}
.box_chisiamo .step_box.step_1 p:before {content: "1";}
.box_chisiamo .step_box.step_2 p:before {content: "2";}
.box_chisiamo .step_box.step_3 p:before {content: "3";}
.box_chisiamo .step_box.step_4 p:before {content: "4";}
@media (min-width: 800px) {
    .box_chisiamo .box_text_grey {
        border-radius: 24px;
        padding: 25px;
        margin-left: -60px;
    }
    .box_chisiamo .box_text_blue {
        border-radius: 24px;
        padding: 25px;
        margin: 40px -70px 0 40px;
    }
    .box_chisiamo .box_img_persone img {
        margin: -80px 0 0 80px;
    }
    .box_chisiamo .step_box p:before {
        font-size: 120px;
        line-height: 120px;
        left: -30px;
    }
}

/* video BG verde a fine pagina */
#video_bg_green {
    max-width: 1140px;
    margin: auto;
}
main#page-content #video_bg_green .video_agenzia_cliente .w-video {
    text-align: center;
}
main#page-content #video_bg_green .video_agenzia_cliente .w-video-h {
    padding-bottom: 0;
    border: 10px solid black;
    border-radius: 300px;
}
main#page-content #video_bg_green .video_agenzia_cliente video {
    transform: none;
    /* border-radius: 300px; */
    clip-path: border-box;
    width: 100%;
    /* border: 10px solid black; */
    height: 400px;
    object-fit: cover;
    filter: contrast(0.3);
    display: block !important;
}
main#page-content #video_bg_green .video_agenzia_cliente .w-video-icon {
   background: #00a53e!important;
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   mix-blend-mode: color;
}
main#page-content #video_bg_green .video_agenzia_cliente.sei_agenzia .w-image {
    top: 0;
    right: auto;
    left: auto;
    z-index: 1;
}

/****************/
/* Pagina: FAQs */
/****************/
#faqs ul {
    margin: 0 0 1.5rem 1.5rem;
}
#faqs .sub-list {
    list-style-type: circle;
}
#faqs ul li.accordion__item {
    background: white;
    margin-bottom: 8px;
    border: 0;
    padding: 20px;
}

/**********/
/* FOOTER */
/**********/
/* general */
footer h2.widgettitle {
    color: white;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}
footer #menu_footer p,
footer #menu_footer a {
    color: white;
}
footer #menu_footer a:hover {
    text-decoration: underline;
}
/* form contatti */
.campi_provenienza {
    display: none;
}
.privacy  {
    margin: 15px 0 0;
    display: inline-block;
    clear: both;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    display: block;
}
.wpcf7 .privacy input[type="checkbox"] {
    display: inline;
    height: auto;
    margin: 0 5px 0 0;
    /* width: auto; */
}
.wpcf7-list-item-label {
    font-size: 12px;
    line-height: 16px;
}
.wpcf7-submit {
    width: 100%;
    margin-top: 15px;
}
.wpcf7-spinner {
    position: absolute;
    bottom: 45px;
    right: 0;
}

/* FORM PROVA QMarketing */
form.wpcf7-form .box_flex p {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
form.wpcf7-form p span.wpcf7-form-control-wrap {
    margin: 0 0 20px;
}
form.wpcf7-form p br {
    display: none;
}
form.wpcf7-form .box_flex span[data-name="phone_prefix"] {
    flex: 42%;
}
form.wpcf7-form .box_flex span[data-name="phone_prefix"] select {
    padding: 0 5px;
}
form.wpcf7-form a {
    color: #000;
}
form.wpcf7-form .privacy p span.wpcf7-form-control-wrap {
    margin: 0;
}
form.wpcf7-form .privacy input[type="checkbox"] {
    width: 22px;
	height: 22px;
	display: inline-block;
	margin-top: -6px;
	line-height: 22px;
}
form.wpcf7-form .privacy p label {
    font-weight: 400;
}
form.wpcf7-form .privacy a {
    text-decoration: underline;
}
label[for="phone_prefix"] {
    /* display: none; */
    font-size: 12px;
}
/* campi UTM */
#campi_utm {
    display: none;
}
#form_prova_spoki_test #campi_utm {
    display: block;
}


/*******************************/
/* LANDING PAGE: "Prova QMarketing" */
/*******************************/
#col_fixed {
    position: static;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    margin-top: 0px;
    height: 100vh;
    transform:scale(0.9);

}
#col_fixed.col_form {
    background: #00D566;
    padding: 20px 45px;
	margin-top: -65px;
	max-height: 560px;
}
#col_fixed.col_prenota_call {
    max-width: 950px;
    box-shadow: none;
    padding: 0;
    margin-top: -60px;
    height: auto;
}
#col_fixed.col_prenota_call #contentDiv {
    box-shadow: 0px 100px 100px 0px rgba(13, 65, 38, 0.10);
}
@media (min-width: 1024px) {
    #col_fixed {
        position: fixed;
        left: 55%;
        z-index: 9;
        max-width: 600px;
        margin: 0;
        border-radius: 20px;
        box-shadow: 0px 100px 100px 0px rgba(13, 65, 38, 0.10);
        padding: 35px 60px 25px;
        margin-top: -60px;
    }
    #col_fixed.col_prenota_call {
        max-width: 950px;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        margin-top: -60px;
        height: auto;
    }

}
#col_fixed h2 {
    margin: 0;
    font-size: 26px;
    line-height: 32px;
}
#col_fixed p {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 18px;
}
#col_fixed .wpcf7-form-control-wrap {
    margin: 0 0 6px;
}
#col_fixed form p br {
    display: none;
}
#col_fixed form input[type="text"],
#col_fixed form input[type="email"],
#col_fixed form select {
    min-height: 100%;
    height: 33px;
}
#col_fixed form span[data-name="phone_prefix"] .wpcf7-select {
    font-size: 14px;
}
#col_fixed textarea {
    height: 80px;
}
#col_fixed input.wpcf7-not-valid,
#col_fixed select.wpcf7-not-valid,
#col_fixed .wpcf7-not-valid input {
    box-shadow: 0 0 2px 2px red;
}
#col_fixed .wpcf7-not-valid-tip {
    display: none;
}
#col_fixed input[type="submit"] {
    position: relative;
	margin-top: 5px;
}
#col_fixed .wpcf7-spinner {
    position: absolute;
    bottom: 45px;
    right: 0;
}
#col_fixed .wpcf7-response-output {
   margin: 10px 0 0;
}
#col_fixed .privacy p span,
#col_fixed .privacy p label {
    margin: 0;
    font-size: 11px;
    line-height: 13px;
}
#col_fixed form.wpcf7-form .box_flex p {
    gap: 7px;
    align-items: center;
}
/* end form */
#landing_page .bollini_contatore {
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    align-items: center;
}
#landing_page .bollini_contatore .wpb_text_column {
    min-height: 160px;
    align-items: center;
    display: grid;
}
#landing_page .bollini_contatore .wpb_text_column:before {
    width: 140px;
    height: 140px;
}
#landing_page .bollini_contatore big {
    letter-spacing: -5px;
    font-size: 60px;
    line-height: 60px;
}
#landing_page .bollini_contatore p {
    font-size: 18px;
    line-height: 26px;
    gap: 0.5rem;
    max-width: 100%;
}
#landing_page .bollini_contatore.text_center .wpb_text_column {
    display: inline-flex;
}
#landing_page .bollini_contatore.text_center big {
    font-size: 100px;
    line-height: 100px;
}
#landing_page .bollino_contatore_1 {
    margin-left: 0;
    left: 0;
}
#landing_page .bollino_contatore_2 {
    margin-bottom: 0;
}
#landing_page .w-hwrapper {
    align-items: baseline;
}
/* hotspot pin dinamici */
#landing_page section#hotspot {
    padding: 0;
}
#landing_page section#hotspot .point_style img {
	transform: scale(0.8);
}
#landing_page section#hotspot .point_style:hover img,
#landing_page section#hotspot .point_style img.pin_active {
	transform: scale(0.5);
}

main#page-content #landing_page #video_hero_home .w-video-h video {
    width: 60%;
}
main#page-content #landing_page .w-video-h video {
    width: 90%;
    margin-bottom: -4px;
    margin-top: -1px;
}
@media (min-width: 800px) {
    #landing_page .bollini_contatore {
        padding: 60px 0 0;
        align-items: center;
    }
    #landing_page .bollino_contatore_1 {
        margin-left: 20px;
    }
    #landing_page .bollino_contatore_2 {
        margin-bottom: -150px;
    }
}
/* CTA fixed */
.w-btn-wrapper:has(> #btn_provaspoki) {
    width: 100%;
    position: fixed;
    bottom: 25px;
    left: 0;
    display: none;
}
#btn_provaspoki {
    /* width: auto; */
    /* margin: 0 14%; */
    display: inline-block;
    min-width: 220px;
}
/* CTA fixed - pagina "Funzionalità e Integrazioni" */
.w-btn-wrapper:has(> .btn_fixed#btn_provaspoki) {
    bottom: 10px;
    right: 70px;
    left: auto;
    display: block;
    width: auto;
    z-index: 9;
}
.btn_fixed#btn_provaspoki {
    min-width: auto;
}

/************************************/
/* LANDING PAGE: "Prenota una call" */
/************************************/
#col_fixed.col_button {
    min-height: 370px;
    align-items: center;
    display: grid;
    box-shadow: none;
    height: 77vh;
    position: static;
}
#col_fixed.col_button>.vc_column-inner {
    padding-left: 32%;
    margin-top: -120px;
}
@media (min-width: 800px) {
    #col_fixed.col_button {
        min-height: 450px;
        height: auto;
        position: fixed;
        left: 55%;
    }
}
@media (min-width: 1024px) {
    #col_fixed.col_button {
        min-height: 600px;
        height: 100vh;
        align-items: center;
    }
}
/* Nuova Funzionalità screening Prenota Call */
.form_screening_prenota_call#col_fixed.col_prenota_call {
    background: #00D566;
    padding: 20px 35px 35px;
    border-radius: 20px;
    max-width: 475px;
    margin-bottom: 50px;
    margin-top: -80px;
    z-index: 111;
}
.form_screening_prenota_call .wpcf7-response-output {
    display: none !important;
}
.form_screening_prenota_call#col_fixed h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 14px;
}
.form_screening_prenota_call#col_fixed p .wpcf7-form-control-wrap {
    margin: 0.4rem 0 10px;
}
.form_screening_prenota_call p label {
    font-weight: bold;
    margin-top: 5px;
    display: block;
}
.form_screening_prenota_call p label .wpcf7-list-item-label {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}
.form_screening_prenota_call #contentDiv {
    height: 460px;
}
.form_screening_prenota_call #contentDiv iframe {
    border-radius: 15px;
    height: 460px;
}
.form_screening_prenota_call #errorDiv {
    font-size: 14px;
}
form.wpcf7-form input[type="radio"] {
    box-shadow: 0 0 1px 0.5px black;
}
.form_screening_prenota_call#col_fixed .box_flex .wpcf7-form-control-wrap {
    margin: 0 0 2px;
}
.form_screening_prenota_call#col_fixed .box_flex .wpcf7-form-control-wrap .wpcf7-list-item-label {
    display: none;
}
#loadingIcon {
    display: none;
    max-width: 50%;
    margin: 30% auto;
}

html[lang="it-IT"] .calendly-inline-widget.eng {display:none;}
html[lang="en"] .calendly-inline-widget.ita {display:none;}


/**************************/
/* Box Contenuto Stondato */
/**************************/
section.box_contenuto.l-section {
    max-width: 1140px;
    padding: 50px 60px;
    margin: 2.5rem auto;
    border-radius: 50px;
    background: #DCF7C5;
}
.header_hor .l-header.pos_fixed~.l-main>.l-section.box_contenuto:first-of-type {
    margin-top: calc( var(--header-height) + 20px);
}
.header_hor .l-header.pos_fixed~.l-main>.l-section.box_contenuto:first-of-type>.l-section-h {
    margin-top: 0;
    padding-top: 0;
}
.header_hor .l-header.pos_fixed~.l-main>.l-section.box_contenuto:last-of-type {
    margin-bottom: 3rem;
}
.box_contenuto .l-section-h.i-cf {
    align-items: center;
}
@media screen and (max-width: 1200px) {
    section.box_contenuto.l-section {
        margin: 2.5rem 25px;
    }
}
@media screen and (max-width: 1024px) {
    .l-canvas.type_wide:has(.box_contenuto:first-of-type) {
        overflow: auto;
    }
}
@media screen and (max-width: 600px) {
    section.box_contenuto.l-section {
		    padding: 30px;
		}
}
/***************************/
/* Elemento Testo Stondato */
/***************************/
.wpb_text_column.box_testo_stondato {
    padding: 50px 60px;
    margin: 2.5rem auto;
    border-radius: 50px;
    background: #DCF7C5;
}
@media screen and (max-width: 600px) {
    .wpb_text_column.box_testo_stondato {
		    padding: 30px 35px;
		}
}

/*******************/
/* Pagina: AGENZIE */
/*******************/
#agenzie .w-grid-list {
   justify-content: center;
}
#agenzie.box_programmi .w-grid.type_grid article {
    margin: -18px;
}
#agenzie.box_programmi .grid_icone_agenzie.w-grid.type_grid article {
    margin: -6px;
}
#form_diventa_partner {
    border-radius: 50px;
    background: #D1F3F6;
    max-width: 1040px;
    margin: auto;
    padding: 100px 20px 80px;
}
#form_diventa_partner .w-iconbox-icon {
    font-size: 6rem;
    margin: 0 -30px 0 0;
}
#form_diventa_partner .w-iconbox h5 {
    font-size: 16px;
}

/**************/
/* Pagina: AI */
/**************/
.box_ai.g-cols.via_grid {
    grid-gap: 2rem;
    margin-bottom: 2rem;
}
.box_ai.g-cols.via_grid>.wpb_column.vc_column_container {
    padding: 55px 30px;
    background: #DCF7C5;
    border-radius: 50px;
}
.box_ai .w-image.align_center {
    min-height: auto;
    align-items: center;
    display: grid;
}
@media (min-width: 1024px) {
    .box_ai.g-cols.via_grid {
        grid-gap: 6rem;
        margin-bottom: 6rem;
    }
    .box_ai.g-cols.via_grid>.wpb_column.vc_column_container {
        border-radius: 50px;
        background: #DCF7C5;
        padding: 60px 120px;
        justify-content: normal;
    }
    .box_ai .w-image.align_center {
        min-height: 400px;
        align-items: center;
        display: grid;
    }
}
.box_ai .img_chatgpt img {
   mix-blend-mode: darken;
}
.star {
    position: absolute;
    width: 50px;
    height: auto;
}
.star.star_1 {
    top: 45%;
    left: -20px;
}
.star.star_2 {
    top: 5%;
    right: -20px;
}
@media (min-width: 600px) {
    .star {
        position: absolute;
        width: auto;
    }
}
.box_ai.g-cols.via_grid>.box_ai_no_height.wpb_column.vc_column_container .w-image.align_center {
    min-height: auto;
}
.box_ai.g-cols.via_grid>.box_ai_cs.wpb_column.vc_column_container {
    padding: 60px 70px;
}
.box_ai.g-cols.via_grid>.box_ai_cs h2 {
    color: #3B99F6;
    font-size: 40px;
    font-weight: 700;
    line-height: 45px;
}
.reverse_text {
    transform: rotate(-90deg);
}
.reverse_text big {
    color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 100px;
    font-weight: 800;
    line-height: 100px;
}
.w-btn.btn_comingsoon {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 50px;
    padding: 1rem 2.5rem;
}

/****************************/
/* FORM AUTOMAZIONI INTERNE */
/****************************/
.box_flex .wpcf7-form-control.wpcf7-radio {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: -10px;
}
.box_flex .wpcf7-radio span.wpcf7-list-item>label {
    padding: 0;
    align-items: center;
}
.box_flex .wpcf7-radio span.wpcf7-list-item>label input[type="radio"] {
    margin-top: 0;
}



/************************/
/* Animazione Hero Home */
/************************/
@keyframes anim_titolo {
  from {
      max-width: 450px;
  }
  to {
      max-width: 400px;
      transform: translate(0px, 0px);
      text-align: left;
      font-size: 22px;
      line-height: 26px;
  }
}
@keyframes anim_titolo_span {
  from { margin: 0 16%; }
  to   { margin: 0; }
}
@keyframes anim_ul {
  from {
      gap: 2rem;
      justify-content: center;
  }
  to {
      transform: translate(0px, 0px);
      float: none;
  }
}
@keyframes anim_ul_li {
  from {
      float: left;
  }
  to {
      float: none;
  }
}
@keyframes anim_video {
  from {
      opacity: 0; visibility: hidden; transform: scale(0.8);
  }
  to {
      opacity: 1; visibility: visible; transform: scale(1);
  }
}
.animazione_hero#hero_home_anim h4 {
    max-width: 450px;
    font-size: 38px;
    transform: translate(71%, 50px);
    animation-name: anim_titolo;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
    animation-timing-function: ease-in-out;
}
.animazione_hero#hero_home_anim h4 span {
    margin: 0 16%;
    animation-name: anim_titolo_span;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
    animation-timing-function: ease-in-out;
}
.animazione_hero#hero_home_anim ul {
    gap: 2rem;
    justify-content: center;
    transform: translate(35%, 50px);
    animation-name: anim_ul;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
    animation-timing-function: ease-in-out;
}
.animazione_hero#hero_home_anim ul li {
    float: left;
    margin-right: 40px;
    animation-name: anim_ul_li;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
    animation-timing-function: ease-in-out;
}
.animazione_hero#hero_home_anim .w-video {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
    margin-top: -50%;
    animation-name: anim_video;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
    animation-timing-function: ease-in-out;
}


/**********************/
/* Grid Loghi Agenzie */
/**********************/
.box_programmi .grid_agenzie.w-grid article {
    margin: 0;
}
.box_programmi .grid_agenzie.w-grid article .w-grid-item-h {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.11);
}
#agenzie.box_programmi .grid_agenzie.w-grid.type_grid article {
    margin: 0;
}
#agenzie.box_programmi .box_loghi_agenzie {
    max-width: 1040px;
    margin: auto;
}
.box_programmi .grid_icone_agenzie.grid_agenzie.w-grid article .w-grid-item-h {
    border-radius: 3px;
    box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.11);
}

/***************************/
/* Sezione Human Resources */
/***************************/
#grid_hr .card_blog .g-filters {
    margin-bottom: 60px;
}
#grid_hr .g-filters-item {
    display: inline-flex;
}
#grid_hr .w-grid-item {
    border-radius: 20px;
}
#grid_hr .w-grid-item-h {
    border-radius: 20px;
    border: 0.874px solid #DFDFDF;
    background: #FFF;
    box-shadow: 0px 34.966px 34.966px 0px rgba(0, 0, 0, 0.10);
}
#grid_hr .w-grid-item h4 {
    color: #000;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    background: #DCF7C5;
    padding: 25px 45px;
    border-radius: 20px 20px 0 0;
}
#grid_hr .w-vwrapper {
    padding: 35px 45px;
    display: block;
}
#grid_hr .w-vwrapper p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
#grid_hr .g-filters-item[data-taxonomy="developer"]:before {
    background: url("img/filtri/hr/developer-icon.svg") no-repeat;
}
#grid_hr .g-filters-item[data-taxonomy="marketing"]:before {
    background: url("img/filtri/hr/marketing-icon.svg") no-repeat;
}
#grid_hr .g-filters-item[data-taxonomy="sales"]:before {
    background: url("img/filtri/hr/sales-icon.svg") no-repeat;
}
#grid_hr .g-filters-item[data-taxonomy="costumer-success"]:before {
    background: url("img/filtri/hr/costumer-success-icon.svg") no-repeat;
}
#grid_hr .g-filters-item[data-taxonomy="administration"]:before {
    background: url("img/filtri/hr/administration-icon.svg") no-repeat;
}
#grid_hr .g-filters-item[data-taxonomy="legal"]:before {
    background: url("img/filtri/hr/legal-icon.svg") no-repeat;
} 
