@charset "UTF-8";.app-topics{padding:62px 0;background-color:#fff}.app-topics .wrap{overflow:visible}.app-topics .wrap .tittle-topics{align-items:center;justify-content:center;margin-bottom:30px}.app-topics .wrap .tittle-topics h2{font-size:32px;color:#023874;text-align:center;font-weight:500}@media(max-width:767.8px){.app-topics .wrap .tittle-topics h2{font-size:21px;margin-bottom:15px}}.app-topics .wrap .tittle-topics p{font-size:14px;color:#707070;text-align:center;font-weight:400}@media(max-width:767.8px){.app-topics .wrap .tittle-topics p{width:81%;margin:auto}}.app-topics .wrap .topics-section{display:flex}@media(max-width:767.8px){.app-topics .wrap .topics-section .swiper-container{overflow:visible}}.app-topics .wrap .topics-section .topic{max-width:270px;width:270px;max-height:339px;background-color:#023874;border-radius:10px;align-items:center;justify-content:center;padding:50px 0;display:inline-grid;text-align:center}.app-topics .wrap .topics-section .topic img{margin:0 auto 10px}.app-topics .wrap .topics-section .topic span{font-size:13px;color:#cba021;text-align:center;text-transform:uppercase;font-weight:500;letter-spacing:2.6px;margin-bottom:10px}.app-topics .wrap .topics-section .topic h2{font-size:21px;color:#fff;text-align:center;font-weight:500;padding-bottom:10px;max-width:210px;margin:auto}@media(max-width:767.8px){.app-topics .wrap .topics-section .topic h2{padding-bottom:10px;max-width:186px;margin:auto}}.app-topics .wrap .topics-section .topic p{font-size:13px;color:#e2e2e2;text-align:center;font-weight:300;max-width:205px;line-height:19px;margin:auto}@media(max-width:767.8px){.app-topics .wrap .topics-section .topic p{max-width:195px;margin:0 auto}}@media(max-width:767.8px){.app-topics .wrap .topics-section .topic{height:339px}}.app-topics .wrap .topics-section .swiper-navigation{display:flex;justify-content:center;margin-top:50px}.app-topics .wrap .topics-section .swiper-navigation .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;border:2px solid #023874;margin:2px;background-color:transparent}.app-topics .wrap .topics-section .swiper-navigation .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background:#023874}@media(max-width:767.8px){.app-topics .wrap .topics-section{flex-direction:column;overflow:hidden}}