/* =====================================================
   DESKTOP MEDIO
===================================================== */

@media (max-width:1400px){

    .hero-content{
        max-width:600px;
    }
    .hero-image{
        width:52%;
    }	

}

/* =====================================================
   TABLET ORIZZONTALE
===================================================== */

@media (max-width:1024px){
    .container{
        padding:0 30px;
    }

    .hero{

        min-height:auto;

    }

    .hero-image{

        width:42%;

    }

    .hero-content{

        width:58%;

        padding-top:80px;
        padding-bottom:80px;

    }

    .hero h1{

        font-size:42px;

    }

    .hero-line{

        height:100px;

    }

    .hero-scroll{

        display:none;

    }

}

/* =====================================================
   TABLET VERTICALE
===================================================== */

@media (max-width:768px){
	body{
		font-size:17px;	
	}
	h2{
		font-size: 34px;
	}
	.hero{

		min-height:auto;

		display:block;

	}	
	.hero-sub-wrapper {
		margin-left: 20px;
	}	
	/* SEZIONE 2 */
	#sistema-integrato .system-grid{

		grid-template-columns:1fr;

	}	
	.section-title-center{
		margin-bottom:50px;
	}
	
	.system-grid{
		margin-bottom:40px;
	}

	.system-card{
		min-height:76px;
	}

	.system-icon{
		width:40px;
		height:40px;
	}

	.system-card h3{
		font-size:19px;
	}	
	.system-consultant{
		gap:20px;
		padding:20px;
	}

	.consultant-icon{
		width:60px;
		height:60px;
	}
	.consultant-divider{

		display:none;

	}	
	/*         */
	
    .system-section, #ecosistema-competenze, #opportunita-immobiliari, #vendere-bene, #esperienza-locale, #verifiche-preventive, .inizia-faq-area, #contatti, #faq {
        padding-top: 70px;
		padding-bottom: 70px;
    }	
	
	/* SEZIONE 3 */
	.ecosistema-intro{
		max-width:85%;
	}	

	.ecosistema-grid{
		gap:0;
		grid-template-columns:1fr;

	}
	
	.ecosistema-heading h2 .desktop-break{
		display: none;
	}

	.ecosistema-column{

		width:100%;

	}	
	.ecosistema-column:first-child .ecosistema-item.last{

		border-bottom:1px solid #25408f40;
		margin-bottom: 30px;
	}	
	.ecosistema-column:last-child .ecosistema-item:last-child{
		border-bottom:none;
		margin-bottom:0;
		padding-bottom:0;		
	}	
	
    .container{
        padding:0 25px;
    }

	.hero-content{

		width:100%;

		max-width:none;

		padding-top:40px;

		padding-bottom:70px;

	}

    .hero-heading{

        gap:18px;

    }
	
	.hero-image{

		position: static;

		width: 100%;
		aspect-ratio:1 / 1;
		background-image: url('../images/hero-mobile.jpg');
		background-size: cover;
		background-position: center 35px;
		background-repeat: no-repeat;

	}

    .hero-line{

        height:80px;

    }

    .hero h1{

        font-size:36px;

    }

    .hero-divider{

        max-width:100%;

    }

    .hero p{

        font-size:17px;

    }
	.hero .sotto-titolo{
		font-size: 19px;
	}

    .btn-primary{

        width:100%;
		max-width: fit-content;
		font-size: 17px;
    }

    .hero-scroll{

        display:none;

    }
	
	.system-card{
		min-height:84px;
	}	

	/* SEZIONE 4 */

	.opportunita-heading{

		gap:20px;

	}
		

	.opportunita-content{

		max-width:100%;

		margin-left:22px;

	}

	.opportunita-focus{

		margin-left:22px;

	}

	.opportunita-numbers{

		flex-direction:column;

		gap:35px;

		padding:0;

	}
	.opportunita-content p.paragrafo-in-evidenza{
		font-size: 18px;
	}
	.opportunita-payoff{
		margin-left: auto;
	}
	.payoff-text{

		max-width:490px;

	}	
	
	.numbers-main{

		grid-template-columns:1fr;

		row-gap:28px;

		justify-items:start;
		margin-left: 32px;

	}

	.numbers-value-wrap{

		justify-self:start;
		align-items: start;
		
	}	

	.numbers-list{

		width:100%;

		padding-left:0;

	}	
	
	.numbers-divider{

		display:none;

	}


	.numbers-list{

		width:100%;

	}
	
	.numbers-left,
	.numbers-right{

		flex:none;

		width:100%;

		padding-left:22px;

	}
	.numbers-right{

		display:flex;

		align-items:flex-start;

		gap:24px;

	}	
	.numbers-left li {
		margin-bottom: 10px;
	}	
	.planning-break{
		display:none;
	}	
	.riga_extra_desktop{
		display:none;
	}
	
