/*
Theme Name: Astra Child
Theme URI: https://example.com
Description: Tema child per Astra
Author: Il tuo nome
Author URI: https://example.com
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

@font-face {
  font-family: 'Sofia';
  src: url('fonts/Sofia/SofiaProLight.woff2') format('woff2'),
       url('fonts/Sofia/SofiaProLight.woff') format('woff'),
       url('fonts/Sofia/sofiapro-light.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia-pro';
  src: url('fonts/Sofia-pro/SofiaPro.woff2') format('woff2'),
       url('fonts/Sofia-pro/SofiaPro.woff') format('woff'),
       url('fonts/Sofia-pro/Sofia_Pro_Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia-pro-medium';
  src: url('fonts/Sofia-pro-medium/SofiaPro-Medium.woff2') format('woff2'),
       url('fonts/Sofia-pro-medium/SofiaPro-Medium.woff') format('woff'),
       url('fonts/Sofia-pro-medium/Sofia_Pro_Medium_Az.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Sofia', Arial, sans-serif !important;
}

.ast-primary-header-bar{
  border-bottom: none !important;
  box-shadow: 0px 0px 20px #39619131 !important;
}

.sofia-medium{
font-family: 'Sofia-pro-medium', Arial, sans-serif !important;
}

.sofia-pro{
font-family: 'Sofia-pro', Arial, sans-serif !important;
}


.home #content .ast-container{
    display: block !important;
    padding: 0px !important;
    max-width: 100% !important;
}

.ast-grid-section-center{
  width: 300px !important;
  position: relative !important;
}
.ast-grid-section-center img{
  position: absolute;
  left: 18% !important;
  top: 2px !important;
}

.slider-home {
  position: relative;
  height: 90vh;
  background-image: url('/wp-content/uploads/2025/08/slider-geb-1.jpg') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  overflow: hidden;
  cursor: pointer;
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.center-arrows-potenzia {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px; 
  position: relative;
  z-index: 10;
}

.arrow {
  font-size: 5rem;
  font-weight: bold;
  color: #28a745;
  user-select: none;
  transition: transform 0.5s ease;
  white-space: nowrap;
  display: inline-block;
}

.potenzia-container {
  width: 0;
  overflow: hidden;
  transition: width 0.5s ease;
  display: flex;
  align-items: center;
}

.potenzia-img {
  max-height: 80px;
  width: auto;
  display: block;
}

.slider-home:hover .arrow.left-arrow {
  transform: translateX(-10%);
}

.slider-home:hover .arrow.right-arrow {
  transform: translateX(10%);
}

.slider-home:hover .potenzia-container {
  width: 400px; 
}

.slider-home:hover .business-home{
  display: block;
    font-size: 47px !important;
    position: absolute;
    top: 107px;
    left: 155px;
    width: 53%;
    color: #242E6A;
}

.bottom-images {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease;
}

.slider-home:hover .bottom-images {
  opacity: 1;
  pointer-events: auto;
}

.col-bottom {
  flex-basis: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.col-bottom img {
  width: 65%;
  height: auto;
  object-fit: contain;
  display: block;
}



    svg:hover .svg-hover {
        display: block !important;
    }

    svg:hover .svg-disabled {
        display: none;
    }

    #servizi-home svg {
        max-height: 90px;
    }

.nostri-progetti-span-1{
  color: #1C2C57 !important;
}
.nostri-progetti-span-2{
  font-size: 90px !important;
  color: white !important;
  font-weight: 900;
}
.nostri-progetti {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; 
  z-index: 20; 
}
.nostri-progetti h2{
  line-height: 50px !important;
}
.nostri-progetti a{
     background-color: #1C2C57;
    border-radius: 5px !important;
    height: 40px !important;
    width: 40%;
    line-height: 36px !important;
    display: inline-block;
}
.nostri-progetti button:hover{
  background-color: #1C2C57 !important;

}
.page-id-241 .wpcf7-submit{
  background-color: #1C2C57 !important;
  border-radius: 5px !important;
}

span[data-name="hcap-cf7"] .h-captcha{
  margin-top: 70px !important;
}
.nostri-progetti a{
  color: white !important;
  font-weight: 900 !important;
}
  .parallax-container {
    position: relative;
    overflow: hidden;
    background-color: #60A166;
    height: 100vh;
}

.parallax-item {
    position: absolute;
    transition: top 0.6s ease-in-out; 
    padding: 0px 50px !important;
}

.parallax-item img {
    width: 100%;
    max-width: 100%;
}

.img-1-center-progetti,
.img-2-center-progetti {
  position: relative;
  transition: top 0.6s ease-in-out;
}
.img-1-center-progetti {
  top: -34%;
}
.img-2-center-progetti {
  top: 13%;
}

/* Posizioni iniziali */
.parallax-item-1 { top: 80%; padding-left: 0px !important; }
.parallax-item-2 { top: -20%; }
.parallax-item-3 { 
    /* transform: translate(-50%, -50%); */
    text-align: center;
    z-index: 10;
}
.parallax-item-4 { top: -20%; }
.parallax-item-5 { top: 75%; padding-right: 0px !important; }

