.w_page_static_hero {
  margin: auto;
  background: #fbfbfb;
  border-bottom: 2px solid #f89728;
}
.w_page_static_hero h1 {
  font-size: 40px;
  line-height: 115%;
  font-family: "ProximaNovaBold";
  margin: 30px 0 10px 0;
  color: #3F4E5C;
}
.w_page_static_hero a, 
.w_page_static_hero a:visited {
  color: #0070a9;
}
.w_page_static_hero .right-cell div.bkg {
  min-height: 376px;
  background-position: center top;
}
.grey-article-callout ul {
  padding-left: 30px;
  padding-bottom: 30px;
}
.grey-article-callout p,
.grey-article-callout li {
  font-size: 22px;
  line-height: 115%;
  font-family: "ProximaNovaRegular";
  color: #3F4E5C;
}
.grey-article-callout li {
  margin-bottom: 18px;
}
.grey-article-callout a,
.grey-article-callout a:visited {
  color: #0070a9;
}
.grey-article-callout .cta-btn {
  margin-bottom: 0;
}

@media (max-width: 999px) {
  .grey-article-callout {
    padding: 0 !important;
    width: 100% !important;
  }
}

a.featured {
  padding: 10px 20px;
  background: #e9eff5;
  color: #3f4e5c;
  border-radius: 10px;
  text-decoration: none;
  margin-bottom: 10px;
  font-family: "ProximaNovaRegular";
}
#featured .cta-btn {
  margin-bottom: 0;
}
.hero {
  display: flex;
  flex-direction: row;
  max-width: 1200px;
  margin: 0 auto;
  align-content: center;
  align-items: center;
  padding: 30px 20px 50px 20px;
}
.left-cell,
.right-cell {
  width: 50%;
}
.left-cell {
  padding-right: 20px;
}
.right-cell img {
  max-width: 100% !important;
}
.right-cell div.bkg {
  width: 100%;
  min-height: 376px;
  background-size: cover;
  border-radius: 10px;
}
.left-cell p {
  font-size: 20px;
  line-height: 115%;
  color: #3F4E5C;
}
.cta-btn {
  padding: 10px 20px;
  background: #0070a9;
  color: #ffffff;
  border-radius: 4px;
  text-decoration: none;
  margin-right: 30px;
  display: inline-block;
  margin-bottom: 30px;
  font-family: "ProximaNovaSemiBold";
}
span.read-length,
span.num-results {
  color: #3F4E5C;
  font-family: "ProximaNovaRegular";
}
span.read-length::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8_1225)'%3E%3Cpath d='M10.0002 0C4.47702 0 0 4.47702 0 10.0002C0 15.5234 4.47702 20.0004 10.0002 20.0004C15.5234 20.0004 20.0004 15.5234 20.0004 10.0002C19.9936 4.48 15.5204 0.00639209 10.0002 0ZM10.0002 18.1821C5.48143 18.1821 1.81834 14.519 1.81834 10.0002C1.81834 5.48143 5.48143 1.81834 10.0002 1.81834C14.519 1.81834 18.1821 5.48143 18.1821 10.0002C18.1765 14.5169 14.5169 18.1765 10.0002 18.1821Z' fill='%235E6E7D'/%3E%3Cpath d='M10.9092 9.62349V4.54519C10.9092 4.04319 10.5023 3.63623 10.0003 3.63623C9.49827 3.63623 9.09131 4.04319 9.09131 4.54519V9.99977C9.09131 10.241 9.18719 10.4719 9.35765 10.6424L12.0849 13.3697C12.4459 13.7187 13.0216 13.7085 13.3706 13.3475C13.7111 12.9951 13.7111 12.4369 13.3706 12.0844L10.9096 9.62349H10.9092Z' fill='%23586672'/%3E%3C/g%3E%3C/svg%3E");
  margin-right: 8px;
  vertical-align: middle;
}

@media only screen and (max-width: 999px) {
  .article-item {
    width: 48% !important;
  }
}
@media only screen and (max-width: 619px) {
  .w_page_static_hero h1 {
    margin-top: 0;
  }
  .article-item {
    width: 100% !important;
  }
  .left-cell,
  .right-cell {
    width: 100%;
  }
  .hero {
    flex-direction: column-reverse;
    padding: 0 !important;
    overflow: hidden;
  }
  .hero .bkg {
    border-radius: 0% !important;
  }

  .right-cell {
    margin-bottom: 20px !important;
  }
  .left-cell {
    max-width: 94%;
  }
}

@media (max-width: 619px) {
.left-cell {
  max-width: 92%;
  padding: 20px;
}
}
#content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
}

.article-page-container {
  max-width: 1200px;
  padding: 0 20px;
}

