/** 
 *
 * MDB Logikamente 5 - Custom CSS
 * Version: 1.1
 *
 **/

/* General style */
/* Fix generale per overflow orizzontale DENISA */

body, html {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}
.carousel-indicators{/*gestisce i pallini slider*/
    position: absolute;
    bottom: -12%;
}
/*
.card-dark {
    outline:red solid !important;
}
*/

.navbar-brand img {
    max-height: 50px !important;
}
.text-trans-unset {
    text-transform: unset !important;
}


.pll_switcher{
    min-width: 40px !important;
}

#animated-title{
  /* ... (stili precedenti) ... */

  /* Per la "profondità" più scura, puoi usare un pseudo-elemento */
  position: relative;
  z-index: 1;  /*Assicura che il testo sia sopra */
}

/* Pseudo-elemento per il background scuro che si fonde con le ombre */
#animated-title::after {
  content: attr(data-text); /* Ripete il testo del data-text attribute */
  position: absolute;
  top: 0;
  left: 0;
  color: transparent; /* Nasconde il testo del pseudo-elemento */
  z-index: -1; /* Mette il pseudo-elemento dietro il testo principale */
  
  /* Sfondo gradiente per la parte "profonda" */
  background: linear-gradient(to bottom right, #2c2c2c, #000000);
  -webkit-background-clip: text; /* Necessario per applicare il gradiente al testo */
  background-clip: text; /* Necessario per applicare il gradiente al testo */

  /* Le stesse ombre per creare la forma 3D, ma più scure */
  text-shadow:
    1px 1px 0 #1c1c1c,
    2px 2px 0 #181818,
    3px 3px 0 #141414,
    4px 4px 0 #101010,
    5px 5px 0 #0c0c0c,
    /* ... continua con più strati scuri ... */
    10px 10px 0 #000000;
}

#header-application{
    height: 50rem !important;
}
:focus {outline:0 !important;}
body {
    font-size: 0.9rem;
    background-color: white;
    font-family: 'Montserrat', sans-serif;
   line-height: 27px;
    color: black;
}


 h1, h2, h3{
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-feature-settings:  normal;
    font-kerning:  auto;
    font-optical-sizing:  auto;
    
    font-size-adjust:  none;
    font-stretch:  100%;
    font-weight:  700;
    letter-spacing: -0.05em;
    
 }


#title-page h1 {
    color: #000000;

}


.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.container-fluid.application-text-background, #logo-desc-exp{
     background-image: radial-gradient(circle at 45% 75%, rgba(225, 225, 244, 1) 0%, transparent 40%), 
     radial-gradient(circle at 5% 10%, rgba(225, 225, 244, 1) 0%, transparent 15%), 
     radial-gradient(circle at 90% 100%, rgba(225, 225, 244, 1) 0%, transparent 25%);
}

#wrapper_div_exp{
    display:flex;
    justify-content: center;
    margin-top: 100px;


}
#integrations-grey{ 
    height: fit-content;
    padding-bottom: 0%;
}

#no-stretch-slider {
    text-align: center; /* Centra orizzontalmente il contenuto inline (come l'immagine) */
    margin-top: 0%;
}
#no-stretch-slider img{
    display: block;  
    max-width: 1000px;  
    max-height: 1000px; 
    width: auto;       
    height: auto;      
    margin: 0 auto;    
}



/* Stile per l'immagine */

p {
    color: rgb(40, 61, 77);
    margin: unset !important;
}
 
.single-content-template a:not(.sidenav-link):not(.btn):not(.dropdown-item):not(.nav-link):not(.navbar-brand):not(.page-link):not(.carousel-control-prev):not(.carousel-control-next),
#contact-us-container a:not(.sidenav-link):not(.btn):not(.dropdown-item):not(.nav-link):not(.navbar-brand):not(.page-link):not(.carousel-control-prev):not(.carousel-control-next) {
    color: #c94895 ;font-weight: 700;
}
div.performance-item a {
    color: rgb(40, 61, 77) !important;font-weight: 700;
}
.wpcf7-spinner {
    display: none !important;
}
.single-content-template , #menu-navbar .dropdown-menu{
    background-color: transparent; background-image: linear-gradient(90deg, rgb(250, 248, 251) 0%, rgb(250, 247, 250) 53%, rgb(247, 247, 255) 100%); background-position: center center; background-repeat: repeat; background-size: cover;
}


.purple-gradient{
    background-color: #faf8fb;

  background-image:
    linear-gradient(0deg, #e1e1f4 0%, rgba(109, 40, 217, 0) 40%)
}



.carousel-item img{
    object-fit: scale-down;
    object-position: center;
}

textarea {
    resize: none !important;
}
.menu-active {
    top: 32px !important;
}
.sub-sub-menu {
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 0%);
    border-radius: 20px;
    background-repeat:no-repeat;
    background-position-x:right;background-position-y:bottom;
    background-size:50%;
    margin: 42px 5px 30px !important;
}
.sub-sub-menu:hover{
    background-color: var(--hex-color, transparent);
    transition: .3s;
}
.sub-sub-menu .dropdown-item:hover{
    color: currentColor;
    background: transparent;
    font-weight: 500;
}
.link-find-more-megamenu{
color:rgb(7, 7, 7)!important;
font-weight:bold;
font-size:12px;
 font-weight: 700;
}

.navbar-nav .nav-link,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active {
    color: rgb(0, 0, 0)!important;
    font-feature-settings: "liga" 0;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    text-transform: none;
}
#menu-navbar {
    background-image: linear-gradient(90deg, rgb(250, 248, 251) 0%, rgb(250, 247, 250) 53%, rgb(247, 247, 255) 100%);
    box-shadow: none;
    transition: 0.3s;
}