/* Effetti hover */
.parallax-container:hover .parallax-item-1 {
    top: 10%;
}

.parallax-container:hover .parallax-item-2 {
    top: 0%;
}

.parallax-container:hover .parallax-item-4 {
    top: 0%;
}

.parallax-container:hover .parallax-item-5 {
    top: 20%;
}

.parallax-container:hover .img-1-center-progetti{
   top: -30% !important;

}
.parallax-container:hover .img-2-center-progetti{
   top: -5% !important;

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

/* Stili per il contenuto centrale */
.parallax-item-3 h2 {
    color: white;
    font-size: 2.5rem;
    margin: 20px 0;
    text-transform: lowercase;
    line-height: 1.2;
}

.parallax-item-3 button {
    background-color: transparent;
    color: white;
    border: 2px solid white;
    padding: 15px 30px;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 20px 0;
}

.parallax-item-3 button:hover {
    background-color: white;
    color: #60A166;
}
    .fixed-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 2rem;
      font-weight: bold;
      color: #ffffff;
      z-index: 10;
    }
    .button-container {
      position: relative;
      display: inline-block;
    }

.animated-button {
  position: relative;
  background-color: #1a2a52;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  z-index: 1;
  border-radius: 5px;
  display: inline-block; /* Serve per comportarsi come un bottone */
}
.animated-button:hover{
  color: white !important;
}
.button-container {
  position: relative;
  display: inline-block;
}

.button-container::before,
.button-container::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 100%;
  top: 0;
  z-index: -1;
  transition: all 0.3s ease;
}

.button-container::before {
  left: -10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #2b87d1; /* lato sinistro */
}

.button-container::after {
  right: -10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #3cb371; /* lato destro */
}

.button-container:hover::before {
  left: 0;
}

.button-container:hover::after {
  right: 0;
}
    .box-idea{
      padding: 50px 0px !important;
    }
    .box-idea img{
        width: 70% !important;
        margin-bottom: 50px ;
    }
    .box-idea .col-md-5{
        text-align: center !important;
    }

    .box-idea .col-md-7{
        align-content: center !important;
        font-size: 20px !important;
    }

    .parallax-container{
        clip-path:polygon(
0 15%, 100% 0%, 100% calc(100% - 15%), 0 100% )
    }

    .img-clienti{
        width: 20%;
        margin-bottom: 50px;
    }

