.quote-feature-breaker {
  color: #000000;
  background-color: #ffffff;
}
.quote-feature-breaker.bg {
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.quote-feature-breaker .quote-feature-quote-container {
  position: relative;
}
.quote-feature-breaker .quote {
  position: absolute;
}
.quote-feature-breaker .quote span:before {
  content: url('../../../../../../../content/dam/globalMarketingPlatformAssets/images/utility/quotation.svg');
  display: block;
  width: 65px;
  height: auto;
}
.quote-feature-breaker .quote-feature-content {
  position: relative;
  padding-top: 75px;
  padding-bottom: 35px;
}
.quote-feature-breaker .quote-feature-content:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(225deg, #0090da 0%, #a4ce4e 100%);
}
.quote-feature-breaker .quote-feature-copy,
.quote-feature-breaker .quote-feature-eyebrow,
.quote-feature-breaker .quote-feature-title,
.quote-feature-breaker .quote-feature-read-time {
  font-family: 'MetLifeCircular', 'Arial', 'Helvetica', 'sans-serif';
}
.quote-feature-breaker .quote-feature-copy {
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 1.29;
}
.quote-feature-breaker .quote-feature-eyebrow {
  margin-bottom: 13px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: 2px;
}
.quote-feature-breaker .quote-feature-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.quote-feature-breaker .quote-feature-read-time {
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.2px;
  margin-top: 17px;
}
.quote-feature-breaker .btn-brand-1st {
  margin-top: 0px;
}
.quote-feature-breaker .quote-feature-eyebrow + .btn-brand-1st,
.quote-feature-breaker .quote-feature-title + .btn-brand-1st,
.quote-feature-breaker .quote-feature-read-time + .btn-brand-1st {
  margin-top: 40px;
}
.quote-feature-breaker .bg .btn-brand-1st {
  background-color: transparent;
  outline-color: #ffffff;
  border: 2px solid #ffffff;
  padding: 14px 22px;
}
.quote-feature-breaker .bg .btn-brand-1st:hover {
  border: 2px solid #ffffff;
  color: #007abc;
  background-color: #ffffff;
}
.quote-feature-breaker .bg .btn-brand-1st:focus {
  background-color: transparent;
  border: 3px solid #ffffff;
  color: #ffffff;
  padding: 13px 21px;
}
@media screen and (min-width: 768px) {
  .quote-feature-breaker.bg {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .quote-feature-breaker .quote-feature-copy {
    margin-bottom: 40px;
    font-size: 28px;
    line-height: 1.21;
  }
  .quote-feature-breaker .quote-feature-title {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.6px;
  }
}
@media screen and (min-width: 1024px) {
  .quote-feature-breaker.bg {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .quote-feature-breaker .quote-feature-content {
    padding-top: 55px;
    padding-bottom: 40px;
  }
  .quote-feature-breaker .quote-feature-copy {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 1.25;
  }
  .quote-feature-breaker .quote-feature-eyebrow {
    margin-bottom: 11.5px;
  }
}
body[dir="rtl"] .quote-feature-breaker .quote-feature-content:after,
body[dir="rtl"] .quote-feature-breaker .quote span:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
body[dir="rtl"] .quote-feature-breaker .quote-feature-content:after {
  right: 0;
  left: initial;
}