/* =====================================================
   SEZIONE 5 - VENDERE BENE
===================================================== */

.vendere-line{

    height:89px;

}

.vendere-intro{

    margin-bottom:40px;

}

.vendere-content{

    max-width:90%;

}

.vendere-blocks{

    max-width:100%;

    margin-left:0;

    margin-bottom:0;

}

.vendere-block{

    grid-template-columns:72px 1fr;

    column-gap:24px;

    padding:26px 0;
	padding-bottom: 0px;

}

.vendere-icon{

}

.vendere-feature-content{

    max-width:90%;

}

.vendere-feature-content h3{

    margin-bottom:12px;

}

.vendere-cta{

    max-width:520px;

    margin-left:0px;

}

.vendere-cta h3{

    max-width:580px;

    font-size:22px;
	margin-bottom: 18px;
}
.vendere-cta .btn-primary{

    width:auto;

    display:inline-flex;

}	
	
	
	/* =====================================================
	   SEZIONE 6 - VERIFICHE
	===================================================== */

	.verifiche-grid{

		grid-template-columns:1fr;

		max-width:96%;

		gap:16px;

	}

	.verifiche-payoff-line{

		width:287px;

	}	
	.verifiche-payoff-text {
		max-width: 96%;
	}	
	
	#verifiche-preventive .section-title-center{

		margin-bottom:45px;

	}	
	
	/* =====================================================
	   SEZIONE 7
	===================================================== */

	.esperienza-intro{

		margin-bottom:36px;

	}

	.esperienza-heading{

		display:flex;

		align-items:flex-start;

		gap:24px;

		margin-bottom:30px;

		text-align:left;

	}

	.esperienza-line{

		width:1px;

		min-width:1px;

		height:89px;

		background:#ED1B34;

	}

	.esperienza-heading h2{

		margin:0;

		max-width:none;

	}

	.esperienza-content{

		max-width:90%;

		margin-left:25px;

		text-align:left;

	}

	.esperienza-content p{

		margin-bottom:14px;

	}

	.esperienza-content p:last-child{

		margin-bottom:0;

	}

	/* =====================================================
	   BLOCCO CENTRALE
	===================================================== */

	.esperienza-grid{

		display:flex;

		flex-direction:column;

		gap:28px;

		max-width:92%;

		margin:0 auto 60px;

	}

	.esperienza-column{

		width:100%;

		gap:22px;

		min-height:auto;

		padding:0;

	}

	.esperienza-world{

		order:1;

		transform:none;

		padding:0;

		margin:6px 0;

	}

	.esperienza-column:first-child{

		order:2;

	}

	.esperienza-column:last-child{

		order:3;
		padding-left: 0px;

	}

	.esperienza-item{

		align-items:center;

		gap:18px;

	}
	.esperienza-item h3{

		max-width:460px;

	}	

	.esperienza-icon{

		width:52px;

		flex-shrink:0;

	}

	.esperienza-icon img{

		display:block;

		width:52px;

		height:auto;

	}

	.esperienza-world img{

		width:300px;

		max-width:100%;

		height:auto;
		margin-top: 0px;

	}

	/* =====================================================
	   CLAIM
	===================================================== */

	.esperienza-payoff{

		margin-bottom:18px;

	}

	.esperienza-payoff-line{

		width:34%;

	}

	.esperienza-payoff-text h2{

		font-size:24px;

		line-height:1.4;

	}	
	
	/* =====================================================
	   SEZIONE 8
	===================================================== */

	#inizia-progetto{

		padding:0;

	}

	.faq-banner{

		max-width:620px;

		margin:0 auto;

		display:flex;

		flex-direction:column;

		align-items:center;

		text-align:center;

		gap:22px;

	}

	.faq-icon{

		width:56px;

	}

	.faq-icon img{

		display:block;

		width:56px;

		height:auto;

	}

	.faq-content{

		width:100%;

		max-width:100%;

	}

	.faq-content h3{

		margin:0 0 18px;

	}

	.faq-content p{

		margin:0 0 24px;

	}

	.faq-link{

		display:inline-flex;

		align-items:center;

		justify-content:center;

		gap:10px;

	}

	.faq-link-icon{

		width:20px;

		flex-shrink:0;

	}

	.faq-link-icon img{

		display:block;

		width:20px;

		height:auto;

	}

	.faq-link-text{

		display:block;

		line-height:1.2;

	}	
	
	/* =====================================================
	   SEZIONE 9 - CONTATTI
	===================================================== */

	.contatti-heading{

		gap:24px;

		margin-bottom:40px;

	}

	.contatti-line{

		height:92px;

	}	

	.contatti-heading h2{

		order:1;

	}

	.contatti-form{

		max-width:91%;

	}

	.form-row{

		grid-template-columns:1fr;

		gap:0px;

		margin-bottom:0px;

	}

	.form-group{

		margin-bottom:23px;

	}

	.form-submit button{

		width:100%;

	}	

	
	/* =====================================================
	   SEZIONE 10 - FAQ
	===================================================== */
	.faq-list {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	.faq-heading{

		margin-bottom:40px;
		padding-right: 20px;

	}

	.faq-line{

		height:40px;

	}

	.faq-question{

		padding:24px 0;

	}

	.faq-question span:first-child{

		font-size:22px;

		padding-right:20px;

	}

	.faq-answer{

		padding:8px 20px 24px 0;

	}

	.faq-answer p{

		font-size:17px;

	}	
	
	
	
	
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:480px){
	html{
		scroll-padding-top:40px;
	}	
	.testata-logo{height: 47px;}
	h1{

		font-size:28px;

		line-height:1.25;

	}

	h2{

		font-size:23px;

		line-height:1.2;

	}

	h3{

		font-size:22px;

		line-height:1.30;

	}

	p{

		font-size:17px;

		line-height:1.6;

	}	
	
	.desktop-break{
		display:none;
	}	
	
    .hero-line {
        height: 100px;
    }	
	
	.system-section,
	#ecosistema-competenze,
	#opportunita-immobiliari, #verifiche-preventive, #esperienza-locale, #vendere-bene, .inizia-faq-area, #faq, #contatti{

		padding-top:50px;
		padding-bottom:50px;

	}	
	
	.container{

		padding:0 25px;

	}	
	
	.hero{

		min-height:auto;

		display:block;

	}	
	.hero-heading{
		margin-bottom: 22px;
	}

	.hero-image{
		position:static;
		width:100%;
		aspect-ratio:1 / 1;

		background-image:url('../images/hero-mobile.jpg');

		background-size:cover;
		background-position:center 35px;
		background-repeat:no-repeat;

	}


    .hero h1{
        line-height:1.15;
		font-size:29px;
    }
	
	.hero .sotto-titolo{
		font-size: 18px;
	}

    .hero p{

        font-size:16px;
		margin-bottom: 13px;
    }

	.hero-content{
		width:100%;
		max-width:none;
		padding-top:40px;
		padding-bottom:50px;

	}
	
	/* SEZIONE 2 */
	.card-title {
		font-size: 18px !important;
	}	
	.title-accent {
		height: 58px;
	}	
    .section-title-center {
        margin-bottom: 36px;
    }	
	.sotto-titolo {
		font-size: 18px;
	}	
	#sistema-integrato .system-heading{
		gap: 18px;
	}
	.system-intro-content {
		margin-left: 20px;
	}	
	.system-card{

		padding:14px 16px;

		gap:14px;

		min-height:72px;

	}	
	.system-icon{

		width:36px;

		height:36px;

	}	
	.system-consultant{

		flex-direction:column;

		gap:18px;

		padding:25px;

	}

	.consultant-icon{

		width:52px;
		height:52px;

		align-self:center;

	}

	.consultant-divider{

		width:100%;
		height:1px;

	}

	.consultant-text{

		text-align:left;

	}

	/* SEZIONE 3 */
	.ecosistema-header {
		margin-bottom: 30px;
	}	
	.ecosistema-heading {
		gap: 18px;
	}	

	.ecosistema-intro{
		margin-left: 20px;
	}
	.ecosistema-line{
		height: 83px;
	}
	.ecosistema-intro p {
		margin-bottom: 18px;
	}	
	.ecosistema-item {
		padding: 0 0 24px 42px;
		margin-bottom: 24px;
	}
	.ecosistema-grid {
		gap: 0px;
	}
	.ecosistema-column:first-child .ecosistema-item.last {
        margin-bottom: 6px;
    }
	
	
	/* SEZIONE 4 */
	.opportunita-main-box{
		padding: 40px 30px 40px 30px;
	}
	
	.opportunita-content p.paragrafo-in-evidenza{
        font-size: 18px;
		padding-left:20px;
		padding-right:0;

	}	
	.opportunita-line{
		height: 83px;
	}
	.opportunita-content,
	.opportunita-focus{

		margin-left:0;

	}
	.opportunita-focus{

		display:flex;

		flex-direction:column;

		align-items:center;

		gap:18px;

		margin:35px 0 0;

		text-align:left;

	}

	.opportunita-focus-icon{

		width:auto;

	}

	.opportunita-focus p{

		margin:0;

		width:100%;

		text-align:left;

	}
	.opportunita-heading h2{
    	max-width: none;

	}
	.opportunita-intro {
		margin-bottom: 44px;
	}
	.opportunita-numbers{
		padding-bottom: 0px;
	}
	.numbers-main{

		display:flex;
		flex-direction:column;
		align-items:center;
		gap:26px;
		margin-left: 0;

	}	
	
	.numbers-right{

		 display:block;

	}

	.numbers-right p{

		flex:1;

		max-width:none;

	}	
	.numbers-icon{

		float:left;

		margin:4px 12px 8px 0;

	}
	
	.numbers-divider{

		width:70px;
		height:1px;

	}	
	.numbers-value-wrap{

		justify-self:auto;
		align-items:center;
	}	
	.numbers-list{

		width:100%;
		text-align:left;

	}	
	
	.planning-box{

		padding:30px 30px 25px;
		margin-bottom: 45px;
	}	
	
	.planning-focus{

		display:block;

	}

	.planning-focus-icon{

		float:left;

		margin:4px 12px 8px 0;

	}

	.planning-focus p{

		margin:0;

	}	
	.opportunita-payoff{

		flex-direction:column;

		align-items:center;

		gap:18px;
		margin-top: 45px;

	}

	.payoff-divider{

		width:70px;

		height:1px;

	}

	.payoff-text{

		order:3;

		width:83%;
		max-width: 320px;
		text-align:center;

	}
	.payoff-text h2{
		font-size:23px;
		line-height:1.4;
		text-align: center;
	}	
	.payoff-icon{

		order:1;

	}

	.payoff-divider{

		order:2;

	}
	.numbers-territory{

		display:flex;
		flex-direction:column;
		align-items:center;

		margin:40px 0 0;

		/*padding-top:34px;*/

		/*border-top:1px solid #DDE4EF;*/

		text-align:center;

	}	
	.numbers-icon{

		font-size:58px;

		line-height:1;

		margin:0 0 18px;

	}	
	
	/* BLOCCO ALTRE AGENZIE / PRIVATI */

	.numbers-other-agencies{

		flex-direction:column;

		align-items:center;

		margin:40px 0 0;

		padding:24px 22px;

		max-width:none;

		text-align:center;

	}

	.numbers-other-icon{

		width:auto;

		margin:0 0 18px;

	}

	.numbers-other-icon img{

		width:60px;

		height:auto;

	}

	.numbers-other-divider{

		display:none;

	}

	.numbers-other-content{

		width:100%;

		flex:none;

	}

	.numbers-other-content p{

		width:100%;

		margin:0;

		text-align:left;

	}	
	
