/* Muli */

@font-face {
  font-family: "Muli-Regular";
  src: url("./fonts/muli/Muli-Regular.woff2") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Muli-SemiBold";
  src: url("./fonts/muli/Muli-SemiBold.woff2") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Muli-Bold";
  src: url("./fonts/muli/Muli-Bold.woff2") format("woff");
  font-display: swap;
}

/* Roboto */

@font-face {
  font-family: "Roboto-Regular";
  src: url("./fonts/Roboto/Roboto-Regular.woff2") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Roboto-Medium";
  src: url("./fonts/Roboto/Roboto-Medium.woff2") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Roboto-Flex-Variable";
  /* Roboto flex font for variable font weights */
  src: url("./fonts/Roboto/RobotoFlexVw.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "BasisR";
  /* Roboto flex font for variable font weights */
  src: url("./fonts/Basis/BasisGrotesquePro-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "BasisM";
  /* Roboto flex font for variable font weights */
  src: url("./fonts/Basis/BasisGrotesquePro-Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Poppins-Medium";
  /* Roboto flex font for variable font weights */
  src: url("./fonts/poppins/Poppins-Medium.woff2") format("woff2");
  font-display: swap;
}

body {
  font-family: "Muli-Regular", sans-serif;
  background: #fdfdfd;
}

h1,
h2,
h3 {
  font-family: "Muli-SemiBold";
  font-weight: 600;
}

h4 {
  font-weight: 400;
}

.post-meta.cd-cat a h4 {
  font-family: "Muli-SemiBold";
}

.blog-listing .bl-item .bli-title h4,
.toc-chapter h4 {
  font-weight: 500;
}

.toc-chapter h3 {
  font-family: "Muli-Bold";
  font-weight: 700;
}

.hero-banner h4 {
  font-family: "Muli-Regular";
  font-weight: 500;
}

.blog-detail .pc-v1 h2.title,
.blog-detail .pc-v3 h2.title {
  font-family: "Muli-SemiBold";
}

.blog-detail .content .cta-card p {
  font-family: "Muli-Regular";
}

.blog-listing .bl-item .bli-chapter h3 {
  font-weight: 700;
}

.blog-listing .bl-item .bli-title p {
  /* font-family: "Roboto-Regular"; */
  font-family: "BasisR";
}
.hero-banner .content .updated-date {
  font-family: "Muli-SemiBold";
}

.toc-chapter .toc-list li {
  font-family: "Muli-SemiBold";
  font-weight: 600;
}

.jump-ahead .toc-list li {
  font-family: "Muli-Regular";
  font-weight: 400;
}

.blog-detail .lwptoc .lwptoc_i .lwptoc_header,
.wp-block-rank-math-toc-block h2 {
  font-family: "Muli-Bold";
  font-weight: 700;
}

.blog-detail .lwptoc .lwptoc_i .lwptoc_items ul li a,
.wp-block-rank-math-toc-block nav ul li a,
.blog-detail .lwptoc .lwptoc_i .lwptoc_items .lwptoc_itemWrap li a {
  font-family: "Muli-SemiBold";
  font-weight: 600;
}

.blog-detail .content h2 {
  font-family: "Muli-Bold";
  font-weight: 600;
}

.blog-detail .related-articles h2,
.block-editor .related-articles h2 {
  font-family: "Muli-Bold";
}

.blog-detail .content .highlight-card p {
  /* font-family: "Roboto-Medium"; */
  font-family: "BasisM";
  font-weight: 500;
}

.blog-detail .content p a {
  font-family: "BasisM";
}
.block-quotes .bq-main {
  /* font-family: "Muli-Regular"; */
  font-family: "BasisR";
}
.block-quotes .bq-attributes strong {
  font-family: "BasisM";
  font-weight: 500;
}
.block-quotes p::after,
.block-quotes div::after {
  font-family: "Muli-Regular";
}
.block-quotes .bq-below p strong {
  font-family: "Muli-Bold";
  font-weight: 700;
}
.blog-detail .content .footnotes_reference_container .footnote_container_prepare > p {
  font-family: "Muli-Bold";
  font-weight: 700;
}

.blog-detail .content p {
  /* font-family: "Roboto-Regular"; */
  font-family: "BasisR";
}

.blog-detail .content ul,
ol {
  font-family: "BasisR";
  /* font-family: "Roboto-Regular"; */
}

.footnotes_reference_container .footnote_container_prepare + div .footnotes_table td.footnote_plugin_text {
  /* font-family: "Roboto-Regular"; */
  font-family: "BasisR";
}

.footnotes_reference_container .footnote_container_prepare + div .footnotes_table th.footnote_plugin_index {
  font-family: "BasisM";
  /* font-family: "Roboto-Medium"; */
  font-weight: 500;
}

.blog-listing .bl-item .btn-seemore .text {
  font-family: "Muli-SemiBold";
  font-weight: 600;
}
.blog-detail .whole-chapter p {
  font-family: "Muli-Bold";
  font-weight: 700;
}
.blog-detail .shadow-card.author-ele h3 strong {
  font-family: "Muli-Bold";
}

.blog-detail .shadow-card.author-ele h3 {
  font-family: "Muli-Regular";
}

.header .header-nav ul li a,
.header .header-utils ul li a,
.header .header-utils ul li select {
  font-family: "Muli-Bold";
}

.footer h4,
.news-letter h4 {
  font-family: "Muli-Bold";
}

.footer .btn-cta,
.news-letter .btn-cta {
  font-family: "Muli-SemiBold";
}

.signup-form-wrapper .signup-form input {
  font-family: "Muli-Regular";
}

.footer ul li a {
  font-family: "Muli-SemiBold";
}

.footer .copy-right {
  font-family: "Muli-SemiBold";
}
.footer .copy-right a {
  font-family: "Muli-Bold";
}

.footer .copy-right a.avea-life {
  font-family: "Muli-SemiBold";
}
/* .category-list a h3 {
  font-family: "Muli-Bold";
} */
.lead-gen .lg-text p.small-text {
  font-family: "Roboto-Regular";
}

.lead-gen .lg-text .btn-cta {
  font-family: "Muli-Bold";
}
.cat-tabs .ct-list .ct-item {
  font-family: "Muli-SemiBold";
}

.cat-tabs .ct-list .ct-item a {
  font-family: "Muli-SemiBold";
}

/* .cat-tabs .ct-list .ct-item.active a{
  font-family: "Muli-Bold";

} */

.lead-gen .lg-small {
  font-family: "Roboto-Regular";
}

input {
  font-family: "Roboto-Regular";
}

.pc-v1 .pc-text ul li,
.pc-v3 .pc-text ul li,
.blog-detail .btn-cta-text {
  font-family: "Poppins-Medium";
}
/* .product-cta .pc-text p {
  font-family: "Roboto-Regular";
} */

#custom-language-switcher {
  font-family: "Muli-SemiBold";
}

.search-form {
  input {
    font-family: "Muli-Regular";
  }
}
.hb-search strong {
  font-family: "Muli-Bold";
}

.header .ham-offcanvas .hn-ham.hn-ham-major ul li a {
  font-family: "Muli-Bold";
}
@media screen and (min-width: 992px) {
  .header .header-nav ul li a,
  .header .header-utils ul li a {
    font-family: "Muli-SemiBold";
  }
}

.avea-longevity-journey .alj-action a.btn-cta {
  font-family: "Muli-Regular";
}

.download-block .db-content-block .dbc-item span {
  font-family: "Muli-Bold";
}

aside.trending .trending-items .ti-item h4 {
  font-family: "Muli-SemiBold";
  font-weight: 600;
}
/* Added CSS Font-Family */
.glossary-categories-sec .gcs-sub-category-tab .gcs-sub-wrapper .glossary-sub-categories .gcs-sub-tablinks {
  font-family: "Muli-SemiBold";
}

/*  */
.glossary-categories-sec .glossary-category-tab .gcs-tab-wrapper .gcs-tablinks, .glossary-categories-sec .glossary-category-tab .gcs-tab-mobile .tab-mobile-title,
.glossary-categories-sec .gcs-letter-tag .gcs-tag  {
  font-family: "Muli-Bold";
}
