.hero-category.component{overflow:hidden;background-color:#fff;color:#fff}
.hero-category .headline{display:flex;height:500px;width:100%;background-color:#007abc}
.hero-category .headline__row{height:100%}
.hero-category .headline__column{align-self:flex-end}
.hero-category .headline__content{padding-top:30px;padding-bottom:30px}
.hero-category .headline__title h1,.hero-category .headline__title h2,.hero-category .headline__copy p{margin-bottom:0}
.hero-category .headline__contact-label{font-size:14px;line-height:26px;letter-spacing:-0.1px;margin-bottom:0}
.hero-category .headline__contact-label ~ .headline__contact-link{margin-top:15px}
.hero-category .headline__cta-link ~ .headline__contact-link{margin-top:20px}
.hero-category .supporting__container{padding-left:0;padding-right:0}
.hero-category .supporting__background{background-image:url('https://www.metlife.com/static/images/hero-category/hero-category.svg');background-color:#007abc}
.hero-category .supporting__content{width:100%;padding:30px 15px}
.hero-category .supporting__title{margin:0;width:auto}
.hero-category .headline__contact-link a:hover{color:#fff}
@media screen and (max-width:767px){.hero-category .headline__copy{margin-top:15px}
.hero-category .headline__cta,.hero-category .headline__contact,.hero-category .headline__cta-contact{margin-top:30px}
.hero-category .headline__cta-link,.hero-category .headline__contact-link{display:inline-block;width:100%}
.hero-category .headline__cta-link ~ .headline__contact-link{margin-top:30px}
}
@media screen and (min-width:768px){.hero-category .headline{height:440px}
.hero-category .headline__content{padding-top:20px;padding-bottom:0;margin-bottom:120px}
.hero-category .headline__title h1,.hero-category .headline__title h2,.hero-category .headline__copy p{height:100%;padding-bottom:20px}
.hero-category .headline__title h1,.hero-category .headline__title h2{border-right:1px solid rgba(255,255,255,0.4);padding-right:30px}
.hero-category .headline__cta-link:last-child,.hero-category .headline__contact-link:last-child{padding-bottom:20px}
.hero-category .supporting{margin-top:-120px}
.hero-category .supporting__container{padding-left:15px}
.hero-category .supporting__content{min-height:150px;width:calc((100% + 15px) * .83333 - 30px);padding:30px 0 30px 30px}
.hero-category .supporting__copy{margin-top:15px}
}
@media screen and (min-width:1024px){.hero-category .headline{height:600px}
.hero-category .headline__content{margin-bottom:100px}
.hero-category .supporting{margin-top:-100px}
.hero-category .supporting__content{min-height:160px;width:calc((100% + 15px) * .90909 - 30px);padding:60px 0 60px 60px}
}
@media screen and (min-width:1300px){.hero-category .supporting__content{width:calc(10 * (1300px * 0.08333) - 30px)}
}
@media screen and (min-width:768px){body[dir="rtl"] .hero-category .headline__title h1,body[dir="rtl"] .hero-category .headline__title h2{border-left:1px solid rgba(255,255,255,0.4);padding-left:30px;border-right:0;padding-right:initial}
body[dir="rtl"] .hero-category .supporting__container{padding-right:15px;padding-left:initial}
body[dir="rtl"] .hero-category .supporting__content{padding:30px 30px 30px 0}
}
@media screen and (min-width:1024px){body[dir="rtl"] .hero-category .supporting__content{padding:60px 60px 60px 0}
}