.hero-with-card{padding:calc(var(--top-header-distance) + 64px) 0 56px 0}.hero-with-card .container{display:flex;flex-direction:column;flex-wrap:wrap}.hero-with-card .wrapper-title{margin-bottom:64px}.hero-with-card .wrapper-title .description,.hero-with-card .wrapper-title .title{color:#141414}.hero-with-card .wrapper-title .title{font-size:32px;line-height:1.21875em;margin-bottom:.875em}.hero-with-card .wrapper-title .description{font-size:16px;line-height:1.25em}.hero-with-card .card .image-wrapper{height:138px}.hero-with-card .card .content{padding:16px 24px}.hero-with-card .card .content .card-title{font-size:16px;height:3.5625em;line-height:1.1875em;margin-bottom:.75em}.hero-with-card .card .content .card-link,.hero-with-card .card .content .video-link{background-color:#5274ff;border-radius:5em;color:#fff;font-weight:600;line-height:1.2142857142857142em;padding:6px 12px;width:fit-content;width:-moz-fit-content}.hero-with-card .card .content .card-link:only-child:after{display:none}@media (min-width:768px){.hero-with-card .wrapper-title .title{margin-bottom:.5em}.hero-with-card .wrapper-title .description{width:74%}.hero-with-card .card{align-items:center;display:flex}.hero-with-card .card .image-wrapper{flex-basis:48%;height:260px}.hero-with-card .card .content{align-items:center;flex-basis:52%;flex-direction:row;flex-wrap:wrap;height:auto;justify-content:flex-start;padding:0 32px}.hero-with-card .card .content .card-category,.hero-with-card .card .content .card-date{margin-bottom:0}.hero-with-card .card .content .card-category{margin-right:16px}.hero-with-card .card .content .card-title{font-size:20px;margin:1.2em 0}.hero-with-card .card .content .card-links-wrapper{width:100%}}@media (min-width:992px){.hero-with-card .wrapper-title .title{font-size:36px;margin-bottom:.888em}.hero-with-card .wrapper-title .description{font-size:20px;width:auto}.hero-with-card .container{align-items:center;flex-direction:row;justify-content:space-between}.hero-with-card .hero-wrapper-card,.hero-with-card .wrapper-title{flex-basis:calc(50% - 16px)}}@media (min-width:1200px){.hero-with-card .card .content .card-links-wrapper{font-size:14px}}