section{
    background-color: #fafafa
}

.pt-30{
    padding-top: 30px !important
}

.top-landing-2024{
	height: calc(100vh - 70px - 90px);
	background: url("../images/solo/bg-1control-solo-2024.jpg") bottom right no-repeat;
	background-size: 113%;
	background-color: #e7e6e1
}

.top-landing-2024 h2{
    font-size: 40px
}

.top-landing-2024 p.description{
    font-size: 18px
}

.top-landing-2024 a.button-product{
    font-size: 15px
}

.top-recensioni{
    text-align: center;
    background: #fff; 
    padding: 15px 0; 
    min-height: 20px;
    border: 2px solid #ededed;
    border-radius: 2rem 2rem 0 0;
    margin-top: -20px;
}

.top-recensioni .stars-reviews-big{
    font-size: 18px;
    margin-bottom: 5px
}

.top-recensioni h3{
    font-size: 22px;
    margin: 0;
}

.overlay-text{
	width: 35%;
}

.stars-reviews-big{
	font-size: 20px
}

.review-box img.stars {
    width: 120px;
    margin-left: -5px;
}

.review-box p{
    font-size: 13px
}

.section-spadding{
    min-height: 50px;
    padding: 30px;
}

.section-padding {
	padding: 80px;
}

.row-flex{
	display: flex;
    align-items: center;
}

.row-flex > div{
    margin: 0 !important
}

.col-textleft{
	padding-right: 5%;
}

.col-textright{
	padding-left: 5%;
}

.img-borderradius{
    border-radius: 2rem;
}

.card-base {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border: 2px solid #eee;
    background-color: #fff;
    border-radius: 2rem;
    padding: 0;
    display: flex;
    overflow: hidden;
    box-shadow: 0 4px 4px #29292905, 0 0 0 1px #2929290d;
    max-width: 1100px;
    margin: 0 auto;
}

.card-base h3{
    color: #546071;
    margin-bottom: 0
}

._3col {
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.problem-item2 {
    flex-direction: column;
    padding: 30px;
    display: flex;
    box-shadow: 0 4px 4px #29292905, 0 0 0 1px #2929290d;
}

.problem-item2 h3 {
    font-size: 20px;
}

.button-group {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}

.round-tag {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 2px solid #eee;
    background-color: #fff;
    text-align: center;
    border-radius: 100vw;
    align-items: center;
    padding: .25rem .5rem;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    color: #546071;
    //background-color: #fff5f5;
    box-shadow: 0 4px 4px #29292905, 0 0 0 1px #29292905;
}

h2.title-roundtag{
    overflow: hidden;
}

h2 .round-tag {
    font-size: inherit;
    font-weight: 500;
    display: inline-flex;
    padding: 2px 9px;
    font-weight: 600;
}

h2 .round-tag.is-icon-only .icon-embed-xxsmall{
    flex-direction: unset;
    align-items: unset;
}

.round-tag.is-red {
    color: #d64949;
}

.round-tag.is-green {
    color: #0fad21;
}

.round-tag.is-blue {
    color: #0072cf;
}

.round-tag.is-icon-only {
    padding: .5rem;
}

.card-base .round-tag.is-icon-only.is-red {
    background-color: #fff5f5;
    box-shadow: 0 4px 4px #29292905, 0 0 0 1px #29292905;
}

.icon-embed-xxsmall {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
}

.w-embed:before, .w-embed:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

#section-link{
  padding: 50px 0
}

#section-link .card-link{
    border: 2px solid #eee;
    background: #fff;
    box-shadow: 0 4px 4px #29292905, 0 0 0 1px #2929290d;
    border-radius: 2rem;
    overflow: hidden;
    margin-bottom: 30px
}

img.logo-prodotto-home {
    margin-top: 0px;
}

#section-link .text-link p.description{
    font-size: 16px
}

.icon-comandi-small {
    width: 90px;
    padding-right: 3px;
    padding-bottom: 5px;
}

.bg-darkgrey{
	background-color: #ededed
}

.swiper-testimonial {
    padding: 30px 50px !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: 0
}

.review-box {
    border-radius: 2rem;
    padding: 20px !important;
    border: 2px solid #eee;
    background: #fff;
    box-shadow: 0 4px 4px #29292905, 0 0 0 1px #2929290d;
}

.swiper-button-prev, .swiper-button-next {
    width: 15px;
    height: 30px;
    margin-top: -15px;
    background-size: 15px 30px;
}


