.quote-tool .component{position:relative}
.quote-tool .gradient-top{height:5px;background-image:-webkit-gradient(linear,left top,right top,from(#0090da),color-stop(104%,#a4ce4e));background-image:-o-linear-gradient(left,#0090da 0,#a4ce4e 104%);background-image:linear-gradient(to right,#0090da 0,#a4ce4e 104%);margin-bottom:20px}
.quote-tool .quote-tool-title{font-size:44px;line-height:66px;font-weight:500;letter-spacing:-0.81px;color:#333;font-family:'MetLifeCircular','Arial','Helvetica','sans-serif'}
.quote-tool .quote-tool-subtitle{font-size:18px;line-height:38px;letter-spacing:-0.2px;color:#333;font-family:'Noto Sans','Arial','Helvetica','sans-serif'}
.quote-tool .quote-tool-container{margin-top:28px}
.quote-tool .quote-tool-form-container{background:#fff;z-index:1}
.quote-tool .quote-tool-results-container{z-index:0;padding-top:30px;padding-bottom:30px;margin-top:32px;background:url('../png/dark-blue-gradient.png');background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff;border-radius:0 0 8px 8px;top:-200px;opacity:0;transition-property:top,left,opacity;transition-duration:1s;transition-timing-function:ease-out}
.quote-tool .quote-tool-results-container.results-animate{top:0;opacity:1}
.quote-tool .quote-tool-results-title{font-size:28px;line-height:42px;letter-spacing:0;color:#fff;font-family:'MetLifeCircular','Arial','Helvetica','sans-serif'}
.quote-tool .quote-tool-results-description{font-size:16px;line-height:24px;letter-spacing:0;margin-bottom:24px;color:#fff;font-family:'Noto Sans','Arial','Helvetica','sans-serif'}
.quote-tool .quote-tool-results-section{font-size:36px;line-height:54px;font-weight:500;letter-spacing:0;margin-bottom:16px;color:#fff;font-family:'MetLifeCircular','Arial','Helvetica','sans-serif'}
.quote-tool .quote-tool-results-content{font-size:16px;line-height:24px;letter-spacing:0;margin-bottom:32px;color:#fff;font-family:'Noto Sans','Arial','Helvetica','sans-serif'}
.quote-tool .quote-results-top-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.quote-tool .quote-results-bottom-section .brand-button{display:none}
@media screen and (min-width:1024px){.quote-tool .quote-tool-container{margin-top:44px;padding-right:16px}
.quote-tool .quote-tool-form-container{padding-right:7px}
.quote-tool .quote-tool-results-container{margin-top:0;padding:32px 50px 30px 74px;border-radius:0 8px 8px 0;left:-200px;background-position:center right;background-size:calc(100% - 24px) 100%;top:0}
.quote-tool .quote-tool-results-container.results-animate{opacity:1;left:0}
}
@media screen and (min-width:768px) and (max-width:1023px){.quote-tool .quote-tool-title{font-size:38px;line-height:57px;letter-spacing:-0.04px}
.quote-tool .quote-tool-subtitle{font-size:18px;line-height:38px;letter-spacing:-0.01px}
.quote-tool .quote-tool-container{margin-top:32px}
.quote-tool .quote-tool-results-container{padding:32px 16px 30px 16px}
.quote-tool .quote-tool-results-title{font-size:28px;font-weight:500}
.quote-tool .quote-results-top-section{margin-bottom:24px}
.quote-tool .quote-tool-results-description,.quote-tool .quote-tool-results-section{margin-bottom:20px}
.quote-tool .quote-tool-results-section{font-size:34px;line-height:51px}
.quote-tool .quote-results-top-section,.quote-tool .quote-results-bottom-section{display:flex;align-items:center}
.quote-tool .quote-results-top-section a,.quote-tool .quote-results-bottom-section a{margin:0}
.quote-tool .quote-tool-results-content{margin-bottom:40px}
}
@media screen and (max-width:767px){.quote-tool .quote-tool-title{font-size:30px;line-height:45px}
.quote-tool .quote-tool-results-description{margin-bottom:20px}
.quote-tool .quote-tool-results-section{font-size:26px;line-height:39px;margin-bottom:20px}
.quote-tool .quote-tool-subtitle{line-height:27px}
}
body[dir="rtl"] .quote-tool .gradient-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
body[dir="rtl"] .quote-tool .quote-tool-results-container{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
body[dir="rtl"] .quote-tool .quote-tool-results-container>div{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
body[dir="rtl"] .quote-tool .quote-tool-results-section{direction:ltr;text-align:right}
@media screen and (min-width:1024px){body[dir="rtl"] .quote-tool .quote-tool-container{padding-left:initial;padding-right:16px}
body[dir="rtl"] .quote-tool .quote-tool-form-container{padding-left:7px;padding-right:initial}
body[dir="rtl"] .quote-tool .quote-tool-results-container{padding:32px 74px 30px 50px;border-radius:8px 0 0 8px;right:-200px;left:initial;background-position:center left}
body[dir="rtl"] .quote-tool .quote-tool-results-container.results-animate{right:0;left:initial}
}