.hero-with-article .content-wrapper{position:relative;overflow:hidden;color:#fff;margin-top:24px;padding-top:56.25%}
.hero-with-article .media.bg{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%}
.hero-with-article .content-wrapper.default,.hero-with-article .content-wrapper.image{display:flex}
.hero-with-article .content-wrapper.video .video-js{pointer-events:none}
.hero-with-article .content-wrapper.video .video-js.video-playing{pointer-events:auto}
.hero-with-article .content-wrapper.video .video-js .vjs-big-play-button,.hero-with-article .content-wrapper.video .video-js .vjs-dock-text{display:none}
.hero-with-article .content-wrapper.video .content{position:absolute;left:0;right:0;bottom:0}
.hero-with-article .content-wrapper.video .content.video-playing{visibility:hidden}
.hero-with-article .first-row{margin-top:40px}
.hero-with-article .eyebrow{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-weight:500;font-size:12px;line-height:13px;letter-spacing:2px;margin-bottom:0;color:#000}
.hero-with-article .title{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-weight:500;font-size:36px;line-height:43px;letter-spacing:-0.56px;margin-bottom:0;color:#000}
.hero-with-article .eyebrow ~ .title{margin-top:8px}
.hero-with-article .second-row{display:flex;align-items:flex-end}
.hero-with-article .details{margin-top:24px}
.hero-with-article .read-time,.hero-with-article .date{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-size:12px;line-height:18px;color:#000}
.hero-with-article .read-time + .date:before{content:'|';padding-left:20px;padding-right:20px}
.hero-with-article .hero-with-article__gradient{width:75%;height:12px;background-image:linear-gradient(91deg,#0090da 0,#a4ce4e 104%)}
.hero-with-article .social-icons .icon{vertical-align:middle;color:#fff;fill:#007abc;height:20px;width:20px;pointer-events:none}
.hero-with-article .social-icons .sharingButton:focus{outline:2px solid #007abc;outline-offset:3px}
.hero-with-article .social-icons .sharingButton:focus:hover .icon{color:#fff;fill:#007abc}
.hero-with-article .social-icons .sharingButton:focus .icon{color:#fff;fill:#007abc}
.hero-with-article .social-icons .sharingButton:hover .icon{color:#fff;fill:#a4ce4e}
.hero-with-article .social-icons li.social-icons__item:not(:first-child){margin:0 0 0 16px}
.hero-with-article .play-button{position:relative;top:-50%;left:40%}
.hero-with-article .d-none{display:none}
@media screen and (max-width:767px){.hero-with-article .social-sharing{margin-top:16px}
.hero-with-article .play-button{margin-left:13px}
.hero-with-article .social-icons .icon{height:20px;width:20px}
}
@media screen and (min-width:768px){.hero-with-article .content-wrapper{margin-top:36px}
.hero-with-article .first-row{margin-top:30px}
.hero-with-article .title{font-size:50px;line-height:60px;letter-spacing:-0.77px}
.hero-with-article .second-row{margin-top:36px}
.hero-with-article .details{margin-top:0}
.hero-with-article .social-icons .icon{height:28px;width:28px}
.hero-with-article .read-time,.hero-with-article .date{font-size:18px;line-height:18px}
.hero-with-article .read-time + .date:before{padding-left:16px;padding-right:16px}
.hero-with-article .play-button{position:relative;top:-50%;left:45%}
}
@media screen and (min-width:1024px){.hero-with-article .first-row{margin-top:50px}
.hero-with-article .social-icons .icon{height:28px;width:28px}
.hero-with-article .title{font-size:70px;line-height:77px;letter-spacing:-1.08px}
.hero-with-article .read-time + .date:before{padding-left:20px;padding-right:20px}
.hero-with-article .play-button{margin-left:8px}
}
body[dir="rtl"] .hero-with-article .hero-with-article__gradient{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
body[dir="rtl"] .hero-with-article .social-icons li.social-icons__item:not(:first-child){margin:0 30px 0 0}
body[dir="rtl"] .hero-with-article .play-button{right:40%;left:initial;margin-right:12px}
@media screen and (min-width:768px){body[dir="rtl"] .hero-with-article .play-button{right:45%;left:initial;margin-left:initial;margin-right:5px}
}
@media screen and (min-width:1024px){body[dir="rtl"] .hero-with-article .play-button{margin-right:14px}
}