.Hero{display:block;padding-bottom:50px;overflow:hidden;text-align:center}@media screen and (max-width:767px){.Hero{padding-bottom:20px}}.Hero__cards{max-width:1500px;padding:0 30px;margin:0 auto}@media screen and (max-width:767px){.Hero__cards{max-width:400px;padding:0;margin:0 auto}}.Hero__slider{overflow:visible!important}.Hero .swiper-slide{max-width:480px;padding:0 15px}@media screen and (max-width:767px){.Hero .swiper-slide:first-child{order:2}.Hero .swiper-slide:last-child{order:3}}.Hero .swiper-pagination{position:relative;inset:0;z-index:1;display:block;display:none;padding-top:15px}@media screen and (max-width:767px){.Hero .swiper-pagination{display:block}}.Hero .swiper-pagination-bullet{position:relative;display:inline-block;width:6px;height:6px;margin:0 4px;background:var(--color-main);opacity:1;transition:background-color .2s ease}.Hero .swiper-pagination-bullet:before{position:absolute;top:-3px;left:-3px;display:block;visibility:hidden;width:12px;height:12px;content:"";background:#fff;border:3px solid var(--color-main);border-radius:50%;opacity:0;transition:opacity .2s ease,visibility .2s ease}.Hero .swiper-pagination-bullet-active{background:#fff}.Hero .swiper-pagination-bullet-active:before{visibility:visible;opacity:1}