#newsletter-form form {
    color: #37474f !important;
}
.nav-pills .nav-link {
    border-radius: 2em !important;
}
.nav-pills:not(.menu-sidebar) .nav-link.active, .nav-pills:not(.menu-sidebar) .show > .nav-link {
    background-color: #4c636b !important;
    color: white !important;
}
.nav-pills:not(.menu-sidebar) .nav-link {
    background-color: transparent !important;
    color: #4c636b !important;
}
.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
}
#social-linkedin,
#social-facebook,
#social-instagram {
    color: #969696 !important;
    border: 1px solid #969696 !important;
}
.btn-primary:hover#social-linkedin {
    color: white !important;
    border: 1px solid rgba(72, 110, 247) !important;
    background-color: rgba(72, 110, 247) !important;
}
.btn-primary:hover#social-facebook {
    color: white !important;
    border: 1px solid rgba(2, 141, 227) !important;
    background-color: rgba(2, 141, 227) !important;
}
.btn-primary:hover#social-instagram {
    color: white !important;
    border: 1px solid rgba(213, 0, 232) !important;
    background-color: rgba(213, 0, 232) !important;
}
#cc-window {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px !important;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Contact Form 7 */
.wpcf7-not-valid-tip {
    display: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    text-align: center !important;
    border-color: #0f5688 !important;
    border-radius: 20px !important;
    color: #0f5688 !important;
}
div.wpcf7 .ajax-loader {
    display: none !important;
}

/* AcyMailing */
#acym_wrapper a, #acym_wrapper div, #acym_wrapper h1, #acym_wrapper h2, #acym_wrapper h3, #acym_wrapper h4, #acym_wrapper h5, #acym_wrapper h6, #acym_wrapper p, #acym_wrapper span, #acym_wrapper button, #acym_wrapper input, #acym_wrapper optgroup, #acym_wrapper select, #acym_wrapper textarea {
    font-family: 'Questrial', sans-serif !important;
}

/* Page style */
.background-image {
    background-repeat: no-repeat;
    background-position: center -200px;
    padding-top:150px;
    padding-bottom:50px
}
#footer-address p {
    color: white !important;
}
#contact-us-container {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.form-control{
    width: 100%;
}
#contact-us-container::before {
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #8499a1;
    display: block;
    height: 100%;
    position: absolute;
    width: 50%;
}
#contact-us-container > .container {
    z-index: 999;
    position: relative;
}


/* Contenitore delle tab pills animato sezione: Ottimizzare la produzione non è mai stato così facile*/
.tab-pane {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
/* Tab attiva */
.tab-pane.active.show {
  opacity: 1;
  transform: translateY(0);
}


/* Homepage style */
#title-page button.btn-secondary {
    text-transform: initial;
    border-radius: 8px;
    background-color: #802583;
}
.rounded-image {
    max-height: 450px;
    max-width: 640px;
}
.rounded-image img {
    border-radius: 10px;
}
.btn-primary:hover,
.btn-primary:active {
    background-color: #802583 !important;
}

#carouselSliderIndicators .carousel-indicators [data-mdb-target] , #carouselSliderSolutions .carousel-indicators [data-mdb-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #8499a1;
}
.blog-category-name {
    color: #0f5688 !important;
}
.blog-card-informations {
    font-size: 12px !important;
}

/* Esperienze */

#exp-single-logo {
    object-fit: contain;
    max-width: 100%;
    width: auto;
}

#integrations-archive img,
#integrations-archive img.img-thumbnail {
    padding: 0.5rem;
    max-height: 50px;
}
.img-exp-description {
    object-fit: contain;
    max-height: 400px;
}
.img-exp-integrations {
    max-height: 120px;
    max-width: 120px;
    width: 100%;
    height: 100%;
}

/* style of page "single-competence.php", section "container" */
.full-width-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 48vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none; 
}

.full-width-image img {
    height: auto;
    max-width: 100%;
    object-fit: contain;
}
.competence-block {
    position: relative;
    overflow: hidden;
}

.full-width-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 48vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
    pointer-events: none; 
}

.full-width-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-width: none;
}
.ai-twin-section img {
  width: 100%;
  height: auto;
  max-height: 500px; /* regola l’altezza massima desiderata */
  object-fit: contain;
  display: block;
  margin: 0 auto;
}



/* Slider MDB custom style */












/* Work With Us */
#header-page {
    margin: 150px 0 !important;
}



/* Scroll animation */
.activateOnScroll {
    opacity: 0;
    -webkit-transform: translateY(48px);
    transform: translateY(48px);
    transition: .4s opacity,.8s -webkit-transform cubic-bezier(.07,.89,.79,.95);
    transition: .4s opacity,.8s transform cubic-bezier(.07,.89,.79,.95);
    transition: .4s opacity,.8s transform cubic-bezier(.07,.89,.79,.95),.8s -webkit-transform cubic-bezier(.07,.89,.79,.95);
}
.activateOnScroll.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* Integrations */
#book-a-demo {
    background-color: rgb(24 59 85) !important;
}
#integrations .integration-list img {
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 6px 24px rgba(0,0,0,.1);
}
#integrations .integration-list li {
    list-style: none;
    position: absolute;
}
#integrations .integration-list {
    height: 360px;
    display: block;
    margin: 0 0 48px;
    padding: 0;
    position: relative;
}
#integrations {
    background: linear-gradient(180deg,#fff 0,#f9fafb 100%);
    overflow: hidden;
}
#integrations .integration-list img {
    height: auto;
}
#integrations .integration-list img.s {
    width: 64px;
}
#integrations .integration-list img.m {
    width: 96px;
}
#integrations .integration-list img.l {
    width: 128px;
}

/* Blog Section */
#single-blog h1 {
    color: #37474f !important;
}

#blog-section #categories a.active {
    color: #3d3d3d !important;
    font-weight: bold;
}
#blog-section #categories a {
    color: #3d3d3d !important;
}
#single-post-content img {
    max-width: 100% !important;
    height: auto !important;
}
#single-post-content h1 {
    margin-top: 2.5em;
}
#single-post-content h2 {
    margin-top: 2em;
}
#single-post-content h3 {
    margin-top: 1.5em;
}
#single-post-content p {
    text-align: justify;
    margin-top: 0.5rem;
}
#single-post-content li {
    margin-top: 1rem;
}
#single-post-content a {
    margin-top: 0.5rem;
    text-decoration: underline;
    font-style: italic;
}
.single-blog-category {
    color: #0f5688 !important;
}
.card-title {
    font-size: 16px !important;
}
.card-text {
    font-size: 14px !important;
    color: black !important;
}

/* Link iubenda  */
a.iubenda-nostyle{
    width: auto!important;
    height: auto!important;
}

/* Ebook */
#ebook h1 {
    color: #2a373f !important;
}
#ebook-description h3 {
    margin-bottom: 2rem !important;
}
#ebook-description p,
#ebook-description li {
    color: #3d3d3d !important;
    line-height: 2rem !important;
    font-size: 18px !important;
    margin-bottom: 2.5rem !important;
}
.dropdown-menu{
    background-color: transparent;
    box-shadow: none;}