/* =====================================================
   SEZIONE 5 - VENDERE BENE
===================================================== */

.vendere-line{

    height:58px;

}

.vendere-intro{

    margin-bottom:35px;

}
.vendere-heading {
    gap: 18px;
}
.vendere-content{

    max-width:100%;
	margin-left: 20px;
}

.vendere-blocks{

    max-width:100%;

    margin-left:0px;

    margin-bottom:0;

}

.vendere-block{

    display:flex;

    flex-direction:column;

    align-items:stretch;

    gap:18px;

    padding:26px 0;
	padding-bottom: 0px;

}

.vendere-icon{

    width:60px;
    height:60px;

    font-size:32px;

    align-self:center;

}

.vendere-feature-content{

    max-width:100%;

    width:100%;

}

.vendere-feature-content h3{

    margin-bottom:12px;

}

.vendere-check{

    margin-bottom:16px;

}

.vendere-focus{

    gap:14px;

    margin-top:14px;

}

.vendere-focus-icon{

    font-size:30px;

}

.vendere-cta{

    max-width:100%;

    margin-left:0;

}

.vendere-cta h3{

    max-width:100%;

    font-size:20px;

    line-height:1.4;

}

.vendere-cta .btn-primary{

    width:300px;

    display:inline-flex;

    padding:12px 16px;


}
	
	
	/* SEZIONE 6 */
	
	.verifiche-title-accent {
		height: 84px;
	}	

	.verifiche-card{

		padding:12px 16px;

		min-height:75px;
		gap: 14px;

	}	
	.verifiche-icon img {	
		width: 34px;
	}	
	
	/* CLAIM SEZIONE 6 */
	
	.verifiche-heading {
		gap: 18px;
	}
	.verifiche-intro-content{
		margin-left: 20px;
	}
	.verifiche-payoff-text h3{

		font-size:18px;

		line-height:1.35;

		text-align:center;

		margin:0 auto;

	}	
	
	/* SEZIONE 7 */
	.esperienza-heading{
		gap: 18px;
	}
	.esperienza-heading h2{
		margin-right: 20px;
	}	
	.esperienza-content{
		margin-left: 20px;
	}
    .esperienza-line {
        height: 84px;
    }	
	.esperienza-heading h2 br{
		display: none;
	}

	.esperienza-icon{

		width:56px;
		height:56px;
		flex-shrink:0;

		display:flex;

		justify-content:center;

		align-items:center;		

	}	
	.esperienza-payoff{

		gap:12px;

		margin-bottom:40px;

	}
	.esperienza-payoff-line{

		width:70px;

		height:2px;

	}			
	.esperienza-payoff-text{
		max-width: 360px;
	}
	.esperienza-payoff-text h2{

		font-size:23px;

		line-height:1.3;

	}	
	.esperienza-world {
		margin-top: -10px;
		margin-bottom: -10px;
	}
	.esperienza-world img
		{
			width: 220px;
		}	
	
	/* =====================================================
	   SEZIONE 8
	===================================================== */

	.inizia-top-area{

		padding:60px 0 45px;

	}

	.inizia-top{

		gap:30px;

	}

	.inizia-heading{

		margin-bottom:22px;

	}

	.inizia-heading h2{

		font-size:24px;

		line-height:1.2;

	}

	.inizia-line{

		width:70px;

		height:2px;

		margin:16px 0 18px;

	}

	.inizia-image{

		margin-top:-20px;

	}

	.inizia-image img{

		width:240px;

		max-width:100%;

	}	

	/* =====================================================
	   SEZIONE 9 - CONTATTI
	===================================================== */
    .contatti-form {
        max-width: 100%;
    }
	.contatti-heading{

		flex-direction:column;

		align-items:center;

		text-align:center;

		gap:16px;

		margin-bottom:30px;

	}

	.contatti-line{

		order:2;

		width:45px;

		height:2px;

		margin-top:0;

	}

	.contatti-heading h2{
		order:1;
		font-size:30px;

	}

	.form-group{

		margin-bottom:23px;

	}

	.form-group label{

		font-size:15px;

		margin-bottom:8px;

	}

	.form-group input{

		height:46px;

		padding:12px 14px;

		font-size:16px;

	}

	.form-group textarea{

		height:100px;

		padding:12px 14px;

		font-size:16px;

	}

	.form-privacy{

		margin:0 0 22px;

	}

	.form-privacy span{

		font-size:14px;

		line-height:1.5;

	}
	.form-submit {
		margin-left: auto;
		margin-right: auto;
		/*max-width: 300px;*/
		max-width: 100%;
	}	

	.form-submit button{
		height:52px;
		font-size:17px;
	}
	
	/* =====================================================
	   SEZIONE 10 - FAQ
	===================================================== */
    .faq-list {
        width: 99%;
    }

	.faq-heading{

		flex-direction:column;

		align-items:center;

		text-align:center;

		gap:16px;

		margin-bottom:30px;

	}

	.faq-line{

		order:2;

		width:45px;

		height:2px;

		margin-top:0;

	}

	.faq-heading h2{

		order:1;
		font-size:30px;

	}

	.faq-heading p{

		font-size:17px;

	}

	.faq-question{

		padding:18px 0;

	}

	.faq-question span:first-child{

		font-size:18px;

		line-height:1.4;

		padding-right:26px;

	}

	.faq-arrow{

		width:10px;

		height:10px;

	}

	.faq-answer{

		padding:6px 0 22px;

	}

	.faq-answer p{

		font-size:16px;

		line-height:1.7;

	}

	.faq-answer ul{

		margin-left:18px;

	}

	.faq-highlight{

		margin-top:16px;

	}	
	
}
@media (max-width:360px){
	body, p{
		font-size:16px;	
	}	
	.hero h1 {      
        font-size: 26px;
    }	
	.btn-primary {
		font-size: 16px;
	}
	.hero-sub-wrapper .btn-primary {
		font-size: 15px;
		padding: 16px 10px;
	}
	h2{
		font-size: 21px;
	}
	.ecosistema-heading h2{
		font-size: 20px;
	}
	h3{
		font-size: 20px;
	}	
}