:root{
	--swiper-theme-color: white;
}
section{padding-top: 20px}
.banner-pages{min-height:60vh; background-size: cover; background-position: center; margin-bottom: 40px}
.banner-pages .sep{margin-bottom: 20px}
.banner-pages p{width:90%; margin: 0px auto;}
h2{ text-align:center; color:var(--gris); font-weight:normal; font-size:20px; padding:0px 20px; letter-spacing:1px }
h2.dos{margin-bottom:0px}
section .roll{color: var(--gris);}
section .roll .aa{ width: 80%; margin: 0px auto; padding: 30px 0px; border-bottom: 3px solid #ccc}
section .roll .bb{ width: 80%; margin: 0px auto; padding: 30px 0px; color: #c8ca2e}
section .roll .bb span:first-of-type{font-size:70px; font-weight: bold}
section .roll .bb span:last-of-type{padding-top:32px; font-size:18px}

.swiper{ height:100vw; margin-bottom:80px }
.swiper-slide img{ width:100% }

section .roll.two img{width: 100%}
section .roll.two .xa{padding:30px; margin-bottom: 40px}
section .roll.two .xa p{margin-bottom:20px; line-height:250%}
section .roll.two .xa div{color:#16a7b4; display: flex; flex:2; justify-content: start; gap: 20px}

section .roll.two .xa div b{font-size:50px;}
section .roll.two .xa span:first-of-type{font-weight:bold}
section .roll.two .xa span:last-of-type{padding-top:16px; letter-spacing: 2px}

@media screen and (min-width:1024px){
	.banner-pages{min-height:80vh; margin-bottom:88px}
	.banner-pages p{width:50%}
	h2{letter-spacing:5px }
	h2.dos{margin-bottom:40px}
	section .wrap.one{margin-bottom: 80px}
	section .roll{display: grid; grid-template-columns: repeat(2, 1fr); width:80%; margin: 0px auto; padding: 60px 0px}
	section .roll .aa{border-right: 3px solid #ccc; border-bottom: none; padding-right:60px; line-height:200%}
	section .roll .bb span:first-of-type{ text-align:right; }
	section .roll .bb{grid-template-columns:30% 70%}
	section .roll .bb span:last-of-type{padding-left:20px}
	.swiper{ height:440px; width: 90%; margin: 0px auto 80px auto}
	section .roll.two{gap: 60px; margin-bottom: 80px}
	section .roll.two .xa{padding:60px 0px 0px 0px; margin-bottom:0px}
	section .roll.two .xa span:first-of-type{ font-size:30px}
	section .roll.two .xa div b{font-size:70px;}
	section .roll.two .xa span:last-of-type{ font-size: 20px; padding-top: 26px}
}