footer {
    position: relative;

    /* Solo bordo inferiore a 3 colori */
    border-bottom: 6px solid;
    border-image: linear-gradient(
        to right,
        #d04d4d 33.33%,
        #60a166 33.33% 66.66%,
        #3766b2 66.66%
    ) 1;
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px; /* spessore del bordo superiore */
    background-color: #F2F0F0;
}

    .footer-bottom{
        background-color: #f7f8fa !important;
        padding: 10px 0px !important;
    }

    footer h2{
        color:  #1B2169 !important;
        border-left: 3px solid #60A166;
        padding-left: 5px !important;
        font-weight: 700 !important;
    }
    footer button, .btn-contact-menu-mobile{
        background-color: #60A166 !important;
        color: #fff !important;
        font-weight: 700 !important;
        border-radius: 4px !important;
        padding: 10px 20px !important;
    }
    .custom-mobile-box{
      padding: 10px !important;
    }
    .custom-mobile-box p{
      font-size: 20px !important;
      border-top: 1px solid #53575a !important;
    } 
    .first-row-footer{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .first-row-footer img{
      width: 80% !important;
    }
    .box-clienti{
        background-color: #f7f8fa !important;
        padding: 100px 0px 50px 0px !important;
        clip-path:polygon(
0 15%, 100% 0%, 100% calc(100%), 0 100% )
    }


    .partners {
  padding: 20px 0;
  background: #fff; /* o trasparente */
}

.partners-container {
  display: flex;
  flex-wrap: wrap; /* per mandare le immagini a capo su schermi piccoli */
  justify-content: center; /* centratura orizzontale */
  gap: 10px; /* spazio tra loghi */
  margin: auto;
}

.partners-container img {
  height: 40px; /* altezza fissa per uniformità */
  width: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.partners-container img:hover {
  transform: scale(1.05); /* piccolo effetto hover */
}

.box-servizi{
    padding: 50px 0px !important;
}
.box-servizi p{
  color: #53575A !important;
}

.box-servizi h2 {
  position: relative;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 20px;
}

.box-servizi h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 15%;               
  border-top: 3px solid #60A166;  
}

.page .site-content .ast-container,
.single-post .site-content .ast-container{
  display: block !important;
}

.single-post .site-content  .ast-container{
  max-width: 100% !important;
  padding: 0px !important;
}
textarea[name="richiesta"]{
  height: 6em !important;  
  background-color: #f9f8f8 !important;
}

select{
  background-color: #f9f8f8 !important;
}


/*pagina Sviluppo*/
.titolo-servizi{
  align-content: end !important;
}

.form-contatti-servizi .wpcf7-submit{
  width: 100%;
    background: #60a166 !important;
    font-weight: 900 !important;
}

.form-contatti-servizi .wpcf7{
box-shadow: 0px 0px 15px #0000001A;
    padding: 20px;
    border-radius: 20px;
}

.form-contatti-servizi h2{
  color: #1c2c57 !important;
}

.contenuto-servizi p{
  line-height: 40px !important;
  color: #53575A !important;
}
.contenuto-servizi h1{
  font-size: 55px;
}
.box-breadcrumbs {
  background-color: #F2F2F2 !important;
  padding: 18px 0px !important;
}
#breadcrumbs{
  background-color: #F2F2F2 !important;
  margin-bottom: 0px !important;
}
#breadcrumbs span{
    background-color:  #e6e6e6 !important;
    border-radius: 20px;
    padding: 5px 0px 5px 10px!important;
    padding-right: 0px !important;
}

#breadcrumbs .breadcrumb_last{
  background-color: white !important;
  border-radius: 20px;
  font-weight: 900;
  padding-right: 10px !important;
  color:#273E73 ;
}

#breadcrumbs > span > span:first-child a {
    display: inline-block;
    text-indent: -9999px; 
    width: 20px;           
    height: 20px;        
    background: url('/wp-content/uploads/2025/08/home.svg') no-repeat center center;
    background-size: contain; 
}

#breadcrumbs > span > span:not(:first-child) a {
    text-indent: 0;
    background: none;
    width: auto;
    height: auto;
    color: #273E73 !important;
}


.home .box-breadcrumbs{
  display: none !important;
}

footer{
  background-color: white !important;
}

.single-post h1{
  color: #1C2C57 !important;
  font-weight: 900 !important;
  margin-bottom: 20px;
}

.single-post h3{
  color: #1C2C57 !important;
  padding-left: 5px;
  border-left: 5px solid #60A166 !important;
  margin: 25px 0px ;
}

.single-post .ast-container{
  background-color: white !important;
}

.single-post .container{
  padding: 50px 0px !important;
}

.single-post .box-breadcrumbs .container{
  padding: 0px !important
}
.single-post button{
  color: #60A166 !important;
  background-color: white !important;
  border: 1px solid #60A166 !important;
  border-radius: 5px !important;
  font-weight: 800 !important;
  margin-top: 25px !important;
}