.grey-article-callout.first,
.grey-article-callout {
  padding-top: 20px !important;
  width: 70%;
  padding-left: 22%;
  padding-bottom: 30px;
}

.grey-article-callout h2 {
  font-family: "ProximaNovaBold";
  font-size: 30px;
  line-height: 115%;
  color: #02517c;
  padding: 20px 0 10px;
  margin-bottom: 10px;
  text-align: left;
}

.grey-article-callout h3 {
  font-family: "ProximaNovaBold";
  font-size: 25px;
  line-height: 115%;
  color: #3F4E5C;
  margin: 20px 0 10px;
}

.grey-article-callout h3.light-blue {
  color: #0070a9;
}

.grey-article-callout div.left-border {
  padding-left: 25px;
  border-left: 1px solid #bec8d1;
}

.grey-article-callout a.cta-btn {
  color: #ffffff !important;
  padding: 23px 24px;
  font-size: 18px;
  width: 25%;
  text-align: center;
}

@media screen and (min-width: 1000px) {
#toc {
  position: absolute;
}
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
.grey-article-callout.first, .grey-article-callout {
  padding-left: 25%;
}
}

@media screen and (max-width: 999px) {
#toc {
  position: relative;
  width: 90%;
}
}

div.key-takeaways {
  padding: 20px 20px 0 20px;
  margin-bottom: 20px;
  background-color: #f1f3f4;
  padding: 30px 20px;
  margin-bottom: 20px;
}
div.key-takeaways h3 {
  margin-top: 0;
  margin-bottom: 25px;
}

div.key-takeaways ul {
  padding-bottom: 0;
}

#toc.absolute {
  position: absolute;
  z-index: 10;
}

#toc.fixed {
  position: fixed;
  top: 40px !important;
}

.toc-content-container {
  margin-top: 20px;
  padding: 20px 15px;
  width: 190px;
  background-color: #f1f3f4;
}
.toc-content-container p {
  color: #3F4E5C;
}
.toc-content-container a {
  color: #0070a9;
  text-decoration: none;
  font-family: "ProximaNovaRegular";
  display: block;
  padding: 5px 0;
}

ul.sidenav li {
  border-left: 1px solid #5e6e7d;
  padding-left: 20px;
  line-height: 21px;
  font-size: 16px;
}

ul.sidenav .sidenav__item a {
  outline-style: none !important;
}

ul.sidenav li:hover,
ul.sidenav li.current {
  border-left: 4px solid #3F4E5C;
}

ul.sidenav li:hover a,
ul.sidenav li.current a {
  color: #3F4E5C;
}

ul.sidenav__sublist li {
  padding-left: 40px;
}

