.m-hero{display:flex;flex-direction:column;padding-top:40px}.m-hero .top{position:relative}.m-hero .top .col-data{align-self:center}@media (max-width: 1023px){.m-hero .top .col-media{margin-top:20px}}.m-hero .top .content{position:relative;padding:80px 0}@media (max-width: 1023px){.m-hero .top .content{padding:0}}.m-hero .top .content .title{position:relative;color:#003153}.m-hero .top .content .title span{color:#009ed1}.m-hero .top .content .cta{margin-top:32px}.m-hero .top .photo{display:block;width:100%;height:600px;margin:0;padding:0;overflow:hidden}@media (max-width: 1023px){.m-hero .top .photo{height:auto}}.m-hero .top .photo img{display:block;margin:0;padding:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:24px}@media (max-width: 1023px){.m-hero .top .photo img{height:auto}}.m-hero .bottom{position:relative}.m-hero .bottom .wrapper{padding:40px 0;align-items:center;border-bottom:1px solid #e5e5e5}@media (max-width: 1023px){.m-hero .bottom .wrapper{padding:40px 0}}@media (max-width: 1439px){.m-hero .bottom .col-stats{order:-1}}.m-hero .bottom .data{display:flex;align-items:center;gap:10px}.m-hero .bottom .data .online{flex-shrink:0;display:block;margin:0;padding:0;-o-object-fit:cover;object-fit:cover;width:20px;height:20px;border-radius:50%;background:#2dc878;box-shadow:0 0 #2dc878b3;animation:pulse 1.5s infinite cubic-bezier(.66,0,0,1);border:2px solid #fff;position:relative}@keyframes pulse{0%{box-shadow:0 0 #2dc878b3}70%{box-shadow:0 0 0 10px #2dc87800}to{box-shadow:0 0 #2dc87800}}.m-hero .bottom .data a{-webkit-text-decoration:underline;text-decoration:underline;transition:color .2s ease-in-out}.m-hero .bottom .data a:hover{color:#009ed1}.m-hero .bottom .stats{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px}@media (max-width: 767px){.m-hero .bottom .stats{grid-template-columns:1fr;gap:20px}}.m-hero .bottom .stats .card-stat{position:relative;text-align:center}@media (max-width: 1439px){.m-hero .bottom .stats .card-stat{text-align:left}}.m-hero .bottom .stats .card-stat .value{color:#003153;line-height:1}.m-hero .bottom .stats .card-stat .text{margin-top:3px}@media (max-width: 1439px){.m-hero .bottom .col-data{margin-top:20px}}