.titolo-servizio-single{
  font-size: 20px !important;
  color: #1C2C57 !important;
}


.page-id-1975 .entry-title,
.page-id-1977 .entry-title,
.page-id-1979 .entry-title,
.page-id-2064 .entry-title{
  display: none !important;
}
.page-id-1975 h1,
.page-id-1977 h1,
.page-id-1979 h1,
.page-id-2064 h1
{
  font-size: 70px !important;
}

.box-sviluppo-head{
  height: 100px !important;
}

a{
  text-decoration: none !important;
  color: black;
}

.box-servizi h2{
  color: #1C2C57 !important;
  font-weight: 800 !important;
}

.page-id-2064 .filtro-aree{
  text-align: center !important;
} 

.page-id-2064 .filtro-aree .btn-filter{
  margin-left: 10px !important;
  margin-right: 10px !important;

}

.page-id-2064 .filtro-aree .btn-filter{
  background-color: #F2F2F2 !important;
  color: #1C2C57 !important;
  font-weight: 800 !important;
  border-radius: 20px !important;
}

.page-id-2064 .filtro-aree .btn-filter.active{
  background-color: #1C2C57 !important;
  color:  white !important;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item a{
  font-family: 'Sofia-pro';
  color: #1C2C57 !important;
  font-size: 20px !important;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item a:hover {
  text-decoration: underline;
  box-shadow: inset 0 5px 0 #60A166 !important;
}


/*PORTFOLIO*/
    .btn-filter {
        background:#eee;
        border:none;
        padding:8px 15px;
        margin:5px;
        cursor:pointer;
        border-radius:4px;
    }
    .btn-filter.active {
        background:#333;
        color:#fff;
    }

    /*SVILUPPO*/

    .sviluppo-link {
        color: inherit;
        transition: transform 0.3s ease;
    }
    
    .sviluppo-link:hover {
        color: inherit;
        transform: translateY(-2px);
    }
    
    .sviluppo-item {
        background: #fff;
        min-height: 250px; 
        transition: all 0.3s ease;
    }
    
    .sviluppo-header {
        display: flex;
        align-items: stretch;
        gap: 15px;
        min-height: 100px; 
    }
    
    .sviluppo-img {
        width: 150px; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .sviluppo-img img {
        max-width: 150px;
        max-height: 150px;
        width: auto;
        height: auto;
        object-fit: contain;
        display: block;
        transition: opacity 0.4s ease;
    }
    
    .sviluppo-title-container {
        display: flex;
        align-items: end;
        flex-grow: 1;
        min-height: 100px; 
    }
    
    .sviluppo-title {
        font-size: 1.1rem;
        font-weight: bold;
        margin: 0;
        line-height: 1.2;
    }
    
    .sviluppo-description {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease;
        margin-top: 10px;
    }
    
    .sviluppo-link:hover .sviluppo-description {
        opacity: 1;
        visibility: visible;
    }
    


    #step2{
	float:left;}
#tabs .label_step2 {
    color: #3b3b3b;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0;
    text-align: left;
	font-size: 12px;
	font-family: "Raleway",Helvetica,Arial,sans-serif;
}
.label_step2, .campo label {
  color: #3b3b3b;
  display: block;
  float: left;
  font-family: "Raleway",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  text-align: left;
  text-transform: lowercase;
}
#priv3 label {
  float: left;
  width: 90%;
  margin-left: 1%;
}
#step2 input, #step2 select, .campo span input, .campo span select, .campo input, .campo select {
  background-color: #f2f1f1;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  clear: both;
  color: #3b3b3b;
  float: left;
  font-family: "Raleway",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  margin: 0;
  padding: 5px 10px;
  text-transform: none;
  width: 100%;
  height: 40px;
}
.chk {
  height: 20px !important;
}
.radio {
  width: 50px !important;
  position: relative;
  top: -1px;
}
.radie {
  float: left;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
}
.radie input {
	height:28px !important;
}
.chk{
	float: inherit;
    width: 37px !important;}
