﻿


#dintorni-section{padding:8.8rem 0;background:#fff}

#dintorni-section h2{color: var(--text-color-primary);text-transform: uppercase;font-size: 1.5rem;font-family: var(--ff-default);margin: 0;line-height: 1;letter-spacing: .2rem;font-weight: 500;}
#dintorni-section h3{font-size: 2.4rem;line-height: 1.3;text-transform: uppercase;color: var(--text-color-primary);text-align: center;font-weight: 300;margin:3.2rem 0 6.4rem}

#dintorni-carousel{margin-top:6.4rem;cursor: grab;}
#dintorni-carousel .swiper-wrapper{align-items:center}
#dintorni-carousel .swiper-slide{background:var(--beige-color)}
#dintorni-carousel .swiper-slide img{opacity:1;height:auto;width:100%;display:block;}
#dintorni-carousel .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{position: relative;margin-top: 3.2rem;height: 1px;background: var(--beige-color);}
#dintorni-carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #b0b0af;}

#dintorni-section p{margin:6.4rem auto 3.2rem;width:100%}
#dintorni-section .button--primary{margin:0}

@media(min-width:650px){
    #dintorni-section p{width:calc((100% - 11 * 2.4rem) / 12 * 10 + 9 * 2.4rem)}
}

@media(min-width:992px){
    #dintorni-section p{width:calc((100% - 11 * 2.4rem) / 12 * 8 + 7 * 2.4rem)}
}

@media(min-width:1280px){
    #dintorni-section p{width:calc((100% - 11 * 2.4rem) / 12 * 6 + 5 * 2.4rem);margin:6.4rem auto 3.2rem}
    #dintorni-section{padding:17.6rem 0}
    #dintorni-section h3{font-size:3.2rem}
    #dintorni-carousel .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{margin-top:6.4rem}
}