#menu-navbar a {
    font-weight:500;
}
.buttonew2025{
    border-style: solid;
    border-image:linear-gradient(90deg, #38abd9 10%,#c63e91 40%,#c63e91 60%, #144a6f 90%) 3;
    color: #3d3d3d !important;
    border-radius: 50px;
    margin-left:30px;
    transform-style: preserve-3d;
    
    border: double 3px transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 30px;
    background-image: linear-gradient(white, white), 
                      linear-gradient(90deg, #38abd9 10%,#c63e91 45%,#c63e91 55%, #144a6f 90%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.buttonew2025 div
{background-color:#faf8fb;border-radius: 27px;}

.buttonew2025 a{
    color: #3d3d3d !important;
    font-weight:bold;
}

.btn-primary {
    background-color: rgb(172 72 148)!important;
    color: #fff;
    border-radius: 40px;
    width: auto; 
    
}
.exp-title-img {
  width: 100%;
  max-width: 800px;
}


#book-a-demo .btn-primary, #competence-book-a-demo .btn-primary{
    border: solid 3px #ac4894;
    font-size: 1rem;
}
#book-a-demo .btn-primary {
    background-color: transparent  !important;
}
#competence-book-a-demo .btn-primary{
    background-color: #ac4894;
}

#book-a-demo .btn-primary:hover{
    background-color: #ac4894 !important;
}

#competence-book-a-demo .btn-primary:hover{
    background-color: #183b55 !important;
}


#title-links .btn-primary
{height: 60px;}

.btn-empty{vertical-align: middle;
    color:white;
    border:3px solid rgb(172 72 148);
    color: #fff;
    border-radius: 40px;
    width: auto;
    
}
.nav-item.dropdown li a.hover-pink:hover{
    font-weight: 600 !important;
    border-radius:5px;
}

.performance-item {
    padding-right: 12px!important;
    padding-left: 12px!important;
    margin-top: 34px;
}
.performance-item div:not(.img-competence) {
    /* background-color: white;*/ 
    border-radius: 46px;
    /*border: 1px solid rgb(227, 227, 227);*/
    /*padding:30px 45px; */
    min-height: 350px;
}

.img-competence{
    border: 2px solid rgb(227, 227, 227);
    border-radius: 50%;
    padding: 12px ;
    width: 54px;

}
.fw-bold {
    font-weight: 600 !important;
}
.max1024{ 
    max-width: 1024px;
    margin:0 auto;
}
.custom-tab-production .nav-link.active {
    color: #0f5688;
    border-color:rgb(172 72 148);
    font-size: 18px;


}
.custom-tab-production .nav-item {
    padding:0  50px;
    
}
.custom-tab-production .nav-link {
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: 28px;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 500;
    font-size: 18px;
    color:rgb(40, 61, 77);
    padding:15px 20px;
    
}
.image-gear-list{
    padding-top: 10px;
  /* AGGIUNGI QUESTO PER SICUREZZA 
  max-width: 100%;
  height: auto;*/
}

.image-logo-list{
    max-width: 50px;
}



.owl-carousel .item
{
    background-color: white;
    border-radius: 20px;
    height: 140px;
    padding: 20px;
}
.owl-carousel .item .image
{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 100px;
    width: 100%;
}
.card-esperienze {
    padding: 45px 60px;
    background-color: white;
    border-radius:20px;
    border: 1px solid #e3e3e3;
}

.card-post {
    border-radius: 20px !important;
    padding: 20px;
}

.card-post {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-post:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.image-esperienze
{
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
  
}

.testimonial-sliders-strip .carousel-indicators  ,  .solutions-sliders-strip .carousel-Solutions {
    position: absolute;
    right: auto;
    bottom: -100px;
    left: -64px;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;

    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.testimonial-sliders-strip {
   padding-bottom:226px!important;
}


.solutions-sliders-strip{
background-color: #1d2e3b;
/*padding: 116px 20px 140px !important; */
color:white!important;
}
.image-soluzioni{min-height: 400px;
background-repeat: no-repeat;
background-position: center center;
background-size:contain;

}

.solutions-sliders-strip p {
color: white!important;
}

#footer
{
    background-color: rgb(40 60 77);
    /*border-radius: 30px 30px 0 0;*/
}



.footer-menu-column a {
    color:#bac4c9!important;
    font-size: 13px;
}

.footer_sezioni{
    width: 20%;
}
#logo_form_footer{
    width:100% !important;
}
#footer-newsletter {
    width: 100%;
    text-align: left;
    margin-top:20px;
}


#footer-newsletter input{
    background-color: #3a5163;
    color: #bac4c9 !important;
    border-radius: 40px;
    border:none;
    height: 40px;
}
#footer-newsletter .btn{
    background-color: #3a5163!important;
    color: #fff;
    text-transform: none;
    font-size: 16px;
}

#security .fw-bold , #chi-siamo-partner .fw-bold {
    font-weight: 700 !important;
}
#security-discover{
    color:rgb(172 72 148)!important;
    font-weight: 600;
}


.icon-area-comp-bg{
    display: inline-flex;
    border-radius: 50%;
    background-color: rgb(230 230 230);
}

.icon-area-comp-bg img{
    max-width:100%;
    height: auto;
}
.icon-lista-bg{
    display: inline-flex;
    border-radius: 50%;
    background-color: white;
}

.icon-lista-bg img{
    max-width:100%;
    height: auto;
}

.card-dark p{
    color:white;
}
.card-dark p.link:hover img{
    transition-duration: 1s;
    font-weight: 600;
}
.card-dark p.link:hover{
    transition-duration: 1s;
    font-weight: 600;
}
.card-dark p.link{
    font-weight: 300;
    transition-duration: 1s;
}
.card-dark p.link img{
    transition-duration: 1s;
    font-weight: 300;
}