#tabs {
  width: 100%;
  border-radius: 0;
  padding: 0;
  border: none;
  margin-top: 12px;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 52px;
  vertical-align:middle;
}
.ui-tabs .ui-tabs-nav li {
  background-color: #f1f2f2;
  background-image: none;
  border: medium none;
  float: left;
  font-size: 16px;
  font-weight: 600;
  line-height: 15px;
  list-style: outside none none;
  margin: 5px !important;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: lowercase;
  top: 0;
  white-space: normal;
  width: calc(100% / 6 - 10px);
  display:table;
  vertical-align:middle;
  border-radius:0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: #1C2C57;
  margin: 5px !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color:#fff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: default;
}
.ui-tabs .ui-tabs-panel {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-width: 0;
  display: block;
  padding: 20px 5px 0;
}
#competenze {
  color: #1C2C57 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  width: 11%;
}
.cErr {
    background-color: #FFFF00 !important;
    border: 1px solid #c93231 !important;
}
.err_text_on {
    display: block !important;
}
.underline a {
    color: #c93231 !important;
    text-decoration: underline;
}
#commerciale li {
  margin-left: 14px;
  margin-top: 5px;
}
#primobox {
  width: 100%;
}
#terzicampi {
  margin-top: 12px;
}
.campi {
  float: left;
  width: 100%;
  margin-bottom: 12px;
}
.campo {
  padding: 7px !important;
}
#telefono_prefisso {
  width: 14% !important;
}
#telefono_numero {
  width: 100% !important;
  clear: none !important;
  margin-left: 0% !important;
}
.pezzodeselect {
  float: left;
  width: 100%;
  font-size: 19px;
  color: #3b3b3b !important;
  font-weight: 500;
  margin-bottom: 4px;
}
.pezzodeselect .chk {
  height: 30px !important;
  margin-top: -2px !important;
}
.pezzettodeselect {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #3b3b3b !important;
  font-weight: 500;
  margin-bottom: 4px;
}
.pezzettodeselect .chk {
  height: 30px !important;
  margin-top: -2px !important;
}
.nascosto {
  clear: both;
  float: left;
  margin-bottom: 15px;
}
.camponascosto {
  float: left;
  width: calc(50% - 10px);
  margin: 5px;
}
.camponascosto label {
  font-size: 13px;
}
.camponascosto select {
  font-size: 15px !important;
  height: 30px !important;
}
#boxcomp, #boxdata {
  float: left;
  margin-right: 3%;
  width: 35%;
  margin-bottom: 40px;
}
#boxframe {
  float: left;
  width: 35%;
}
#boxframe textarea, .campo textarea {
  background: #f1f2f2 none repeat scroll 0 0;
  border: medium none;
  float: left;
  padding: 5px 10px;
  resize: vertical;
  width: 100%;
  height:150px;
}
#boxcomp2 {
  float: left;
  margin-right: 3%;
  width: 35%;
  margin-bottom: 40px;
}
#Sistemista #competenze {
  width: 20%;
}
.red {
  font-size: 20px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: #c93231 !important;
}
#commerciale, #social_media , #webdesigner, #grafica{
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}

.requi {
  font-weight: 600;
}

#commerciale ul {
	margin-top:20px;
}

.selez input {
  font-size: 10px !important;
}

#terzobox #privacy {
  float: left;
  font-size: 12px;
  margin-left: 2%;
  width: 90%;
}
#priv {
  float: left;
  margin-top: 14px;
}
#priv2 a {
  float: right;
  width: 95%;
  font-weight: 600;
  font-size: 14px;
  color: #3b3b3b;
}
#priv3 a {
  float: right;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  color: #3b3b3b;
}
#priv2 span {
  float: left;
  width: 5%;
  margin-top: -23px;
  margin-bottom: 20px;
}
#invia input {
  background-color: #1C2C57 !important;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  text-transform: lowercase;
  width: 100%;
  border: none;
  box-shadow: none;
}
#invia {
	margin-top:20px;
}
.breadcrumb {
  font-size: 17px;
  font-weight: 600;
  padding: 20px 0;
  color:#3b3b3b;
  background:none;
}

.breadcrumb a {
  color:#3b3b3b;
}

.g-recaptcha {
  float: right;
  padding: 7px;
}

.cErr, .err {
  background: #ffa3a2 none repeat scroll 0 0 !important;
  border: none !important;
}