@media only screen and (min-width: 1490px) {
    section, footer {
        max-width: 1700px;
        margin: 0 auto;
        border-left: 10px solid #fff;
        border-right: 10px solid #fff;
        float: none;
    }
    .top-recensioni{
        border-left: 10px solid #fff;
        border-right: 10px solid #fff;
        border-bottom: 2px solid #ededed;
        border-radius: 0;
    }
    
}

@media only screen and (max-width: 1030px) {
    .top-landing-2024{
        height: calc(100vh - 70px - 72px);
        background: url("../images/solo/bg-1control-solo-2024-mobile.jpg") 50% 70% no-repeat;
        background-size: cover;
        background-color: #fafaf8
    }

    .overlay-text{
        width: 50%;
    }
    
}


@media only screen and (max-width: 991px) {
    .top-landing-2024 h2.title {
        font-size: 35px;
    }

    h2.title {
        font-size: 25px;
    }

    h3{
        font-size: 20px
    }

    #section-link{
        padding-bottom: 0
    }

    .problem-item2, #section-link .text-link {
        padding: 20px;
    }

    p.description, h4.description, #section-link .text-link p.description, .problem-item2 h3 {
        font-size: 15px;
    }

    .top-landing-2024 p.description{
        font-size: 17px
    }

    #section-prodotti .hidden-mobile, #section-link .hidden-mobile, .icon-comandi-small, br.hidden-mobile{
    	display: none;
    }

    #reviews .space-50{
        height: 25px
    }
}

@media only screen and (max-width: 820px) {

    .overlay-text{
        width: 100%;
    }
	
    .section-padding {
        padding: 50px;
    }

    #press h4{
    	padding-left: 16px
    }

}

@media only screen and (max-width: 767px) {
	.top-landing-2024{
        height: calc(100vh - 70px - 100px);
		background-position: center center;
	}

    .top-recensioni .stars-reviews-big {
        font-size: 16px;
    }

    .top-recensioni h3 {
        font-size: 14px;
        margin-top: -5px;
    }

    #section-prodotti .col-md-4:nth-child(2){
    	margin-bottom: 0
    }

  	.hidden-mobile{
    	display: none
  	}

  	.space-mobile-30{
  		height: 30px
  	}

	.row-flex{
		display: block;
	}

	.col-textright, .col-textleft{
		padding-left: 15px;
		padding-right: 15px
	}

	.icon-watch-vittori {
        width: 66px;
    }

	#section-prodotti ul {
        width: 320px;
        margin-left: -160px;
    }

    #section-link .hidden-sensori-mobile {
        display: none;
    }

    .img-borderradius{
        margin-bottom: 35px
    }

    #integrazioni .img-borderradius{
        margin-bottom: 0;
        margin-top: 35px
    }

    .swiper-testimonial {
        padding: 20px 30px 30px 30px !important;
    }
}

@media only screen and (max-width: 600px) {
    .top-landing-2024 h2.title {
        font-size: 25px;
    }

    h2.title {
        font-size: 24px;
    }

    h2.title br{
        display: none;
    }

    .round-tag.is-icon-only {
        padding: .3rem;
    }

    .icon-embed-xxsmall {
        width: 15px;
        height: 15px;
    }

    .problem-item2 {
        padding: 15px;
    }

    .problem-item2 h3{
        font-size: 11px;
        margin-top: 15px
    }

    .section-padding, .section-spadding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .press-loghi {
        padding: 0;
    }
}
}

@media only screen and (max-width: 450px) {
	.top-landing-2024{
		padding-top: 30px
	}

    body.landing-CRO, p.description, h4.description{
    	font-size: 16px
    }

    p.description, h4.description {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 390px) {
	.top-landing-2024{
		background-position: center 20%;
        padding-top: 40px;
	}

	.top-landing-2024 .space-15{
		height: 10px
	}

    .top-recensioni h3 {
        font-size: 13px;
    }

	.hidden-mobile-small{
		display: none;
	}

    .stars-reviews-big {
	    font-size: 16px;
	}

    .problem-item2 {
        padding: 12px;
    }

    .problem-item2 h3{
        font-size: 10px
    }

    body.landing-CRO, p.description, h4.description, .top-landing-2024 p.description{
    	font-size: 15px
    }

    p.description, h4.description, .top-landing-2024 p.description {
        margin-top: 22px;
    }

    .top-landing-2024 a.button-product{
        font-size: 13px
    }

}