.card-dark{
    border-radius:30px;
    border-width: 3px;
    border-style: solid;
    min-height: 275px;
}
.card-dark:hover{
    border-style: solid;
    border-image: linear-gradient(90deg, #38abd9 10%, #c63e91 40%, #c63e91 60%, #144a6f 90%) 3;
    color: #3d3d3d !important;
    border-radius: 30px;
    transform-style: preserve-3d;
    border: double 3px transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 30px;
    background-image: linear-gradient(rgb(40 60 77), rgb(40 60 77)), linear-gradient(90deg, #38abd9 10%, #c63e91 45%, #c63e91 55%, #144a6f 90%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-color: transparent!important;
}
.card-dark:hover div{

    border-radius: 27px;
}


.strip-sfumata{
background-image: url(/wp-content/uploads/2025/02/strip_sfumata-9ea69ca15068e5d7dd8ad8cc44aa088c.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}


/* === EFFETTO HOVER MEGAMENU ==== */

#menu-navbar .navbar-nav .applications-item ul.sub-sub-menu {
  position: relative;
  padding: 20px;
  border-radius: 24px;
  background-color: white;
  overflow: hidden;
  z-index: 1;
  transition: box-shadow 0.3s ease;
}


.exp_icon{
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;   
    justify-content: center; 
    background-color: white;
}
.exp_icon img {
    max-width: 100%;
    max-height: 100%;
}

/* Simula bordo sfumato curvo con ::before */
#menu-navbar .navbar-nav .applications-item ul.sub-sub-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px; /* Spessore del bordo */
  border-radius: 24px;
  background:  linear-gradient(90deg, #38abd9 10%, #c63e91 40%, #c63e91 60%, #144a6f 90%);/* Gradient del bordo */
 
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
/* Effetto hover: mostra il bordo */
#menu-navbar .navbar-nav .applications-item ul.sub-sub-menu:hover::before {
  opacity: 1;
}
#menu-navbar .navbar-nav .applications-item ul.sub-sub-menu::before {
  transition: opacity 0.5s ease; /* Transizione più lunga per un effetto più smooth */
}











/* page "ESPERIENZE" */
#sectors {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center; 
}

#sectors .nav-item {
  flex: 0 0 auto; 
  margin: 5px; 
}

#sectors .nav-link {
  white-space: normal; 
  padding: 8px 12px; 
  font-size: 1.25em; 
  line-height: 1.2; 
  text-align: center;
  display: inline-block;
}

.container-fluid-esperienze {
    max-width: 1440px;
    margin: 0 auto;
}

/* stile delle card della pagina "ESPERIENZE" */
.card-esperienze {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-esperienze:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.card-esperienze img {
    max-height: 60px;
    object-fit: contain;
}

.card-esperienze h5 {
    font-size: 1.25rem;
    font-weight: 600;
}

.card-esperienze p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #fffbfb;
}


/* Stili per la nav pills con scroll orizzontale */

.sectors-scroll-container {
    width: 100%;
    margin: 0 auto 2rem;
}

#sectors {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 0 -4px;
}

#sectors .nav-item {
    flex: 1 0 auto;
    margin: 4px;
    min-width: 0; 
}

#sectors .nav-link {
    display: block;
    padding: 10px 15px;
    text-align: center;
    border-radius: 50px;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    background-color: #f8f9fa;
    color: #333;
    border: 1px solid #dee2e6;
}

#sectors .nav-link.active {
    background-color: #7e2ad2;
    color: white;
    border-color: #7e2ad2;
}

.container-fluid-esperienze img {
    max-width: 100%;
}

