.factcard{position:relative}
.factcard .bg{background-image:url('../../../../../../content/dam/globalMarketingPlatformAssets/images/metlifePetInsurance/fact-card/factcard-mobile.svg');background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#007abc;position:absolute;height:71%;width:100%;bottom:0}
.factcard p{margin:0}
.factcard .factcard__title>*:first-child{color:#333;font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-weight:500;font-size:24px;line-height:30px;letter-spacing:-0.05px;margin:0;margin-bottom:24px}
.factcard .factcard__container .row{margin-left:0}
.factcard .factcard__cards .factcard__cards--card{border:1px solid #d9d9d6;position:relative;background-color:#fff;border-radius:8px;width:calc(50% - 15px);margin-right:15px}
.factcard .factcard__cards .factcard__gradient-bar{position:absolute;top:0;left:-2px;width:8px;height:100%;background:-o-linear-gradient(272deg,#0090da,#a4ce4e);background:linear-gradient(178deg,#0090da,#a4ce4e);border-top-left-radius:8px;border-bottom-left-radius:8px}
.factcard .factcard__cards .factcard__cards--content{height:100%;padding:16px 18px 15px 16px}
.factcard .factcard__cards img{height:32px;width:32px}
.factcard .factcard__cards .factcard__cards--title{color:#333;font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-size:12px;line-height:24px;letter-spacing:1.2px;margin-bottom:8px}
.factcard .factcard__cards img + .factcard__cards--title{margin-top:8px}
.factcard .factcard__cards .factcard__cards--copy{display:inline}
.factcard .factcard__cards .factcard__cards--copy p{width:auto;display:inline}
.factcard .factcard__cards .factcard__cards--copy .larger-text{color:#333;font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-weight:500;font-size:18px;line-height:27px;letter-spacing:-0.04px}
.factcard .factcard__cards .factcard__cards--copy .smaller-text{color:#333;font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-size:12px;line-height:18px;padding-left:4px}
.factcard .factcard--bottom{margin-top:24px}
.factcard .factcard--bottom .factcard--bottom--content{color:#fff;width:100%;margin-bottom:24px}
.factcard .factcard--bottom .larger-text{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-weight:500;font-size:20px;line-height:30px;letter-spacing:-0.04px}
.factcard .factcard--bottom .smaller-text{font-family:'Noto Sans','Arial','Helvetica','sans-serif';font-size:12px;line-height:18px;letter-spacing:-0.02px}
@media screen and (max-width:767px){.factcard .factcard__cards .factcard__cards--card{margin-bottom:15px}
.factcard .factcard__cards .factcard__cards--card:nth-last-of-type(-n+2){margin-bottom:0}
.factcard .factcard__cards .factcard__cards--card:nth-of-type(2){margin-right:0}
.factcard .factcard--bottom .smaller-text{margin-top:8px;display:block}
.factcard .factcard__cards .factcard__cards--content{padding:16px 10px 15px 16px}
}
@media screen and (min-width:768px){.factcard .factcard__container .row{margin-right:-30px}
.factcard .bg{background-image:url('../../../../../../content/dam/globalMarketingPlatformAssets/images/metlifePetInsurance/fact-card/factcard-tablet.svg');height:55%}
.factcard .factcard__title>*:first-child{font-size:32px;line-height:40px;letter-spacing:-0.06px;margin-bottom:32px}
.factcard .factcard__cards .factcard__cards--card{width:calc(25% - 30px);margin-right:30px}
.factcard .factcard__cards .factcard__cards--card:nth-of-type(4){margin-right:0}
.factcard .factcard__cards .factcard__cards--content{padding:24px 7px 24px 16px}
.factcard .factcard__cards img{height:48px;width:48px}
.factcard .factcard__cards .factcard__cards--title{font-size:14px;line-height:28px;letter-spacing:1.4px;margin-bottom:4px}
.factcard .factcard__cards img + .factcard__cards--title{margin-top:8px}
.factcard .factcard__cards .factcard__cards--copy .larger-text{font-size:24px;line-height:30px;letter-spacing:-0.05px}
.factcard .factcard__cards .factcard__cards--copy .smaller-text{font-size:14px;line-height:21px;padding-left:6px}
.factcard .factcard--bottom{margin-top:32px;margin-bottom:32px}
.factcard .factcard--bottom .factcard--bottom--content{width:calc(50% - 32px);margin-right:32px;margin-bottom:0}
.factcard .factcard--bottom .factcard--bottom--content p:first-of-type{margin-bottom:8px}
.factcard .factcard--bottom .factcard--bottom--content:nth-of-type(2){margin-right:0}
.factcard .factcard--bottom .larger-text{font-size:24px;line-height:30px;letter-spacing:-0.05px}
.factcard .factcard--bottom .smaller-text{font-size:14px;line-height:21px;letter-spacing:-0.03px}
}
@media screen and (min-width:1024px){.factcard .bg{background-image:url('../../../../../../content/dam/globalMarketingPlatformAssets/images/metlifePetInsurance/fact-card/factcard-desktop.svg')}
.factcard .factcard__title>*:first-child{line-height:55px;letter-spacing:-0.09px;max-width:100%;font-size:44px;margin-bottom:40px}
.factcard .factcard__cards .factcard__cards--card{width:calc(25% - 30px);margin-right:30px}
.factcard .factcard__cards .factcard__cards--card:nth-of-type(4){margin-right:30px}
.factcard .factcard__cards .factcard__cards--content{padding:32px 24px}
.factcard .factcard__cards img{height:64px;width:64px}
.factcard .factcard__cards .factcard__cards--title{font-size:20px;letter-spacing:2px;line-height:28px;margin-bottom:4px}
.factcard .factcard__cards .factcard__cards--copy .larger-text{font-size:32px;line-height:40px;letter-spacing:-0.46px}
.factcard .factcard__cards .factcard__cards--copy .smaller-text{line-height:24px;padding-left:8px;font-size:18px}
.factcard .factcard--bottom{margin-top:40px;margin-bottom:40px}
.factcard .factcard--bottom .factcard--bottom--content p:first-of-type{margin-bottom:12px}
.factcard .factcard--bottom .larger-text{font-size:32px;line-height:40px;letter-spacing:-0.06px}
}