.parallax-item-5 img, .parallax-item-1 img{
  max-width: 150% !important;
  width: 150% !important;
}
.parallax-item-1 img{
  margin-left: -120px !important;
}

@media (min-width:768px) and (max-width:1024px) {
	.ui-tabs .ui-tabs-nav li {
  font-size: 13px;
}
#competenze {
  width: 14%;
}
#boxcomp, #boxdata {
  width: 32%;
}
.camponascosto label {
  font-size: 9px;
}
#Sistemista #competenze {
  width: 24%;
}
#terzobox #privacy {
  width: 89%;
}
#telefono_numero {
  width: 100% !important;
}
}


#menu-item-3864 a{
  height: 30px;
  border-radius: 5px;
  background-color: #1C2C57 !important;
  color: white !important;
   box-shadow: none !important;
}
  .page-id-8 .introduzione{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

@media(max-width: 768px){




#terzicampi .label_step2{
  width: 100% !important;
  margin-bottom: 15px !important;
}
  .page-id-8 .ui-tabs .ui-tabs-nav li{
  width: 100% !important;
}
.page-id-8 #competenze, .page-id-8 #boxcomp,
.page-id-8 #boxframe, .page-id-8 #boxdata,
.page-id-8 #boxcomp2{
  width: 100% !important;
}

  .slider-home{
    height: 60vh !important;
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .parallax-container, .box-clienti, footer{
      margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .arrow img{
    width: 50% !important;
  }

  .parallax-container .parallax-item-1,
  .parallax-container .parallax-item-2,
  .parallax-container .parallax-item-4,
  .parallax-container .parallax-item-5{
    display: none !important;
  }
  .img-1-center-progetti{
    margin-top: -3% !important;
  }
  .img-2-center-progetti{
    margin-top: -54% !important;
  }
  .nostri-progetti{
    top: 45% !important;
  }
  .home #content .ast-container,
  .ast-container,
  .single-post .site-content .ast-container{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
.single-post .container{
  padding-right: 15px !important;
    padding-left: 15px !important;
}
  .box-idea .button-container{
    margin-bottom: 50px !important;
  }
  .img-clienti{
    width: 70% !important;
  }
.carousel-track-1 img, .carousel-track-2 img{
  height: 50px !important;
}
.carousel-track-1, .carousel-track-2{
  gap: 0px !important;
}

.arrow.left-arrow {
  transform: translateX(10%);
  text-align: center;
}
.slider-home:hover .arrow.left-arrow{
    transform: translateX(10%);
}
.arrow.right-arrow {
  transform: translateX(-10%);
  text-align: center;
}
.slider-home:hover .arrow.right-arrow{
    transform: translateX(-10%);
}
.business-home{
  left: 109px !important;
}
.slider-home:hover .business-home{
  left: 109px !important;
}
.potenzia-container {
  width: 400px; 
}

.business-home{
  display: block;
    font-size: 47px !important;
    position: absolute;
    top: 107px;
    left: 155px;
    width: 53%;
    color: #242E6A;
}
.first-row-footer{
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.box-contatti-footer{
  margin-top: 40px;
  margin-bottom: 40px;
}
.box-logo-footer{
  text-align: center !important;
}
.first-row-footer img{
  width: 60% !important;
}
.img-acquistirete{
  width: 35% !important;
}


 .page-id-1975 h1,
 .page-id-1977 h1,
 .page-id-1979 h1,
  .contenuto-servizi .title h1,
  .page-id-2064 h1{
  font-size: 40px !important;
 }
 .contenuto-servizi .title{
  display: block !important;
  text-align: center !important;
 }
 .ast-single-post.ast-page-builder-template .site-main > article{
  padding: 0px !important;
 }
 .sviluppo-title-container.align-items-end{
  align-items: center !important;
 }
 .sviluppo-title-container h3{
  font-size: 20px !important;
 }
 .sviluppo-description{
  visibility: visible !important;
  font-size: 18px !important;
  opacity: 1 !important;
 }
.page-id-2064 .filtro-aree .btn-filter{
  float: left;
  width: 43% !important;
}
 [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
  width: 35px !important;
  height: 35px !important;
  fill: #1C2C57 !important;
 }

 .ast-mobile-header-content{
  border-bottom: 6px solid;
    border-image: linear-gradient(to right, #d04d4d 33.33%, #60a166 33.33% 66.66%, #3766b2 66.66%) 1;
 }
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{
  background-color: white !important;
  padding: 10px !important;
  font-weight: 900 !important;
}
.ast-header-break-point .main-header-bar-navigation{
  line-height: 1.7 !important;
}
.ast-header-break-point .main-navigation .stack-on-mobile li a{
  font-size: 25px !important;
}
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link{
  color: #60A166 !important;
}
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link::before{
  content: "> " !important;
  color: #60A166 !important;
}
  .ast-header-break-point .main-navigation .stack-on-mobile li:last-of-type{
    border-bottom: none !important;
  }
.menu-item.custom-html{
  margin-top: 30px !important;
}


  
  .parallax-container:hover .img-1-center-progetti{
   margin-top:-3% !important;

}
.parallax-container:hover .img-2-center-progetti{
   margin-top: 13% !important;

}
.carousel-track-1, .carousel-track-2 {
    animation-play-state: running !important;
}

.sviluppo-description{
  display: none !important;
}
.sviluppo-img img{
  max-width: 115px !important;
}

.box-princ-sviluppo{
  height: 150px !important;
}
}

#ast-scroll-top{
  display: none !important;
}

@media(min-width: 1501px) and (max-width: 1600px){
  .nostri-progetti img{
    width: 80% !important;
  }

  .parallax-item-2{
    top: -8% !important;
  }
  .parallax-item-4{
    top: -11% !important;
  }
.parallax-container:hover .parallax-item-2, .parallax-container:hover .parallax-item-4,
.parallax-container:hover .img-2-center-progetti {
    top: 0% !important;
}
}

@media(min-width: 1401px) and (max-width: 1500px){
  .nostri-progetti img{
    width: 60% !important;
  }

  .parallax-item-2{
    top: -3% !important;
  }
  .parallax-item-4{
    top: -2% !important;
  }
.parallax-container:hover .parallax-item-2, .parallax-container:hover .parallax-item-4{
    top: 0% !important;
}
 .parallax-container:hover .img-2-center-progetti {
        top: 10% !important;
    }
}
.img-parallax{
  margin-bottom: 50px !important;
}
@media(min-width: 1301px) and (max-width: 1400px){
  .nostri-progetti img{
    width: 50% !important;
  }
.img-1-center-progetti{
  top: -19% !important;
}

.img-parallax{
  margin-bottom: 190px !important;
}
.parallax-container:hover .img-1-center-progetti {
    top: -17% !important;
}
  .parallax-item-2{
    top: -5% !important;
  }
  .parallax-item-4{
    top: 0% !important;
  }
.parallax-container:hover .parallax-item-2{
    top: 0% !important;
}

.parallax-container:hover .parallax-item-4{
  top: -14% !important;
}

 .parallax-container:hover .img-2-center-progetti {
        top: 13% !important;
    }
}

@media(min-width: 768px) and (max-width: 1300px){
.parallax-item.parallax-item-5, .parallax-item.parallax-item-1{
  display: none !important;
}
 .nostri-progetti img{
    width: 30% !important;
  }
}

@media(min-width: 850px) and (max-width: 1001px){
.parallax-item-2{
  top: -3% !important;
}
.parallax-container:hover .img-2-center-progetti{
  top: 21% !important;
}
}

@media(min-width: 768px){
  .parallax-container{
    height: 900px !important;
  }
}

@media(min-width: 453px) and (max-width: 768px){

.img-1-center-progetti{
  margin-top: -58% !important;
}
}


#comunicazione{
  margin-left: 30px !important;
}

.box-servizi .col-12.col-md-4{
  margin-top: 40px !important;
}


.single-post button.btn-lavora-noi{
  background-color: #60A166 !important;
  margin-top: 0px !important;
}

.single-post footer .container{
  padding: 0px 0px !important;
}

.single-post  .container.first-row-footer{
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
/* sposta il "lock" in basso a destra */
#acconsento-lock {
  position: fixed !important;
  left: auto !important;
  right: 1rem !important;   /* distanza dalla destra: modifica se vuoi */
  bottom: 1rem !important;  /* distanza dal basso: modifica se vuoi */
  z-index: 99999 !important; /* sempre sopra tutto */
  margin: 0 !important;
}

/* override delle utilità che mettono "left" / "bottom" */
#acconsento-click [class*="acconsento-click-left"] {
  left: auto !important;
  right: 1rem !important;
}
#acconsento-click [class*="acconsento-click-bottom"] {
  bottom: 1rem !important;
  top: auto !important;
}