/* "fifth section" nella pagina homepg- */
/* ASPETTO UGUALE A QUELLO NELL'IMMAGINE */
.custom-pill-tabs {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.custom-pill-tabs .nav-link {
  border: 2px solid transparent;
  border-radius: 50px;
  padding: 10px 24px;
  font-weight: bold;
  color: #343a40;
  transition: all 0.3s ease;
  text-transform: uppercase;
}

.custom-pill-tabs .nav-link.active {
  background-color: #ab039d;
  color: white !important;
  border-color: #ab039d;
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.gradient-highlight {
  background: linear-gradient(90deg, #38abd9 15%, #c63e91 55%, #c63e91 75%, #144a6f 95%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.2rem;

}


h2.display-5 span.gradient-highlight{
    background: linear-gradient(90deg, #38abd9 15%, #c63e91 55%, #c63e91 75%, #38abd9 97%);
    background-clip: text;
}


/* Stile base della riga */
.stagger-line {
  display: inline-block;
  opacity: 0;
  transform: translateY(80px) scale(2.20) rotateX(80deg);  /* ROTAZIONE MAGGIORE */
  transform-origin: bottom center;                         /* ORIGINE DAL BASSO */
  perspective: 500px; 
  transition:
    opacity 0.9s ease-out,
    transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}

/* Classe attiva per far partire l’animazione */
.stagger-line.animate-in {
  opacity: 1;
  transform: translateY(0px) scale(1) rotateX(0deg);
}


/*  --SECOND SECTION-- ROW ITEM-- HOVER MOUSE */

/* Wrapper esterno per effetto bordo gradiente */
.custom-card-wrapper {
    position: relative;
    border-radius: 10px; /* Questo definisce la curvatura del bordo!!!!!!!!!!!!!!!! */
    /*overflow: hidden;*/
    /*padding: 2px;*/
    background: #ffffff; /* Aggiunto per il bordo */
    transition: transform 0.3s ease;
}

/* Bordo sfumato con gradient e maschera */ /* Bordo sfumato */
.custom-card-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 46px; /* Deve corrispondere al wrapper!!!!!!!!!! */
    background: linear-gradient(90deg, #38abd9 10%,#c63e91 40%,#c63e91 60%, #144a6f 90%);/* Gradiente rosa → viola */
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px; /* Spessore bordo */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;   /* Sopra lo sfondo ma sotto il contenuto */ 
    pointer-events: none; /* Permette interazioni con il contenuto */
}

/* Al passaggio del mouse, appare il bordo sfumato */
.custom-card-wrapper:hover::before {
    opacity: 1;
}

/* Al passaggio del mouse, effetto di elevazione */
.custom-card-wrapper:hover {
    transform: translateY(-5px);
}

.custom-card {
    position: relative;
    z-index: 2; /* Sopra il bordo gradiente */
    /*background-color: #ffffff;*/
    /*border-radius: 8px; /* Leggermente più piccolo del wrapper */
    /*transition: all 0.3s ease;*/
    /*height: 100%; */
    /*display: flex;*/
    /*flex-direction: column;*/
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}

/* Contenuto interno - aggiunto background */
.custom-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px;
    /* background: #ffffff; /* Importante per coprire il gradiente */
    /*border-radius: 8px; /* Uguale a .custom-card */
}

/* Hover unificato solo sul wrapper */
.custom-card:hover {
    transform: translateY(-5px);
}

/* Immagine */
.custom-card .img-competence img {
    max-width: 60px;
    height: auto;
    transition: transform 0.3s ease;
}

/* Aggiungi un leggero zoom all'immagine al passaggio del mouse */
.custom-card:hover .img-competence img {
    transform: scale(1.05);
}

/* Titolo */
.custom-card-title {
    font-size: 22px;
    font-weight: 600;
    color: #2a2a2a;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

/* Cambia colore al titolo al passaggio del mouse */
.custom-card:hover .custom-card-title {
    color: #130231; /* Colore del gradiente */ 
    
}

/* Descrizione */
.custom-card-text {
    font-size: 14px;
    color: #555555;
    flex-grow: 1;
    margin-bottom: 20px;
}

/* Link */
.custom-card-link a {
    font-size: 14px;
    color: #003366;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.custom-card-link a:hover {
    color: #0055aa;
    transform: translateX(3px);
}

/* Icona freccia */
.custom-card-link i {
    transition: transform 0.3s ease;
}

/* Animazione freccia al passaggio del mouse */
.custom-card-link:hover i {
    transform: translateX(3px);
}

/* Altezza uniforme */
.performance-item {
    display: flex;
}

/* Ottimizzazioni per l'effetto "Simply powerful"  SEZIONE */

/* Fix per l'animazione del paragrafo */
.third-section [data-aos] {
    transition-property: transform, opacity;
    will-change: transform, opacity;
}

/* Stato iniziale nascosto */
.third-section [data-aos].aos-init:not(.aos-animate) {
    opacity: 0;
    transform: translateY(20px);
}


#navbar-contact-button > div:hover {
  background-color: transparent;
background: linear-gradient(90deg, #eddff0 10%,#faedff 40%);

 ;
}

/* Sandro: ANIMAZIONE TITOLO (in test) */
.fade-up.in-view {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out; 
}

.cylinder-up {
  display: inline-block;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  /* L'origine della trasformazione è cruciale. Lo mettiamo al centro in basso
     perché l'elemento deve "arrotolarsi" verso l'alto da quel punto. */
  transform-origin: center bottom;
  perspective: 1000px; /* Una buona prospettiva per l'effetto 3D */

  /* Ottimizzazioni per le performance */
  will-change: transform, opacity, filter;
  transform: translate3d(0, 0, 0); /* Forza l'accelerazione hardware */
}

@keyframes cylinderHorizontalWrap {
  0% {
    opacity: 0;
    /* Iniziamo con l'elemento molto inclinato (quasi orizzontale),
       in basso e con una parte "dentro" il cilindro immaginario.
       È anche schiacciato e sfocato. */
    transform: translateY(100px) rotateX(85deg) scaleY(0.2) translateZ(-50px);
    filter: blur(5px);
  }
  30% {
    opacity: 0.3;
    /* Sale un po', si raddrizza leggermente, e si estende un po' */
    transform: translateY(50px) rotateX(60deg) scaleY(0.4) translateZ(-30px);
    filter: blur(3px);
  }
  60% {
    opacity: 0.7;
    /* Continua a salire, raddrizzarsi e prendere la sua forma */
    transform: translateY(10px) rotateX(20deg) scaleY(0.8) translateZ(-10px);
    filter: blur(1px);
  }
  100% {
    opacity: 1;
    /* Completamente visibile, nella sua posizione e forma normale */
    transform: translateY(0) rotateX(0deg) scaleY(1) translateZ(0);
    filter: blur(0);
  }
}

.cylinder-up.in-view {
  animation: cylinderHorizontalWrap 2.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)  forwards;
  -webkit-animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
  animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
@-webkit-keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-80px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-80px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}


/* SLIDE "ESPERIENZE" */
.ap-parent {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.carousel-eyebrow {
    margin-bottom: 30px;
    padding-left: 77px;
}

.eyebrow-large {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    margin: 0;
}

.carousel {
    position: relative;
    width: 100%;
    /* RIMOSSO overflow: hidden */
    padding: 0 20px; /* Aggiunto padding laterale */
    box-sizing: border-box;
}

.carousel__wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1240px; /* Massima larghezza del contenuto */
}

.carousel__slider {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    gap: 0; /* Nessuno spazio tra le slide */
}

.testimonial-slide {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    scroll-snap-align: start;
    padding: 0 10px;
    box-sizing: border-box;
}

.content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    border-radius: 32px;
    padding: 64px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.content__copy {
    padding-right: 40px;
    flex: 1;
    min-width: 300px;
}

.content__copy h3 {
    color: #333;
    font-weight: 400;
    font-style: italic;
}

.person .paragraph {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    color: #333;
}

.person .eyebrow-large {
    font-size: 16px;
    color: #666;
    margin-top: 5px;
}

.content__image {
    flex: 0 0 300px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-image {
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Pulsanti di navigazione */
.carousel-navigation-buttons {
    display: flex;
    gap: 10px;
}

.rounded-button {
    position: relative;
    border: none;
    background: none;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rounded-button__background-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rounded-button__background-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ab039d;
    border-radius: 50%;
}

.rounded-button__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ab039d;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}

.rounded-button:hover .rounded-button__background {
    opacity: 1;
}

.rounded-button__icon {
    color: #ab039d;
    font-size: 24px;
    position: relative;
    transition: color 0.3s;
}

.rounded-button:hover .rounded-button__icon {
    color: white;
}

/* Dots navigation */

.carousel-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 26px 40px;
    width: 100%;
}
/* .carousel-interface__dots {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0;
}

.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ac4894;
        background: hsl(0, 0%, 87%);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
} */

.dot {
    width: 10px; /* Mantieni la dimensione VISIVA del punto */
    height: 10px; /* Mantieni la dimensione VISIVA del punto */
    border-radius: 50%;
    background-color: #ac4894;
    border: none;
    padding: 0; /* Assicurati che il padding sia 0 qui per non ingrandire il dot visibile */
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative; /* Fondamentale per posizionare il pseudo-elemento */
    /* overflow: hidden; */ /* Potrebbe essere utile se il contenuto (aria-label) supera il dot, ma in questo caso non necessario */
}

.dot::before {
    content: ''; /* Obbligatorio per i pseudo-elementi */
    position: absolute; /* Posiziona il pseudo-elemento in relazione al .dot */
    top: -20px; /* Sposta l'area cliccabile 20px verso l'alto */
    left: -20px; /* Sposta l'area cliccabile 20px verso sinistra */
    right: -20px; /* Estende l'area cliccabile 20px verso destra */
    bottom: -20px; /* Estende l'area cliccabile 20px verso il basso */
    z-index: 1; /* Assicura che il pseudo-elemento sia sopra il dot per essere cliccabile */
    /* Per debug: background: rgba(0,255,0,0.2); per vedere l'area cliccabile */
}

.carousel-interface__dots {
    display: flex;
    /* Puoi mantenere il gap a 8px o aumentarlo, a seconda di quanto vuoi che i dot visivi siano vicini */
    /* Con l'area cliccabile estesa, un gap di 8px potrebbe essere sufficiente */
    gap: 10px; /* Mantieni il tuo gap originale */
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0;
}

.dot.active {
    background-color: #ac4894;
    transform: scale(1.3);
}
/* Effetto hover per i dots */
.dot:hover:not(.active) {
    background-color: #fcfcfc;
}

/* Contenitore pulsanti frecce */
.carousel-navigation-buttons {
    display: flex;
    gap: 10px;
}

/* Stile base pulsanti */
.rounded-button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background-color: #ac4894;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    padding: 0;
}

/* Effetto hover pulsanti */
.rounded-button:hover {
    border-color: #ab039d;
}

.rounded-button:hover .rounded-button__icon {
    color: #ab039d;
}

/* Icone frecce */
.rounded-button__icon {
    font-size: 24px;
    color: #ffffff;
    transition: color 0.3s ease;
    position: relative;
    z-index: 2;
}

/* Effetto sfondo pulsante */
.rounded-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(171,3,157,0.2) 0%, rgba(171,3,157,0) 70%);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 1;
}