@media (max-width: 999px) {
  .related-content-container {
    display: none;
  }

  .toc-content-container {
    width: 290px;
  }

  .grey-article-callout {
    padding: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .article-page-container {
    flex-direction: column;
  }

  .grey-article-callout.first h2 {
    margin-top: 0;
  }

  .toc-content-container {
    width: 92%;
  }

  .toc-content-container.mobile-hide {
    display: none !important;
  }
}

@media screen and (max-width: 619px) {
  .grey-article-callout,
  .grey-article-callout.first {
    padding: 0 !important;
  }
}

.cta-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.cta-container.blue {
  background: #f1f3f4;
}

.cta-container .get-a-quote {
  max-width: 1200px;
  display: flex;
  margin: 20px 0 0 0;
  justify-content: flex-end;
}

.cta-container .get-a-quote .cta-btn {
  margin: 10px 0 30px;
  clear: both;
  display: inline-block;
  margin-right: 0;
  padding: 23px 24px;
  font-size: 18px;
  width: 40%;
  text-align: center;
}

.cta-container .get-a-quote h3 {
  font-family: "ProximaNovaBold";
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 10px;
  color: #3F4E5C;
}

.cta-container .get-a-quote .left-col {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cta-container .get-a-quote .left-col img {
  width: 80%;
  max-width: 530px;
}

.cta-container .get-a-quote .right-col {
  text-align: left;
  padding: 30px;
  width: 40%;
}

.cta-container .get-a-quote p {
  color: #3F4E5C;
  margin-top: 0;
}

@media screen and (max-width: 619px) {
  .cta-container .get-a-quote .left-col {
    display: none;
  }
  .cta-container .get-a-quote .right-col {
    width: 90%;
  }
  .cta-container .get-a-quote .cta-btn,
  .grey-article-callout .cta-btn {
    width: 80% !important;
    text-align: center;
    margin: 0 auto 20px;
    display: block;
  }
}

/* FAQ */

.faq {
  background-color: #f8f8f8;
  padding: 2rem 0;
}
.faq h2 {
  color: #3F4E5C;
  font-family: "ProximaNovaSemiBold", sans-serif;
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5rem;
  text-align: center;
}
.section-sub-head {
  font-size: 26px;
  font-family: "ProximaNovaSemiBold";
  margin-bottom: 20px;
}
.faq .container {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 991px) {
  .faq .container {
    max-width: none;
  }
  .faq h2 {
    margin-left: 0 !important;
  }
}
.faq .faq-question {
  line-height: normal;
  position: relative;
  border: 0;
  cursor: pointer;
  outline: 0;
  width: 100%;
  text-align: left;
  background: #f8f8f8;
  padding: 0 0 0 35px;
}
.faq .faq-question h3 {
  font-family: "ProximaNovaBold";
  color: #3F4E5C;
  font-size: 22px;
  line-height: 115%;
  font-weight: 400;
  margin: 0;
}
.faq .faq-question:before {
  content: "";
  border: solid #f89728;
  border-width: 0 3px 3px 0;
  position: absolute;
  padding: 5px;
  transform: rotate(-45deg);
  left: 4px;
  top: 10px;
  rotate: 90deg;
  transition: 0.2s;
}
.faq .faq-question.open:before {
  rotate: -90deg;
  top: 15px;
}
.faq-answer {
  display: none;
  font-size: 18px;
  margin-left: 50px;
}
.faq-answer p {
  font-size: 22px;
  line-height: 150%;
  margin: 10px 0 0;
}
.faq .faq-answer p a,
.faq .label__items a {
  color: var(--dark-blue);
  font-size: inherit;
  transition: 0.2s;
}
.faq-item,
.faq__labels {
  padding: 20px 0;
  border-bottom: 1px solid #bec8d1;
}
.faq__labels {
  padding: 30px 0;
}
.labels__title {
  font-size: 18px;
  font-family: "ProximaNovaBold";
  line-height: normal;
  margin: 0 0 20px;
}
.label__items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.faq .label__items a {
  font-size: 16px;
  text-decoration: none;
  border: 1px solid var(--dark-blue);
  border-radius: 4px;
  padding: 8px 15px;
  line-height: normal;
}
.faq .label__items a:hover {
  color: var(--link-blue);
  border-color: var(--link-blue);
}


/* LEARN MORE */
.cta-container .learn-more {
  margin: 40px 20px;
}

.cta-container .learn-more .cta-row {
  display: flex;
  flex-wrap: wrap;
}

.cta-container .learn-more .cta-row a {
  margin-right: 10px;
  margin-bottom: 10px;
}

.cta-container .learn-more h3 {
  font-family: "ProximaNovaBold";
  font-size: 30px;
  line-height: 36px;
  color: #02517c;
}

.cta-btn.outline {
  font-family: "ProximaNovaRegular";
  background: none;
  color: #0070a9;
  border-radius: 4px;
  text-decoration: none;
  margin-right: 30px;
  border: 2px solid #0070a9;
}
/* featured section */
#featured {
  background-color: #ffffff;
}

#featured .container .title-wrap {
  padding: 0 20px;
  max-width: 1160px;
  margin: 0 auto;
}

#featured .container .title-wrap h3 {
  margin: 0 auto;
  padding: 40px 0px 10px 0px;
  font-size: 30px;
  line-height: 36px;
  color: #02517c;
  font-family: "ProximaNovaBold";
  border-bottom: 1px solid #bec8d1;
}

.container .items {
  max-width: 1160px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin: auto;
  padding: 20px;
}
.container .items .article-item {
  width: 32%;
  padding: 0px;
  border: 2px solid #f1f3f4;
  padding: 0px;
  margin-bottom: 20px;
  text-decoration: none !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 2px solid #f89728;
  overflow: hidden;
}

.container .items .article-item:hover {
  border: 2px solid #9b9b9b;
}

.container .items .article-item .item-content img {
  width: 100%;
}

.container .items .article-item .item-footer,
.card .card-contents .item-footer {
  max-width: 100%;
  text-align: left;
  padding: 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}

.container .article-item .item-content h3,
.services-card-carousel.mobile .services__col h3 {
  font-family: "ProximaNovaBold";
  font-size: 20px;
  line-height: 26px;
  color: #3F4E5C;
  text-decoration: none;
  padding: 15px 20px 0 20px;
  margin-bottom: 0;
}