/* fai aprire il pannello (drawer) dalla destra */
#acconsento-click-privacy-control-center,
#acconsento-click .acconsento-click-drawer {
  position: fixed !important;
  left: auto !important;
  right: 0 !important;
  top: 10% !important;   /* regola se vuoi più alto/basso */
  bottom: auto !important;
  z-index: 2003 !important;
}

/* mantiene l'animazione "bounce" ma verticale (evita che si muova a sinistra) */
#acconsento-lock.acconsento-click-animate-bounce {
  animation: acconsento-bounce-vertical 1.5s infinite !important;
}
@keyframes acconsento-bounce-vertical {
  0%, 100% { transform: translateY(0); }
  50%     { transform: translateY(-6px); }
}


span[data-name="hcap-cf7"]~input[type="submit"]{
  margin-top: 0px !important;
}

.wpcf7 select.wpcf7-form-control{
  color: #9ca3af !important;
}

@media(min-width: 768px) and (max-width: 1200px){
  .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item a{
    font-size: 15px !important;
  }
}
.mobile{
  display: none !important;
}

.desktop{
  display: block !important;
}

@media(max-width: 768px){
  footer{
    text-align: center !important;
  }
  footer h2{
    border-left: 0px !important;
  }
  .mobile{
  display: block !important;
}

.desktop{
  display: none !important;
}
.single-post p{
  font-size: 17px !important;
}

.slider-home{
  background-image: url('/wp-content/uploads/2025/09/bg-mobile-geb.jpg') !important;
}
.bottom-images{
  display: none !important;
}
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar{
  height: 110px !important;
}
.footer-bottom p{
  font-size: 15px !important;
}
.page-id-8 .introduzione{
  font-size: 17px !important;
}
.wpcf7 form>div{
  margin-bottom: 40px !important;
}
span[data-name="hcap-cf7"] .h-captcha{
  margin-top: 50px !important;
  margin-bottom: 25px !important;
  width: 223px !important;
}
#anchor .label-container{
  width: 157px !important;
}
#anchor .anchor-info{
  width: 20px !important;
}