.rounded-button:hover::before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

/* Stato disabilitato */
.rounded-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: #eee;
}

.rounded-button:disabled .rounded-button__icon {
    color: #aaa;
}

.rounded-button:disabled:hover::before {
    opacity: 0;
}



/* ==== stile del bottone hover come btn "scopri materialSUITE" in tutta homepage */ 
.show-more-btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.show-more-btn i {
    transition: transform 0.3s ease;
}

.show-more-btn:hover i {
    transform: translateX(5px);
}

.show-more-btn:hover {
    color: #ab039d !important; 

}

/* ===========  SEZIONE PRE-FOOTER ==============================*/

/* Container delle frecce in basso */
.carousel-bottom-arrows {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}

/* Bottone rotondo */
.arrow-button {
  background-color: #B84E96;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.arrow-button:hover {
  background-color: #9c3e7c;
  transform: scale(1.05);
}

/* Link tipo bottone per "prenota una demo" */
.btn-material {
  background-color: #B84E96;
  color: #fff !important;
  font-weight: bold;
  border: none;
  border-radius: 50px;
  padding: 10px 30px;
  font-size: 16px;
  min-width: 181px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.btn-material:hover {
  background-color: #9c3e7c;
}

.btn-link-white {
  font-size: 16px;
  color: #fff !important;
  text-decoration: none;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  /*margin-top: 16px;*/
 
}

.btn-link-white i {
  margin-left: 6px;
}

.btn-link-white i {
    margin-left :6px;
    transition: transform 0.3s ease;
}

.btn-link-white:hover i {
    transform: translateX(6px);
}


/* MOBILE MEDIUM (481px – 767px) */
@media (max-width: 767px) {
  #animated-title {
    font-size: 60px !important;
    line-height: 1 !important;
    padding: 0 15px;
  }
  .custom-tab-production .nav-item {
    padding:0  10px;
    
    }
    .hide-on-mobile {
    display: none !important;
  }
    
}

@media (max-width: 480px) {
  #my-animated-title {

    line-height: 1 !important;
    font-size: 42px;
  }
}


/* Ottimizzazione per mobile THIRD SECTION SEZIONE "INTEGRIAMO QUALSIASI SOFTWARE ERP */
@media (max-width: 767px) {
    .third-section [data-aos] {
        opacity: 1 !important;
        transform: none !important;
    }
}


/* ===========  sezione "ESPERIENZE" =============================*/


@media (min-width: 1025px) {
    .content {
        flex-direction: row;
        padding: 50px;
    }
    
    .content__copy {
        padding-right: 40px;
    }
}

@media (max-width: 1024px) {

    .content{
        padding: 24px; 
        border-radius: 20px;
        background: #fff;
    }

    .testimonial-slide {
        flex: 0 0 auto;
        width: 100%;
        box-sizing: border-box;
    }

    .carousel__slider {
        display: flex;
        /*gap: 16px; /* distanza tra le slide */
        transition: transform 0.5s ease;
    }

    .carousel__wrapper {
        padding: 0 !important;
        margin: 0 auto;
    }

    .carousel {
        padding: 0 !important;
    }
}


@media (max-width: 768px) {
    .carousel {
        padding: 0;
    }
    .content {
        border-radius: 32px;
    }

    .courosel.eyebrow {
        padding-left: 60px !important;
    }
    .sectors-scroll-container {
        margin: 0 !important;
    }
}


@media (min-width: 768px) {
    .gradient-highlight{
        font-size: 3.5rem;
    }
}


@media (min-width: 900px) {
    .gradient-highlight{
        font-size: 5rem;
    }
}


@media (max-width: 480px) {
    .carousel {
        padding: 0px;
    }
    
    .content {
        padding: 20px;
        border-radius: 12px;
    }
    .carousel-navigation-buttons {
        padding-right:60px ;
    }
}

/* debug 
* {
  outline: 1px solid red !important;
}  */

#blog-posts-grid .card-post {
	padding: 0px !important;
}

	
#blog-posts-grid .img-fluid {
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
}


/* ===========  SEZIONE PRE-FOOTER materialBox section ==============================*/