.container .article-item .item-content p,
.services-card-carousel.mobile .services__col p {
  color: #3F4E5C;
  text-decoration: none;
  padding: 20px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

/* carousel */
.card {
  border: 1px solid #bec8d1;
  border-bottom: 2px solid #f89728;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  background: #fff;
  flex: 1;
}

.card-contents {
  padding: 20px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.services-card-carousel.mobile {
  overflow: hidden;
  max-width: 100%;
  display: none;
}

.services-card-carousel.mobile .nav {
  margin: 15px;
}

@media (max-width: 767.98px) {
  #featured .container > h3 {
    margin: 0 20px;
  }

  .desktop-hide {
    display: none !important;
  }

  .services-card-carousel.mobile .services__col {
    box-sizing: border-box;
    width: 90%;
    flex: auto;
    text-decoration: none;
  }

  .services-card-carousel.mobile {
    display: flex;
    flex-direction: column;
  }

  .services-card-carousel.mobile .carousel-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 20px;
  }

  .services-card-carousel.mobile .nav {
    display: flex;
    justify-content: center;
    margin: 15px;
  }

  .services-card-carousel.mobile .nav li {
    width: 10px;
    height: 10px;
    background: rgba(59, 59, 59, 0.5);
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
  }

  .services-card-carousel.mobile .nav li.selected {
    background: #0070a9;
  }
}

/* services column */
#resource-center-nav {
  width: 32%;
}

#resource-center-nav h4 {
  font-size: 24px;
  line-height: 29px;
  color: #02517c;
  font-family: "ProximaNovaBold";
  border-bottom: 1px solid #bec8d1;
  margin: 0;
  padding-bottom: 10px;
}
#featured .services__row {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
#featured .services__col_left {
  flex-basis: 100%;
}

.services__col_left_ul {
  list-style: none;
}
#featured .services__col_left_ul li {
  position: relative;
  border-bottom: 1px dashed #bec8d1;
}
#featured .services__col_left_ul li a {
  display: flex;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  padding: 3px 30px 3px 0;
}
#featured .insurances__icon {
  width: 50px;
  min-width: 50px;
  max-height: 50px;
}
#featured .insurances__icon img {
  width: 100%;
  margin-left: 3px;
}
#featured .insurances__name {
  font-size: 18px;
  line-height: 27px;
  color: #3F4E5C;
  font-family: "ProximaNovaRegular";
}
#featured .services__col_left_ul li:after {
  content: "";
  position: absolute;
  padding: 4px;
  transform: rotate(-45deg);
  right: 10px;
  top: calc(50% - 7px);
  border: solid #0070a9;
  border-width: 0 2px 2px 0;
}

#featured .services__col img {
  width: 100%;
}

#featured .services__col_left div.link {
  padding: 10px;
}

#featured .services_collapse {
  color: #0070a9;
  font-size: 16px;
  line-height: 24px;
  font-family: "ProximaNovaRegular";
  text-decoration: none;
}

@media (max-width: 999px) {
  #resource-center-nav {
    width: 50%;
  }
}

@media (max-width: 767px) {
  #resource-center-nav {
    width: 100%;
  }

  #resource-center-nav h4 {
    text-align: center;
    margin-top: 20px;
  }
}

/*TABLE*/
.grey-article-callout table.plan-data { 
  margin: 20px 0 45px;
  border-collapse: collapse; 
}
.grey-article-callout table.plan-data td {
  max-width: 300px;
}
.grey-article-callout table.plan-data thead tr {
  background-color: #3b3b3b !important;
  color: #fff;
}
.grey-article-callout table.plan-data tr:nth-of-type(odd) { 
  background: #eee; 
}
.grey-article-callout table.plan-data th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.grey-article-callout table.plan-data td, .grey-article-callout table.plan-data th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

@media only screen and (max-width: 650px)  {
  .grey-article-callout table.plan-data { 
   margin-left: 0;
    width: 100%
 }
  
.grey-article-callout table.plan-data, 
.grey-article-callout table.plan-data thead, 
.grey-article-callout table.plan-data tbody, 
.grey-article-callout table.plan-data td, 
.grey-article-callout table.plan-data tr {
  display: block;
}
.grey-article-callout table.plan-data th {
  display: none;
}
.grey-article-callout table.plan-data thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.grey-article-callout table.plan-data tr { 
  border: 1px solid #ccc; 
}
.grey-article-callout table.plan-data tr:nth-of-type(odd) td { 
  border-bottom: 1px solid #fff;
}

.grey-article-callout table.plan-data td {
  border: none;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-left: 50%;
}
.grey-article-callout table.plan-data td:before {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 45%;
  padding-right: 10px;
}
}

/* REFERENCE ONLY -- Specific to each table - rules must only be applied on page, not globally in this file.
@media only screen and (max-width: 650px)  {
  .grey-article-callout table.plan-data td:nth-of-type(1):before { content: "Gender: "; }
  .grey-article-callout table.plan-data td:nth-of-type(2):before { content: "Age: "; }
  .grey-article-callout table.plan-data td:nth-of-type(3):before { content: "$125,000: "; }
  .grey-article-callout table.plan-data td:nth-of-type(4):before { content: "$250,000: "; }
  }
}
*/