.hero-sub-topic.component{overflow:hidden;background-color:#fff;color:#fff}
.hero-sub-topic .hero-subtopic-topic__picture{display:flex;height:240px}
.hero-sub-topic .hero-subtopic-topic__illustration{display:flex;height:150px}
.hero-sub-topic .hero-sub-topic__gradient{background-image:linear-gradient(to right,#008edd 0,#a2cf42 104%);height:25px}
.hero-sub-topic .hero-sub-topic__background{background-color:#fff}
.hero-sub-topic .hero-sub-topic__content{padding-top:24px}
.hero-sub-topic .hero-sub-topic__eyebrow .eyebrow{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-size:16px;font-weight:500;line-height:24px;letter-spacing:2.67px;color:#333;margin:0}
.hero-sub-topic .hero-sub-topic__title{margin-top:8px;margin-bottom:8px}
.hero-sub-topic .hero-sub-topic__title .title{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-size:24px;font-weight:500;line-height:36px;letter-spacing:-0.37px;color:#333;margin-bottom:0}
.hero-sub-topic .hero-sub-topic__subHeading .subHeading{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-size:18px;font-weight:500;line-height:40px;letter-spacing:-0.28px;color:#333;margin:0}
.hero-sub-topic .hero-sub-topic__copy{font-family:'Noto Sans','Arial','Helvetica','sans-serif';font-size:16px;font-style:normal;line-height:1.5;letter-spacing:-0.16px;color:#333}
.hero-sub-topic .hero-sub-topic__copy p:last-child{margin-bottom:0}
.hero-sub-topic .hero-sub-topic__btn{margin-top:24px;padding-bottom:10px}
.hero-sub-topic .hero-sub-topic__copy{margin-top:8px}
@media screen and (max-width:767px){.hero-sub-topic.component:not(.component__spacing-bottom){margin-bottom:15px}
}
@media screen and (min-width:768px){.hero-sub-topic .hero-subtopic-topic__picture{height:300px}
.hero-sub-topic .hero-sub-topic__background{margin-top:-20px}
.hero-sub-topic .hero-subtopic-topic__illustration{height:200px}
.hero-sub-topic .hero-sub-topic__gradient{height:10px}
.hero-sub-topic .hero-sub-topic__content{padding-top:30px}
.hero-sub-topic .hero-sub-topic__title .title{font-size:44px;line-height:55px;letter-spacing:-0.44px}
.hero-sub-topic .hero-sub-topic__subHeading .subHeading{font-size:32px;letter-spacing:-0.49px}
.hero-sub-topic .hero-sub-topic__btn{margin-top:25px}
.hero-sub-topic .hero-sub-topic__left,.hero-sub-topic .hero-sub-topic__right{padding-left:50px}
.hero-sub-topic .hero-sub-topic__copy{margin-top:8px}
}
@media screen and (min-width:1024px){.hero-sub-topic .hero-subtopic-topic__picture{height:400px}
.hero-sub-topic .hero-subtopic-topic__illustration{height:250px}
.hero-sub-topic .hero-sub-topic__background{margin-top:-30px}
.hero-sub-topic .hero-sub-topic__content{padding-top:24px}
.hero-sub-topic .hero-sub-topic__content{display:flex;padding-top:40px}
.hero-sub-topic .hero-sub-topic__title{margin-top:10px;margin-bottom:10px}
.hero-sub-topic .hero-sub-topic__left,.hero-sub-topic .hero-sub-topic__right{padding-left:0}
.hero-sub-topic .hero-sub-topic__copy{margin-top:0}
.hero-sub-topic .hero-sub-topic__btn{margin-top:32px}
}
body[dir="rtl"] .hero-sub-topic .hero-sub-topic__gradient{background-image:linear-gradient(to left,#008edd 0,#a2cf42 104%)}
@media screen and (min-width:768px){body[dir="rtl"] .hero-sub-topic .hero-sub-topic__left,body[dir="rtl"] .hero-sub-topic .hero-sub-topic__right{padding-right:50px;padding-left:initial}
}
@media screen and (min-width:1024px){body[dir="rtl"] .hero-sub-topic .hero-sub-topic__left,body[dir="rtl"] .hero-sub-topic .hero-sub-topic__right{padding-right:0;padding-left:initial}
}