@media (max-width: 768px) {
  .card-soluzioni .carousel-control-prev,
  .card-soluzioni .carousel-control-next {
    width: 40px;
    height: 40px;
    bottom: 10px;
  }

  .card-soluzioni .carousel-control-prev img,
  .card-soluzioni .carousel-control-next img {
    width: 18px;
    height: 18px;
  }

  .card-soluzioni .carousel-control-prev {
    left: 40%;
  }

  .card-soluzioni .carousel-control-next {
    right: 40%;
  }
}

@media (max-width: 767px) {
    .carousel-item .image-soluzioni {
        min-height: 250px;
        background-size: contain;
        margin-bottom: 20px;
    }
    
    .carousel-item .row {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
  .card-soluzioni .carousel-control-prev,
  .card-soluzioni .carousel-control-next {
    width: 40px;
    height: 40px;
    bottom: 10px;
  }
  
  .card-soluzioni .carousel-control-prev {
    left: 30%;
  }
  
  .card-soluzioni .carousel-control-next {
    right: 30%;
  }
}

@media (max-width: 767px) {
    .solutions-sliders-strip p {
        font-size: 18px !important;
    }
    
    .solutions-sliders-strip .btn {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 576px){
    .carousel-control-prev.custum-arrow{
        left: -10px;
    }
    .carousel-control-next.custum-arrow{
        right:-10px;
    }
    .custum-arrow img {
        width:32px;
    }
   .arrow-button {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }
    .d-flex.flex-wrap.gap-3.align-items-center {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-material {
        width: 100%;
        text-align: center;
    }

    .btn-link-white {
        width: 100%;
        justify-content: center;
        text-align: center;
    }


}

@media screen and (max-width: 576px) {
  .btn-link-white {
    font-size: 15px;
    justify-content: center;
    width: 100%;
    text-align: center;
  }
}

/*============================================ */

@media screen and (max-width: 1460px) {
     /* Footer */
    #footer-bottom {
       /* margin-bottom : 100px !important;*/
        border-bottom : 1px solid rgba(0,0,0, 0.25);
    }
}

@media screen and (max-width: 1400px) {
    #blog .blog-card-body a.btn {
        padding: 10px !important;
        width: 50% !important;
    }
}

@media screen and (max-width: 1199px) {
    .integrations-container {
        flex-wrap: wrap;
    }
    .integrations-container > * {
        flex: 1 1 200px;
    }
}

@media screen and (min-width: 991px) {
    #header-application > div.container > div.text-md-start {
        max-width: 50%;
    }
    #menu-navbar .dropdown-toggle::after {
        display: none !important;
    }
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
    .dropdown > .dropdown-toggle:active {
        /* Without this, clicking will make it sticky */
        pointer-events: none;
    }
}
@media screen and (max-width: 991px) {
    .integrations-container > * {
        flex: 1 1 150px;
    }
    .buttonew2025{
        display:none!important;
    }

    .nav-item{
        width:100%!important;
    }
    .nav-pills  .nav-item{
        width:auto!important;
    }
    /*ULTIME MODIFICHE PRIMA DI MESSA ONLINE ------*/
    .sub-sub-menu{
        background-image: none !important;
        background-color: transparent !important;
        padding: 0% !important;
        margin: 0% !important;
        border-radius: 0% !important;
    }
    .link-find-more-megamenu{
        display: none !important;
    }
    .sub-sub-menu > li:not(.applications-menu-title) {
        padding-left: 1rem !important;
        line-height: 1 !important;
    }

    .sub-sub-menu > li:not(.applications-menu-title):hover {
        background-color: #e1e1f4 !important;
        
    }
    
   
    ul:has(.sub-sub-menu) {
        box-shadow: none !important;

    }


    #menu-navbar .navbar-nav .applications-item ul.sub-sub-menu::before {
    
    background:  none;/* Gradient del bordo none */
    
    
    }

    /*------*/
    .sub-sub-menu
    /* Megamenu */
    #menu-navbar .navbar-nav .dropdown-menu {
        position: unset !important;
        box-shadow: none !important;
    }
    #menu-navbar .navbar-nav .dropdown-item {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    #menu-navbar .navbar-nav .dropdown-menu:hover,
    #menu-navbar .navbar-nav .dropdown-item:focus, .dropdown-item:hover {
        background: none !important;
    }
   
    #menu-navbar .navbar-nav .applications-item ul {
        max-width: unset !important;
        top: unset !important;
        background-size: 35%;
    }
    #menu-navbar .navbar-nav .applications-item li.d-flex {
        display: block !important;
        padding: 0px 20px;
    }

    #navbarSupportedContent {
        overflow: scroll !important;
        max-height: calc(100vh - 100px) !important;
        -ms-overflow-style: none !important;  
        scrollbar-width: none !important;  
    }
    #navbarSupportedContent::-webkit-scrollbar {
        display: none !important;
    }
    .strenghts-section .custom-separator {
        width: 100% !important;
    }


    #homepage .single-blog-post-card {
        max-width: 400px !important;
    }
    #homepage .latest-from-blog div.row.pt-5 {
        justify-content: center !important;
    }
    #header-application > div.container {
        background: unset !important;
    }
    
    #navbar-contact-button {
        display: none !important;
    }
    #homepage .background-image {
        height: 600px !important;
    }
    .bg-home-container {
        background-position: center -300px !important;
    }
    .contact-buttons-right > div {
        flex-direction: column !important;
    }
}

@media screen and (max-width: 894px) {
    .carousel-control-prev,
    .carousel-control-next {
        display: none !important;
    }
}


@media screen and (max-width: 767px) {
    .menu-active {
        top: 46px !important;
    }
    #logo_form_footer{
        display: block !important;
    }
    div.px-md-0{
        width: 100%;
        
    }

    .integrations-container > * {
        flex: 1 1 100px;
    }
    .lh-lg {
        line-height: 1.5 !important;
    }
    .first-section .col-md-4 img {
        display: none !important;
    }
    .bg-home-container {
        background-position: center -380px !important;
    }
    #homepage .background-image {
        height: auto !important;
        margin-bottom: 3.5rem !important;
    }
    .testimonial-sliders-strip .carousel-item p.pt-3 {
        width: 100% !important;
    }
    /* Chi Siamo */
    #contact-us-container::before {
        top: unset !important;
        width: 100% !important;
        height: 50% !important;
        background-color: unset !important;
    }
    /* Press */
    .single-press .col p.mb-2 {
        font-size: 1rem !important;
    }
    .single-press .col p.mt-4 {
        display: none !important;
    }
    .single-press .col-2 {
        flex: 0 0 auto;
        width: auto;
    }
    /* Blog */
    #single-post-content h2,
    #single-post-content h3,
    #single-post-content h4,
    #single-post-content h5 {
        text-align: left !important;
    }
    /* Esperienze */
    #exp-integrations-container div.d-flex {
        display: block !important;
    }
    .img-exp-integrations {
        max-height: 80px !important;
        max-width: 80px !important;
        margin: 10px !important;
    }
    /* Newsletter Shortcode */
    #newsletter-form .wpcf7-form #newsletter-container {
        flex-direction: column !important;
    }
    #newsletter-text,
    #newsletter-form,
    #newsletter-form-input {
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed !important;
    }
    
}