.arrow{
  display: none !important;
}
.potenzia-container{
  width: 360px !important;
  height: 235px !important;
  display: block !important;
}
.contenuto-servizi p{
  font-size: 18px !important;
}
.anchor-info svg{
  width: 28px !important;
}
.h-captcha[data-size="normal"]::before{
  width: 288px !important;
}
.wpcf7 .h-captcha {
  display: block;
  margin: 1em 0;
}
header .custom-logo-link img{
  max-width: 186px !important;
}
}

textarea[name="richiesta"]{
      font-family: "Raleway", Helvetica, Arial, sans-serif;
      font-size: 16px !important;
}

@media(max-width: 768px){
 .ast-header-break-point .main-navigation .stack-on-mobile li .btn-contact-menu-mobile a{
  font-size: 20px !important;
}

.ast-mobile-header-content {
  position: relative; 
  width: 100%;
  transform: translateX(-100%);
  opacity: 0;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
  pointer-events: none;
  overflow: hidden;
  display: block !important;

}

.ast-mobile-header-content.menu-active {
  transform: translateX(0);
  opacity: 1;
  display: block !important;

  pointer-events: all;
}

.site-header{
  z-index: 999999999 !important;
}
.ast-mobile-header-content{
  height: calc(100vh - 110px) !important;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-close-svg{
  fill: #60A166 !important;
}
}

.joinchat{
  display: none !important;
}

.page-id-241 .wpcf7-submit{
  color: white !important;
  margin-top: 30px !important;
}