@media screen and (max-width: 500px) {
    #menu-navbar a button.btn {
        display: none !important;
    }
    .integrations-container > * {
        flex: unset;
    }
    .integrations-container {
        flex-direction: column;
    }
    #ebook-informations div.ms-5 a {
        justify-content: center !important;
    }
    /* Homepage */
    .first-section div.col-md-4 {
        display: none !important;
    }
    #ebook-informations .col-md-6:first-child {
        display: none !important;
    }
    #ebook-informations .col-md-6.position-relative a {
        justify-content: center !important;
    }
    .banner .col-md-8 > div:first-child {
        flex-direction: column !important;
    }
}

@media screen and (max-width: 450px) {
    
    .bg-home-container {
        background-position: center -450px !important;
    }
    #integrations .integration-list {
        height: 200px !important;
    }
    #animated-title {
    line-height: 1 !important;
    font-size: 50px !important;
  }
  .background-image{
        padding-top: 70px;
    }
}

@media screen and (max-width: 400px) {
    /* Blog */
    .blog-card-body .btn {
        width: auto !important;
    }
    .navbar-brand img{
        max-height: 40px !important;
        height: 100%;
    }
    /* Footer */
    #footer-bottom-social{
        justify-content: center !important;
    }

    
    
}

@media screen and (max-width: 360px) {
    #mobile-contact-button {
        border-radius: 30px !important;
    }
    .container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    /* Chi Siamo */
    #company-informations .informations-column p {
        font-size: 1rem !important;
    }
    /* Press */
    .single-press .col-2 {
        padding-top: 25px !important;
    }
    /* Esperienze */
    #integrations-archive {
        overflow-x: scroll !important;
    }
    /* Contact Shortcode */
    #contact-us-container::before {
        content: none !important;
    }
    #contact-us-container .contact-text-left {
        width: 100% !important;
    }
    #contact-us-container .contact-buttons-right {
        display: none !important;
    }
    #footer-bottom {
        flex-direction: column-reverse !important;
    }
    #footer-bottom-social {
        justify-content: center !important;
    }
}

/* AcyMailing unsubscribe page */
#acym_wrapper button{
    background-color: #0f5688!important;
    padding: 10px!important;
}
#acym_wrapper button:hover, #acym_wrapper button:active {
    background-color: #802583 !important;
}

.call-to-action-card .card {
    border-radius: 20px !important;
    transition: 0.3s;
    position: fixed;
    width: inherit;
    max-width: 360px;
}
.call-to-action-card .card:hover {
    box-shadow: 0 6px 20px 0 rgba(15, 86, 136, .25), 0 12px 40px 5px rgba(15, 86, 136, .2) !important;
}

/* Certifications page */
.singleBoxCertificazioni {
    border: 1px solid #ececec;
    border-radius: 20px !important;
    border-image-slice: 1;
    margin-bottom: 10px;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: white;    
    max-width: 1000px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 991px) {
    .call-to-action-card .card {
        width: 100%;
        position: unset;
        max-width: unset;
        margin-top: 50px;
    }
    .navbar-brand img{
        height: 30px;
    }
}

@media screen and (max-width: 770px) {
    #certificazioni .background-image {
        height: 600px;
    }
}

@media screen and (max-width: 430px) {
    #certificazioni .background-image {
        height: 500px;
    }
}




/* page "single-competence.php" section "container" */
@media (max-width: 768px) {
    .full-width-image {
        position: relative;
        width: 100%;
        height: auto;
        justify-content: center;
        margin-top: 2rem;
        pointer-events: auto;
    }

    .full-width-image img {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 768px) {
  .ai-twin-section img,
  .ai-twin-hero {
    height: 30vh;
  }
}


@media(min-width:1200px) {
    .container-fluid-esperienze {
        max-width: 1440px;
    }
    
}

/* Stili per la nav pills con scroll orizzontale page "ESPERIENZE" */

@media (max-width: 1399.98px) {
    .sectors-scroll-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 5px;
    }
    
    .sectors-scroll-container::-webkit-scrollbar {
        display: none;
    }
    
    #sectors {
        display: inline-flex;
        flex-wrap: nowrap;
        width: auto;
        min-width: 100%;
    }
    
    #sectors .nav-item {
        flex: 0 0 auto;
    }
}

/* Regolazioni specifiche per la fascia 1200-1399px */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #sectors .nav-link {
        padding: 10px 20px;
        font-size: 0.9rem;
    }
}



/* regole per transformare a menu a pills "fifth section" in homepage */
/* Solo per viewport <=1200px: pills scrollabili */
@media (max-width: 1200px) {
  .responsive-pills {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .responsive-pills .nav-link {
    border-radius: 50px;
    border: 1px solid #ddd;
    padding: 0.5rem 1rem;
    white-space: nowrap;
  }



  /* Nasconde scrollbar nei browser WebKit */
  .responsive-pills::-webkit-scrollbar {
    display: none;
  }

  /* Edge/IE/Firefox scrollbar hiding */
  .responsive-pills {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
/* Responsive scroll da 1200px in giù */
@media screen and (max-width: 1200px) {
  .custom-pill-tabs {
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .custom-pill-tabs::-webkit-scrollbar {
    display: none;
  }

  .custom-pill-tabs .nav-item {
    flex: 0 0 auto;
  }
}

.circle-gradient-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(90deg, #38abd9 10%,#c63e91 40%,#c63e91 60%, #144a6f 90%);
  border: none;
  position: relative;
    margin-right: 20px;
}
.circle-gradient-btn img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #faf8fb;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}