:root{
    /* Main Brand Colors */
    --primary-clr-1: #0D93CC;
    --primary-clr-2: #6656A3;
    --primary-clr-1-15: #286EB6;
    --secondary-clr-1: #BCBEC0;
    --secondary-clr-2: #144c63;
    --dark: #282b2f;
    --dark-50: #979a9e;
    --secondary-clr-1-50: #d0d4d7;
    --secondary-clr-1-25: #e4e7ea;
    --bg-clr: #f7fafd;
    --text-primary-contrastText: #ffffff;
    --background-primary: #ffffff;
    --border-regular: #e4e7ea;

    /* Primary Color Tints */
    --primary-blue-100: #173440;
    --primary-blue-90: #144c63;
    --primary-blue-80: #126386;
    --primary-blue-70: #107ba9;
    --primary-blue-60: #0d93cc;
    --primary-blue-50: #38a5d3;
    --primary-blue-40: #64b7d9;
    --primary-blue-30: #8fc8e0;
    --primary-blue-20: #bbdae6;
    --primary-blue-10: #e6eced;

    /* Secondary Purple */
	--secondary-purple-10: #F1F0F7;
	--secondary-purple-20: #DCD8ED;
	--secondary-purple-30: #C7C0E3;
	--secondary-purple-40: #B3A7D8;
	--secondary-purple-50: #9E8FCE;
	--secondary-purple-60: #8977C4;
	--secondary-purple-70: #6656A3;
	--secondary-purple-80: #433482;
    --secondary-purple-90: #6656A3;

    /* Accent Magenta */
    --accent-magenta-50: #BE3AC7;
    --accent-magenta-100: #9E33CE;
    --accent-magenta-200: #483DC4;

    --secondary-gray-100: #363a3f;
    --secondary-gray-90: #494d52;
    --secondary-gray-80: #5d6065;
    --secondary-gray-70: #707478;
    --secondary-gray-60: #83878b;
    --secondary-gray-50: #979a9e;
    --secondary-gray-40: #aaadb1;
    --secondary-gray-30: #bdc0c4;
    --secondary-gray-20: #d0d4d7;
    --secondary-gray-10: #e4e7ea;

    /* Fonts */
    --header-font: "Raleway", sans-serif;
    --body-font: "Raleway", sans-serif;
    
    /* Shadows */
    --shadow-lg: 0px 16px 48px rgba(0, 0, 0, 0.175);
    --shadow-md: 0px 8px 16px rgba(0, 0, 0, 0.15);
    --shadow-sm: 0px 2px 4px rgba(0, 0, 0, 0.125);
}

/* Sitewide Styles */
    
body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
    font-size: 16px;
    font-family: var(--body-font) !important;
    font-weight: 300;
    background-color: var(--bg-clr);
    margin: 0;
}

body.nav-open{
    overflow: hidden;
/*    height: 100vh;*/
}

body *{
    scroll-margin-top: 85px;
}

/*
header{
    position: relative;
    z-index: 1070;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .5);
}
*/

main{
    background-color: var(--bg-clr);
    padding: 1px 0;
    margin-top: -1px;
}

hr{
    margin: 1.5rem 0;
    color: var(--secondary-clr-1-50);
    opacity: 1;
}

.mb-4-5{
    margin-bottom: 2rem !important;
}

.title-link-header{
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: .5rem;
    position: relative;
}

.bg-clr{
    background-color: var(--bg-clr) !important;
}


/* For Qualtrics Feedback Button */
/*#QSIFeedbackButton-btn{*/
/*    bottom: auto !important;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/

/*#QSIFeedbackButton-target-container{*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/
    

/* Text Styles */

h1, h2, h3, h4, h5, h6{
    font-family: var(--header-font);
    font-weight: 600;
    color: var(--dark);
}

h1{
   font-size: 2rem; 
}

h1.section-title{
    font-size: 1.375rem;
    font-family: var(--header-font);
    font-weight: 700;
    /* text-transform: uppercase; */
    letter-spacing: .02rem;
    border-top: 3px solid var(--primary-blue-60);
    padding: 1rem 0 .5rem 0;
}

h1.page-title{
    font-size: 2rem;
    font-family: var(--header-font);
    font-weight: 600;
    text-transform: initial;
    letter-spacing: 0;
    border-bottom: 3px solid var(--primary-blue-60);
    padding: 0 0 0.125rem 0;
    margin: 0 0 1.5rem 0;
}

h2{
    font-size: 1.75rem;
}

h3{
    font-size: 1.563rem;
}

h4{
    font-size: 1.375rem;
}

h5{
    font-size: 1.25rem;
}

h6{
    font-size: 1.125rem;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: var(--dark);
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
    color: var(--primary-clr-1);
    text-decoration: none;
    transition: .2s ease-in-out;
}

p{
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 300;
}

strong {
    font-weight: 600;
}

b{
   font-weight: 700; 
}

a{
    color: var(--primary-blue-60);
    /*text-decoration: none;*/
    text-decoration: underline;
    transition: .2s ease-in-out;
}

a:hover{
    color: var(--primary-blue-90);
    text-decoration: underline;
    transition: .2s ease-in-out;
}

.article-content blockquote {
    border-left: none;
    color: #212529;
    font-size: 18px;
    line-height: 1.65;
    font-style: italic;
    font-weight: 600;
    position: relative;
    text-align: center;
    padding: 0px 75px;
    margin: 2rem auto;
}
  
.article-content blockquote::before {
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -7px;
    top: -24px;
    font-family: "Georgia", "Times New Roman", serif;
}
  
.article-content blockquote::after {
    content: "\201D";
    font-size: 80px;
    position: absolute;
    right: 5px;
    top: -24px;
    font-family: "Georgia", "Times New Roman", serif;
}

/* Various Sitewide Text Styles */

.tag-texts, p.tag-texts, .card__copy .tag-texts, .card-copy .tag-texts{
    color: var(--secondary-gray-80);
    font-weight: 600;
    font-size: 0.625rem;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .4px;
}

.tag-texts.byline, .byline, p.tag-texts.byline, p.byline{
    color: var(--secondary-gray-80);
    font-weight: 300;
    font-size: 0.625rem;
/*    font-style: italic;*/
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .4px;
}

.tag-texts--sponsored, .card__text-overlay .card__copy p.tag-texts--sponsored{
    background-color: var(--primary-clr-1);
    color: white;
    padding: .125rem .25rem;
    border-radius: .25rem;
}

.author-name, .author-name p, p.author-name, p.author-name.tag-texts{
    color: var(--dark-50);
    font-weight: 300;
    font-size: 0.625rem;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1.2;
}

.page-title{
    border-bottom: 3px solid var(--primary-blue-60);
}    

.page-title h1{
    margin-bottom: 0.125rem;
}

.title-link-header .section-title{
    margin-bottom: 0;
    padding-bottom: 0;
}

.title-link-header h1.section-title{
    border-top: 0;
    position: initial;
}

.title-link-header h1.section-title::before{
    content: "";
    background-color: var(--primary-blue-60);
    height: 3px;
    width: 100%;
    position: absolute;
    top: -.25rem;
}

.white-text, .white-text h1, .white-text h2, .white-text h3, .white-text p{
    color: white;
}

.dark-text{
    color: var(--dark);
}

.view-more{
    position: absolute;
    top: 15px;
    right: 0;
    padding: 0 var(--bs-gutter-x,.75rem);
    color: var(--dark);
    text-decoration: none;
    line-height: 1;
}




/* OLD DO NOT USE ANYMORE. Here for legacy reasons */

[type="button"], [type="reset"], [type="submit"], button {
  min-width: 24px;
  min-height: 24px;
  align-items: center;
}

a.btn, .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-clr-1);
    color: white;
    padding: .25rem .75rem;
    border-radius: .35rem;
    text-decoration: none;
    line-height: 1.1;
    white-space: nowrap;
    transition: .2s ease-in-out;
}

a.btn:hover, .btn:hover{
    color: var(--dark);
    background-color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

a.btn-small, .btn-small{
    line-height: 1;
    font-size: .75rem;
    background-color: transparent;
    color: var(--dark);
    border: 1px solid var(--secondary-clr-1-50);
    padding: .25rem .75rem;
    border-radius: .5rem;
    text-decoration: none;
    transition: .2s ease-in-out;
}

a.btn-outlined, .btn-outlined{
    background-color: transparent;
    border: 1px solid var(--secondary-clr-1-50);
    color: white;
    transition: .2s ease-in-out;
}

a.btn-outlined:hover, .btn-outlined:hover{
    background-color: var(--primary-clr-2);
    border: 1px solid var(--primary-clr-2);
    color: var(--dark);
    transition: .2s ease-in-out;
}

.btn-small:hover{
    background-color: var(--secondary-clr-1-50);
    transition: .2s ease-in-out;
}

.btn-disabled {
  opacity: .5;
  cursor: initial;
  color: white;
}
 
.btn.btn-disabled:hover {
  opacity: .5;
  cursor: initial;
  background-color: var(--primary-clr-1);
  color: white;
}

.btn-load-more{
    font-size: 1.125rem;
    color: var(--secondary-gray-70);
    border: 0;
    background: transparent;
    font-weight: 600;
    transition: .2s ease-in-out;
}

.btn-load-more:hover{
    color: var(--primary-clr-1);
    transition: .2s ease-in-out;
}



/* All Button Styles */
[type="button"], [type="reset"], [type="submit"], button {
    min-width: 24px;
    min-height: 24px;
    align-items: center;
}

a.btn, .btn {
    display: inline-flex;
    column-gap: .5rem;
    align-items: center;
    justify-content: center;
    padding: .5rem .75rem;
    min-width: 38px;
    min-height: 38px;
    font-family: var(--body-font);
    line-height: 1.1;
    white-space: nowrap;
    text-decoration: none;
    color: white;
    background-color: var(--primary-clr-1);
    border: 1px solid var(--primary-clr-1);
    border-radius: .35rem;
    transition: .2s ease-in-out;
}

a.btn:hover, .btn:hover{
    color: var(--dark);
    background-color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

/* All Button Variantions */

/* Size Variantions */
a.btn--lg, .btn--lg {
    font-size: 1.25rem;
    padding: .5rem 1rem;
    min-width: 48px;
    min-height: 48px;
}
a.btn--sm, .btn--sm {
    line-height: 1;
    font-size: .75rem;
    padding: .25rem .5rem;
    min-width: 31px;
    min-height: 31px;
}
a.btn-small, .btn-small{
    line-height: 1;
    font-size: .75rem;
    background-color: transparent;
    color: var(--dark);
    border: 1px solid var(--secondary-clr-1-50);
    padding: .25rem .75rem;
    border-radius: .5rem;
    min-width: 31px;
    min-height: 31px;
    text-decoration: none;
    transition: .2s ease-in-out;
}


/* BG/Border Variantions */

a.btn--primary, .btn--primary, #btnSubmit {
    color: white;
    background-color: var(--primary-clr-1);
    border: 1px solid var(--primary-clr-1);
}
a.btn--primary:hover, .btn--primary:hover, #btnSubmit:hover {
    color: var(--dark);
    background-color: var(--primary-clr-2);
    border: 1px solid var(--primary-clr-2);
}

a.btn--secondary, .btn--secondary {
    color: white;
    background-color: var(--primary-clr-1);
    border: 1px solid var(--primary-clr-1);
}
a.btn--secondary:hover, .btn--secondary:hover {
    color: var(--primary-clr-1);
    background-color: var(--primary-blue-10);
    border: 1px solid var(--primary-blue-10);
}

a.btn--outlined-primary, .btn--outlined-primary {
    color: var(--primary-clr-1);
    background-color: transparent;
    border: 1px solid var(--primary-clr-1);
}
a.btn--outlined-primary:hover, .btn--outlined-primary:hover {
    color: white;
    background-color: var(--primary-clr-1);
    border: 1px solid var(--primary-clr-1);
}

a.btn--outlined-secondary, .btn--outlined-secondary {
    color: var(--secondary-gray-70);
    background-color: transparent;
    border: 1px solid var(--secondary-gray-30);
}
a.btn--outlined-secondary:hover, .btn--outlined-secondary:hover {
    color: white;
    background-color: var(--secondary-gray-70);
    border: 1px solid var(--secondary-gray-70);
}

a.btn--link, .btn--link {
    color: var(--dark);
    background-color: transparent;
    border: 1px solid transparent;
}
a.btn--link:hover, .btn--link:hover {
    text-decoration: underline;
    color: var(--primary-clr-1);
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: 0 0 0 transparent;
}

a.btn--light, .btn--light {
    color: var(--primary-clr-1);
    background-color: var(--primary-blue-10);
    border: 1px solid var(--primary-blue-10);
}
a.btn--light:hover, .btn--light:hover {
    color: white;
    background-color: var(--primary-clr-1);
    border: 1px solid var(--primary-clr-1);
    box-shadow: var(--shadow-sm);
}



/* Special Variantions */

.btn--link.btn--advertise{
    border-left: 2px solid var(--secondary-clr-1-25);
    border-radius: 0;
    padding: 37px .75rem 37px 1.25rem;
}

.btn--link.btn--advertise:hover{
    border-left: 2px solid var(--secondary-clr-1-25);
    text-decoration: none;
}

.popover{
    display: revert;
    margin: 0;
    max-width: max-content;
    position: absolute;
    inset: auto;
    border: 0;
    padding: var(--cx-padding-xs) 0;
    border-radius: var(--cx-radius-md);
    background: var(--cx-surface-primary);
    justify-items: flex-start;
    box-shadow: var(--cx-shadow-sm);
    overflow: visible;
}

[popover]:popover-open{
    display: grid;
}

[popover]:-internal-popover-in-top-layer::backdrop {
    background-color: rgba(0,0,0,0.05);
}

.popover .btn{
    padding: var(--cx-padding-xs) var(--cx-padding-smedium);
    text-align: left;
}

.navbar__mobile-menu .btn--advertise{
    padding: .25rem .75rem;
    border-left: 0px solid transparent;
}

.navbar__mobile-menu .btn--advertise:hover{
    border-left: 0px solid transparent;
    text-decoration: none;
}




/* Card Styles */

.card{
    bottom: 0;
    border-radius: 0.35rem;
    border: 1px solid var(--secondary-clr-1-50);
    transition: all .2s ease-in-out, bottom .2s ease-in-out;
}

.card:hover{
    bottom: 2px;
    box-shadow: 0px 3px 5px rgba(12,52,84,.125);
    transition: all .2s ease-in-out, bottom .2s ease-in-out; 
}

.card--no-hover:hover{
    bottom: 0;
    box-shadow: 0px 0px 0px rgba(12,52,84,0);
    transition: all .2s ease-in-out, bottom .2s ease-in-out; 
}

.card.card--white{
    background-color: white;
}

.card.card--blue{
    border: 0px;
    background-color: var(--primary-blue-90);
    transition: all 0.2s ease-in-out;
}

.nav-item__mega-menu .card--blue:hover .card__title{
    color: var(--primary-blue-20)!important;
}

.card.card--dark-blue{
    border: 0px;
    background-color: var(--primary-blue-100);
    transition: all 0.2s ease-in-out;
}

.card > a{
    text-decoration: none;
}

.card > a .card__title:hover{
    color: var(--primary-blue-20);
    transition: .2s ease-in-out;
}

.card__header{
    width: 100%;
    padding: .5rem 1rem;
    border-radius: 0.313rem 0.313rem 0 0;
}

.card__header--primary-clr{
    background-color: var(--primary-clr-1);
}

.card__header--primary-clr p, .card__header--primary-clr h6{
    font-weight: 600;
    color: white;
    margin: 0;
    padding: 0
}

.card__body{
    width: 100%;
    padding: 1rem;
}

.card__footer{
    width: 100%;
    padding: 1rem;
}

.card__text-overlay{
    overflow: hidden;
    position: relative;
    border: 1px solid var(--secondary-clr-1-50);
}

.card__text-overlay .card__title, .card__text-overlay .card__title a{
    color: white;
}

.card__text-overlay .card__title a:hover{
    color: white;
    opacity: .7;
}

.card__image-link{
    width: 100%;
    height: 100%;
}

.card__image-link .thumb-image::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgb(34, 45, 51) 0%, rgba(34, 45, 51, 0.81) 25%, rgba(34, 45, 51,0.7) 40%, rgba(34, 45, 51,0.1) 85%, rgba(34, 45, 51,0) 100%);
  transition: .2s ease-in-out;
  opacity: 1;
}

.card__text-overlay:hover .card__image-link .thumb-image::after {
  opacity: 1;
  transition: .2s ease-in-out;
}

.card__text-overlay .thumb-image{
    height: 100%;
}

.card__text-overlay:hover .thumb-image img, .card__image-link:hover .thumb-image img{
    transform: scale(1.03);
    transition: .25s ease-in-out;
}

.card-thumb-top .thumb-image {
    border-radius: 0.25rem 0.25rem 0 0;
}

.card__copy .tag-texts, .card-copy .tag-texts{
    margin-bottom: .5rem;
}

.card__title{
    margin-bottom: .45rem;
}

.card__title__p{
    font-weight: 600;
    margin-bottom: .35rem;
    text-decoration: none;
    color: var(--dark);
    line-height: 1.3;
    transition: .25s ease-in-out;
}

.card__title__p a{
    text-decoration: none;
    color: var(--dark);
}

.card__title__p a:hover, .card__title__p:hover {
    text-decoration: none;
    color: var(--primary-clr-1);
    transition: .25s ease-in-out;
}

.card__teaser{
/*    font-size: 1rem;*/
    margin-bottom: .5rem;
}

.card__text-overlay .card__copy, .card__text-overlay .card-copy{
    display: grid;
    justify-items: flex-start;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
}

.card__text-overlay .card__copy p, .card__text-overlay .card-copy p, .card__text-overlay .card__teaser {
/*    font-size: 1rem;*/
    color: var(--secondary-clr-1);
}

.card__text-overlay .card__copy p.tag-texts, .card__text-overlay .card-copy p.tag-texts {
    font-size: 0.625rem;
    color: var(--secondary-clr-1-50);
}

.card__text-overlay .card__copy > p:last-child, .card__text-overlay .card-copy > p:last-child {
    margin-bottom: 0;
}

.card-copy p{
    font-size: 0.875rem;
    line-height: 1.3;
    font-weight: 300;
}

.white-card {
  width: 100%;
  background-color: white;
  border: 1px solid var(--secondary-clr-1-50);
}

.white-card .card-copy {
  padding: 1rem;
}

.white-card .card-copy h3{
    font-size: 1rem;
    margin-top: 0;
}

.white-card .card-copy h2 a, .white-card .card-copy h3 a {
  color: var(--dark);
  text-decoration: none;
}

.white-card .card-copy h2 a:hover, .white-card .card-copy h3 a:hover {
  color: var(--primary-clr-1);
  text-decoration: none;
}

.white-card .thumb-image {
  width: 100%;
  overflow: hidden;
}

.card--blue .card__title, .card--dark-blue .card__title{
    color: white;
}

.card--blue p.tag-texts, .card--dark-blue p.tag-texts{
    color: var(--secondary-gray-40);
}

.card--blue p.tag-texts.byline, .card--dark-blue p.tag-texts.byline{
    color: var(--secondary-gray-40);
}

.text-top-card{
    overflow: hidden;
    width: 100%;
    position: relative;
    border-radius: .35rem;
    border: 1px solid var(--secondary-clr-1-50);
}



/* List Page Header Card Styles */

.header-card, .card.header-card{
    display: flex;
    flex-direction: row;
    gap: 1rem 2rem;
    padding: 0;
    /*background-color: white;*/
}

.header-card:hover, .card.header-card:hover{
    bottom: 0;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.card__l-col, .card__c-col, .card__r-col{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.card__l-col, .card__r-col{
    flex: 0 0 auto;
    flex-direction: row;
}

.card__c-col{
    flex: 1 1 auto;
    flex-direction: column;
}

.card__header {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 0;
}

.cover-widget {
    display: grid;
    grid-template-rows: 1fr auto;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    height: auto;
    max-height: 100%;
    width: 100%;
    max-width: 290px;
}

.cover-widget:hover{
    text-decoration: none;
}

.cover-widget__top{
    display: flex;
    position: relative;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 300px;
    overflow: hidden;
}

.cover-widget__top-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: 0;
    margin: auto;
    position: relative;
/*    position: absolute;*/
    z-index: 2;
}

.cover-widget .card__header {
    padding: 0;
}

.cover-widget .card__header-title{
    color: white;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.85));
}

.cover-widget__cover-image{
    width: 100%;
    transition: .2s ease-in-out;
}

.cover-widget:hover .cover-widget__cover-image{
    transform: scale(1.02);
    transition: .2s ease-in-out;
}

.cover-widget__cover-bg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;  
    height: 100%;
    z-index: 1;
    background-color: var(--id-primary-clr);
    overflow: hidden;
}

.cover-widget__cover-bg::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;  
    height: 100%;
    z-index: 2;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.60) 100%);
}

.cover-widget__cover-bg-img{
    position: relative;
    z-index: 1;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    transform: scale(1.65);
    transition: .25s ease-in-out;
    border-radius: .5rem .5rem 0 0;
}

.cover-widget__info{
    display: flex;
    gap: .5rem;
    padding: 1rem;
    justify-content: center;
    align-items: center;
    font-family: var(--id-body-font);
    background-color: var(--id-primary-clr);
}

.cover-widget__info span{
    font-size: .9rem;
}

.cover-widget__info span, .cover-widget__info-item{
    color: white;
    margin: 0;
    padding: 0 0 0 .5rem;
    border-left: 1px solid white;
    line-height: 1;
    break-inside: avoid-column;
    text-align: center;
}

.cover-widget__info-item{
    font-size: .875rem;
}

.cover-widget__info span:first-child, .cover-widget__info p:first-child{
    margin: 0;
    padding: 0 ;
    border-left: 0px solid transparent;
}



/* Promo Card Styles */

.card__promo-item-news-alerts{
    display: grid;
    grid-template-columns: 1fr 310px;
    position: relative;
}

.card__promo-item-news-alerts::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(86deg, var(--secondary-purple-70) 0%, var(--primary-blue-60) 52%, var(--primary-blue-50) 84%, var(--primary-blue-40) 100%);
    background-image: -o-linear-gradient(86deg, var(--secondary-purple-70) 0%, var(--primary-blue-60) 52%, var(--primary-blue-50) 84%, var(--primary-blue-40) 100%);
    background-image: linear-gradient(86deg, var(--secondary-purple-70) 0%, var(--primary-blue-60) 52%, var(--primary-blue-50) 84%, var(--primary-blue-40) 100%);
    z-index: 1;
    border-radius: .35rem;
}

.card__promo-item-news-alerts::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    /* background-image: url("https://conexiant.com/media/rkbbrzy1/x-outlined-single.png"); */
    background-repeat: repeat;
    background-size: 43px;
    background-position: center left;
    z-index: 1;
    opacity: .5;
    border-radius: .35rem;
}

.card__promo-item-news-alerts .card__body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 5;
    padding: 2rem;
}

.form--news-alerts{
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.form--news-alerts .form-item{
    display: flex;
    margin-bottom: 0;
}

.form-item--email{
    flex: 3 1 230px;
}

.form-item--specialty{
    flex: 1 1 230px;
}

.form--news-alerts #btnSubmit{
    margin: 0;
    background-color: var(--primary-blue-60);
    color: var(--text-primary-contrastText);
    border: 1px solid var(--primary-blue-60);
}

.form--news-alerts #btnSubmit:hover{
    margin: 0;
    background-color: white;
    color: var(--primary-clr-1);
    border: 1px solid white;
}

.profile__form label, .form--news-alerts label{
    width: auto;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .25rem;
}

.profile__form input, .profile__form select, .form--news-alerts input, .form--news-alerts select {
    width: 100%;
    background-color: var(--bg-clr);
    border: 0;
    padding: .75rem 1rem;
    border-radius: .35rem;
    color: var(--dark-50);
}

.form-item__initial-option{
    color: var(--dark-50);
}

.form-btn-row{
    flex: 1 1 100%;
}

.card__promo-item-news-alerts .thumb-image {
    display: flex;
    height: 100%;
    aspect-ratio: auto;
    border-radius: 0 .35rem .35rem 0;
    z-index: 5;
}

.card__promo-item-news-alerts .thumb-image img{
    object-fit: contain;
    padding: 2rem;
    max-width: 280px;
    margin: 0 auto;
    height: auto;
}

.card__promo-item-news-alerts:hover  .thumb-image img {
    transform: scale(1.03);
    transition: .25s ease-in-out;
}

@media (max-width: 700px) {
    .card__promo-item-news-alerts{
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .card__promo-item-news-alerts::after{
        background-image: linear-gradient(144deg, rgb(15, 67, 108) 0%, rgba(18,80,128,.85) 50%, rgba(24,105,168,0) 100%);
    }

    .card__promo-item-news-alerts .card__body{
        order: 2;
        padding-top: 0;
    }

    .card__promo-item-news-alerts .thumb-image{
        order: 1;
    }
    
    .card__promo-item-news-alerts .thumb-image img{
        max-width: 220px;
        padding-bottom: 0.25rem;
    }
}

#newsAlertConfirm .modal-dialog {
    max-height: 300px;
}

#newsAlertConfirm .modal-content {
    padding: 2rem;
    background-color: var(--bg-clr);
    border-radius: .5rem;
    box-shadow: 0 5px 25px rgba(0,0,0,.125);
}

#newsAlertConfirm .modal-body {
    display: flex;
    padding: 0;
}

#newsAlertConfirm .modal-body button{
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    opacity: 1;
    transition: .2s ease-in-out;
}

#newsAlertConfirm .modal-body .btn-close:hover{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231B75BC'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

#newsAlertConfirm .modal-body .btn-close:hover .material-symbols-outlined {
  color: var(--primary-clr-1);
  transition: .2s ease-in-out;
}

#newsAlertConfirmPage iframe body {
    justify-content: center;
}

.modal{
    z-index: 1300;
}

.card__news-alerts-internal {
    grid-template-columns: 1fr;
}

.card__news-alerts-internal::after{
    background-image: -webkit-linear-gradient(45deg, rgb(15, 67, 108) 20%, rgba(18,80,128,.85) 70%, rgba(24,105,168,0) 100%);
    background-image: -o-linear-gradient(45deg, rgb(15, 67, 108) 20%, rgba(18,80,128,.85) 70%, rgba(24,105,168,0) 100%);
    background-image: linear-gradient(45deg, rgb(15, 67, 108) 20%, rgba(18,80,128,.85) 70%, rgba(24,105,168,0) 100%);
}

@media (max-width: 700px) {
    .card__news-alerts-internal .card__body{
        padding-top: 2rem;
    }
}





/* Badge Styles */

.badges-row{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .25rem;
    overflow: hidden;
}

.badges-row .badge{
    margin-right: .5rem;
}

.badges-row .badge span{
    padding-left: .5rem;
    border-left: 1px solid #CCCCCC;
}

.badge{
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: .25rem 0;
    margin: 0;
    position: relative;
    left: calc(-.5rem - 1px);
    font-size: .65rem;
    font-weight: 600;
    line-height: .75;
    letter-spacing: .05rem;
    text-transform: uppercase;
    text-decoration: none;
    break-inside: avoid-column;
    color: var(--secondary-gray-70);
    border-radius: 0;
    transition: .2s ease-in-out;
}

.badge:hover{
    color: var(--primary-clr-1);
    text-decoration: none;
    transition: .2s ease-in-out;
}





/* General iFrame Popup Styles */

iframe body{
    min-height: 0;
}





/* Breadcrumb Styles */

.breadcrumb{
    display: flex;
    align-items: center;
    column-gap: .4rem;
    font-size: .75rem;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 1rem 0;
}

.breadcrumb__link{
    color: var(--secondary-gray-80);
    text-decoration: none;
}

.breadcrumb__link:hover{
    color: var(--primary-clr-1);
    text-decoration: none;
}

.breadcrumb__arrow{
    font-size: .9rem;
    color: var(--dark);
    opacity: .25;
}




/* General List Item Styles */

.list-item{
    display: flex;
    margin-top: 1.5rem;
    padding: 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
    align-items: flex-start;
    overflow: auto;
    grid-gap: 0;
}

.thumb-image, .list-thumb{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0.25rem;
    aspect-ratio: 16/9;
    width: 100%;
    transition: .2s ease-in-out;
}

.thumb-image img, .list-thumb img{
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: .25s ease-in-out;
}

.thumb-image:hover img, .list-thumb:hover img{
    transform: scale(1.03);
    transition: .25s ease-in-out;
}

.pod-thumb{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0.25rem;
    aspect-ratio: 1/1;
    width: 100%;
    transition: .2s ease-in-out;
}

.list-item .list-thumb{
    order: 2;
    margin: 0 0 1.5rem 1.5rem;
    transition: .2s ease-in-out;
}

.list-thumb--small, .list-thumb.list-thumb--small{
    width: 125px;
}

.list-item .card__copy, .list-item .card-copy{
      width: 100%;
      order: 1;
      margin-bottom: 1.5rem;
}



.content-icon{
    text-align: left;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 10;
    width: 13%;
    transition: .2s ease-in-out;
}

.content-icon svg{
    width: 100%;
    max-width: 50px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .25));
}

.vid-icon{
    transition: .2s ease-in-out;
}

.content-icon:hover, .vid-icon:hover{
    transform: scale(1.05);
    transition: .2s ease-in-out;
}



/*-- Other Sitewide Styles --*/

.animated-underline{
    padding-bottom: 3px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0% 2px;
    transition: background-size .25s ease-in-out;
}

.animated-underline:hover {
    background-size: 100% 2px;
    color: inherit;
}

.white-fill{
    fill: #fff;
}

.pv-tan-fill{
    fill:#c1b09c;
}

.bcm-red-fill{
    fill:#e60c2e;
}

.grey-bg{
    background-color: var(--bg-clr);
}

.white-bg{
    background-color: white;
}

/*.max-width{*/
/*    width: 100%;*/
/*    max-width: 1200px;*/
/*}*/

.max-width{
    width: 100%;
    max-width: 1300px;
}

/*.top-nav .max-width, .bottom-nav .max-width, .home-body-content .max-width{*/
/*    max-width: 1398px;*/
/*}*/


.d-mobile{
    display: none;
}

.homepage .max-width{
    width: 100%;
    max-width: 1300px;
}

/*.articlepage .max-width{*/
/*    width: 100%;*/
/*    max-width: 1200px;*/
/*}*/

.body-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background-color: transparent;
    width: 100%;
    height: 100vh; 
    z-index: -1000;
    transition: .15s ease-in-out;
}

.overlay-on{
    opacity: 1;
    background-color: rgba(0,0,0,.5);
    z-index: 1220;
    transition: .3s ease-in-out;
}

.overlay-2-on{
    opacity: 1;
    background-color: rgba(0,0,0,.5);
    z-index: 1040;
    transition: .3s ease-in-out;
}

/* Search Field */

#txtSearchQuery.form-control{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.125);
    border-radius: 0;
    padding: .375rem 20px .375rem 0;
    color: rgba(0,0,0,1);
}

#txtSearchQuery.form-control::placeholder {
    color: rgba(0,0,0,1);
    opacity: 0.35;
}

#txtSearchQuery.form-control:focus {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,1);
    color: rgba(0,0,0,1);
}



/*-- Structural Styles --*/

.grid-content-sidebar{
    display: grid;
    grid-template-columns: 1fr 300px;
    position: relative;
    z-index: 1;
    align-items: flex-start;
}

.grid-gutter{
    grid-gap: 1.5rem;
}

.body-content-container.sticky-top{
    top: 80px;
}

.sidebar-container{
    height: 100%;
}

.sidebar-container .sticky-top {
    z-index: 1;
    display: grid;
    grid-gap: 1.5rem;
    top: 80px;
}

@media (max-width: 1100px){
    .grid-content-sidebar{
        grid-template-columns: 1fr;
        grid-row-gap: 4rem;
    }
    
    .body-content-container.sticky-top{
        top: 0;
    }
    
    .grid-content-sidebar .sticky-top{
        position: relative;
    }
    
    .sidebar-container .sticky-top {
        top: 0px;
        grid-gap: 4rem;
    }
}


/* Sidebar Section Styles */

.sidebar-list{
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.sidebar-list *{
    position: relative;
    z-index: 2;
}

.sidebar-list::before{
    content: '';
    position: absolute;
    z-index: 1;
    top: -.5rem;
    right: -.5rem;
    bottom: -.5rem;
    left: -.5rem;
    background-color: var(--bg-clr);
    border-radius: .35rem;
}

.sidebar-list-items article{
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

#sidebarRecommendations h3, .sidebar-list-items h3 {
    font-size: 1.125rem;
}

@media (max-width: 1100px){
    .sidebar-list-items > div > div > div{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1.5rem;
    }
}

@media (max-width: 600px) {
    .sidebar-list-items > div > div > div{
        grid-template-columns: 1fr;
    }
}

/* Pagination */

.pagination {
  margin-top: 1.5rem;
}

.page-item a.page-link {
    position: relative;
    display: block;
    color: var(--dark);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-item a.page-link:hover {
    color: var(--primary-clr-1);
    text-decoration: none;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--primary-clr-1);
    border-color: var(--primary-clr-1);
}

.page-item.active .page-link:hover {
    color: #fff;
}

.page-link:hover {
    z-index: 2;
    color: var(--primary-clr-1);
    background-color: white;
    border: 1px solid var(--primary-clr-1);
}

.page-item.disabled .page-link {
    color: rgba(0,0,0,0.25);
}







main .resource-item-page {
    background-color: var(--bg-clr);
    padding: 2rem 0;
}

.resource-item-page .cover-text-grid{
    border-bottom: 0px !important;
    margin: 0;
    padding: 0;
}

.resource-item-page .cover-text-grid > img{
    box-shadow: 0 0 15px rgba(0,0,0,0.125);
}

.resource-item-page .cover-text-grid .content-container{
    line-height: 1.3;
    margin-top: 1.5rem;
}

.resource-item-page .cover-text-grid .content-tag{
    font-size: .75rem;
}

.content-container form{
    margin-top: 3rem;
}









/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Ads Styles --*/
/*-- Ads Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

#topAd {
    position: relative;
    z-index: 1000;
    min-height: 1px;
    border-bottom: none;
    background-color: transparent;
}

#topAd .ad_728x90_container{
    padding: 15px 0;
}

.ad_728x90_container{
    display: grid;
    margin: 0px auto;
    text-align: center;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-bottom: transparent;
    padding: 0;
}

.ad_728x90_text{
    font-size: 8px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 0px -0.5px 0px 0px;
    height: auto;
    background-color: var(--bg-clr);
    padding: .35rem .05rem .35rem .05rem;
    border-radius: 0 .25rem .25rem 0;
    line-height: 1.1;
}

#topAd .ad_728x90_text{
    color: var(--dark-50);
}

.ad_728x90{
    width: max-content;
    height: max-content;
    display: grid;
    align-content: center;
    border: 1px solid rgba(216,217,218,.5);
}

.ad_728x90 > div {
    border: solid 1px #424242;
}

@media (max-width: 770px){
    .ad_728x90_container {
        grid-template-columns: auto;
        grid-template-rows: auto auto;
    }
    
    .ad_728x90_text {
        writing-mode: initial;
        transform: none;
        margin: 0 auto;
        padding: .1rem .35rem .05rem .35rem;
        border-radius: .25rem .25rem 0 0;
        width: auto;
    }
}

/*
@media (max-width: 770px) {
  .ad_728x90_container {
    display: none;
  }
}
*/   


.ad-300x250-container{
    margin: 0 auto;
    text-align: center;
    width: 302px;
}

.advertisement-text-300x250 {
    font-size: 8px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin: 0px auto -1px auto;
    background-color: var(--bg-clr);
    padding: .05rem .5rem;
    border-radius: .25rem .25rem 0 0;
    line-height: 1.1;
}
    
.ad-image-container{
    display: inline-block;
    margin: 0px auto;
    width: max-content;
    border: 1px solid rgba(216,217,218,.5);
} 

.ad-image-container img{
    display: inline-block;
    margin: 0px auto;
} 
    
/*
.top-ad-sidebar{
    height: 100%;
}
*/

#heroAd{
    margin-bottom: 1.5rem;
}

@media (max-width: 1100px){
    #heroAd{
        margin-bottom: 3rem;
    }
    
    #mobileAd1-300x250{
        margin-bottom: 4rem;
    }
}

.full-width-ad{
    padding: 1.5rem 0;
    /*background-color: white;
    border-top: 1px solid var(--secondary-clr-1-25);
    border-bottom: 1px solid var(--secondary-clr-1-25);*/
}

.full-width-ad.white-bg{
    background-color: white;
    border-top: 1px solid var(--secondary-clr-1-25);
    border-bottom: 1px solid var(--secondary-clr-1-25);
}

.c-article__in-line-ad .ad-image-container img{
    margin-bottom: 0px;
} 









/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Nav Styles --*/
/*-- Nav Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.top-nav{
    position: relative;
    z-index: 1250;
}

.top-nav__background{
    position: relative;
    z-index: 2;
    background: white;
    border-bottom: 1px solid var(--secondary-gray-20);
}

.top-nav__inner{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.top-nav__left{
    display: flex;
    flex-direction: row;
    gap: .75rem;
    align-items: center;
}

.top-nav__logo {
    padding: 2rem 0;
    transition: .2s ease-in-out;
}

.top-nav__logo img{
    height: 30px;
    transition: .2s ease-in-out;
}

.top-nav__specialties{
    display: flex;
    align-items: flex-end;
}

.dropdown-item{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.specialties-home-link{
    display: flex;
    align-items: flex-end;
    padding: 2rem .75rem;
    font-size: 1.25rem;
    color: var(--text-primary);
    font-weight: 400;
    text-decoration: none;
    top: 2px;
    bottom: 0;
    line-height: 0.7;   
    position: relative;
}

.specialties-home-link:hover{
    color: var(--primary-clr-1);
    text-decoration: none;
    transition: .2s ease-in-out;
}

.specialties-menu-toggle {
    display: flex;
    align-items: flex-end;
    position: relative;
    opacity: 1;
    top: 2px;
    bottom: 0;
    margin: 0 0 1.55rem 0;
    padding: .85rem .25rem;
    font-weight: 300;
    background-color: transparent;
    background-color: var(--secondary-clr-1-25);
    border: transparent;
    border-radius: .25rem;
    font-size: 1.25rem;
    color: var(--text-primary);
    font-weight: 400;
    /* background-color: var(--secondary-gray-20); */
    transition: all 0.4s ease-in-out, bottom 0.5s ease-in-out;
}

.specialties-menu-toggle:hover {
    background-color: var(--secondary-gray-20);
}

/*
.specialties-menu-toggle:hover, .specialties-menu-toggle.show {
    background-color: var(--secondary-gray-20);
    transition: all 0.2s ease-in-out;
}
*/

.specialties-menu-toggle.dropdown-toggle::after{
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    color: var(--secondary-gray-80);

}

.specialties-menu-toggle.dropdown-toggle:hover::after, .specialties-menu-toggle.dropdown-toggle.show::after {
    color: var(--secondary-gray-80);
    transition: all 0.2s ease-in-out;
}

.specialties-menu-toggle.show::after {
  transform: rotate(-180deg);
  transition: all 0.25s ease-in-out;
}

/*
.specialties-menu .dropdown-menu {
  position: absolute;
  margin: 0 auto;
  padding: 5rem 2rem;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 40;
  border: 0px;
  border-radius: 0;
  background: var(--secondary-gray-10);
}
*/

.specialties-menu {
    display: block;
    margin: 0 auto;
    padding: 5rem 2rem;
    position: absolute;
    bottom: 100%;
    width: 100%;
    border-bottom: 1px solid var(--secondary-clr-1-25);
    border-radius: 0;
    background-color: var(--secondary-gray-30);
    z-index: 1;
    transition: .2s ease-in-out;
}

.specialties-menu::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    /* background-image: url("data:image/svg+xml,%3Csvg width%3D%221920%22 height%3D%22373%22 viewBox%3D%220 0 1920 373%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cmask id%3D%22mask0_2353_2800%22 style%3D%22mask-type%3Aalpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%220%22 y%3D%220%22 width%3D%221920%22 height%3D%22373%22%3E %3Crect width%3D%221920%22 height%3D%22373%22 fill%3D%22url(%23paint0_linear_2353_2800)%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask0_2353_2800)%22%3E %3Cmask id%3D%22mask1_2353_2800%22 style%3D%22mask-type%3Aluminance%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%221030%22 y%3D%22-45%22 width%3D%22579%22 height%3D%22276%22%3E %3Cpath d%3D%22M1395.81 24.2168C1363.39 20.6023 1335.38 1.71663 1312.47 -21.988C1294.96 -40.0378 1264.75 -52.5321 1232.4 -39.3998C1201.99 -27.0531 1179.97 -3.68477 1180.42 33.8141C1180.58 46.3776 1174.76 58.1454 1164.94 65.7333C1155.05 73.7899 1141.77 76.7554 1129.27 73.3472C1060.01 54.593 999.848 135.212 1048.16 199.144C1098.14 261.786 1191.46 223.855 1190.58 152.302C1190.4 139.364 1196.61 127.279 1206.92 119.745C1216.73 112.172 1229.54 109.723 1241.71 112.839C1261.85 117.989 1283.85 114.832 1301.8 104.479C1327.91 89.4227 1358.27 83.1268 1388.47 87.2886C1420.1 90.9801 1449.63 105.638 1472.35 128.4C1552.63 201.757 1654.69 95.7325 1586.56 19.5837C1553.55 -18.3728 1511.01 -11.1702 1485.56 3.32636C1459.17 18.3557 1426.24 28.4077 1395.82 24.2153L1395.81 24.2168Z%22 fill%3D%22white%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask1_2353_2800)%22%3E %3Cpath d%3D%22M1440.66 1020.55L1441.32 1020.18L649.679 -429.755L649.014 -429.391L648.349 -429.027L1440 1020.91L1440.66 1020.55Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1449.27 1015.59L1449.94 1015.23L658.292 -434.711L657.627 -434.347L656.962 -433.984L1448.61 1015.95L1449.27 1015.59Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1457.87 1010.67L1458.53 1010.31L666.89 -439.623L666.225 -439.259L665.56 -438.896L1457.2 1011.04L1457.87 1010.67Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1466.49 1005.78L1467.15 1005.42L675.505 -444.52L674.84 -444.156L674.175 -443.792L1465.82 1006.15L1466.49 1005.78Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1475.09 1000.82L1475.76 1000.46L684.111 -449.479L683.446 -449.115L682.782 -448.752L1474.43 1001.19L1475.09 1000.82Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1483.7 995.931L1484.37 995.567L692.725 -454.366L692.061 -454.002L691.396 -453.639L1483.04 996.295L1483.7 995.931Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1492.31 990.99L1492.98 990.626L701.333 -459.311L700.668 -458.948L700.003 -458.584L1491.65 991.353L1492.31 990.99Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1500.91 986.082L1501.58 985.719L709.93 -464.219L709.266 -463.855L708.601 -463.492L1500.25 986.446L1500.91 986.082Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1509.53 981.156L1510.2 980.792L718.553 -469.14L717.888 -468.777L717.223 -468.413L1508.87 981.52L1509.53 981.156Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1518.14 976.223L1518.8 975.859L727.159 -474.074L726.494 -473.71L725.829 -473.347L1517.47 976.586L1518.14 976.223Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1526.74 971.292L1527.4 970.929L735.757 -479.009L735.092 -478.645L734.427 -478.282L1526.07 971.656L1526.74 971.292Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1535.34 966.365L1536.01 966.001L744.362 -483.932L743.697 -483.568L743.032 -483.205L1534.68 966.728L1535.34 966.365Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1543.96 961.438L1544.62 961.074L752.977 -488.859L752.312 -488.495L751.648 -488.131L1543.29 961.802L1543.96 961.438Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1552.58 956.559L1553.24 956.195L761.594 -493.742L760.929 -493.379L760.264 -493.015L1551.91 956.923L1552.58 956.559Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1561.16 951.623L1561.83 951.259L770.182 -498.678L769.517 -498.315L768.852 -497.951L1560.5 951.986L1561.16 951.623Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1569.79 946.672L1570.46 946.309L778.814 -503.624L778.149 -503.261L777.484 -502.897L1569.13 947.036L1569.79 946.672Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1578.39 941.747L1579.06 941.383L787.413 -508.554L786.748 -508.191L786.083 -507.827L1577.73 942.111L1578.39 941.747Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1586.97 936.815L1587.64 936.451L795.991 -513.486L795.326 -513.123L794.661 -512.759L1586.31 937.179L1586.97 936.815Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1595.62 931.867L1596.29 931.504L804.641 -518.429L803.976 -518.065L803.312 -517.702L1594.96 932.231L1595.62 931.867Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1604.22 926.997L1604.88 926.633L813.238 -523.305L812.574 -522.941L811.909 -522.577L1603.56 927.36L1604.22 926.997Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1612.84 922.047L1613.5 921.684L821.855 -528.254L821.19 -527.891L820.525 -527.527L1612.17 922.411L1612.84 922.047Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1621.45 917.113L1622.11 916.75L830.467 -533.183L829.802 -532.819L829.137 -532.456L1620.78 917.477L1621.45 917.113Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1630.06 912.186L1630.72 911.822L839.075 -538.116L838.41 -537.752L837.746 -537.388L1629.39 912.55L1630.06 912.186Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1638.67 907.267L1639.34 906.904L847.689 -543.034L847.025 -542.67L846.36 -542.307L1638.01 907.631L1638.67 907.267Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1647.27 902.352L1647.94 901.988L856.295 -547.945L855.63 -547.581L854.965 -547.217L1646.61 902.716L1647.27 902.352Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1655.85 897.411L1656.52 897.047L864.876 -552.886L864.211 -552.522L863.546 -552.159L1655.19 897.774L1655.85 897.411Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1664.49 892.501L1665.16 892.137L873.509 -557.801L872.844 -557.437L872.179 -557.073L1663.83 892.864L1664.49 892.501Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1673.08 887.582L1673.75 887.218L882.103 -562.715L881.439 -562.351L880.774 -561.987L1672.42 887.946L1673.08 887.582Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1681.7 882.658L1682.36 882.295L890.719 -567.639L890.055 -567.275L889.39 -566.911L1681.03 883.022L1681.7 882.658Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1690.3 877.738L1690.96 877.374L899.318 -572.563L898.653 -572.2L897.989 -571.836L1689.63 878.102L1690.3 877.738Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1698.92 872.818L1699.59 872.454L907.941 -577.479L907.276 -577.115L906.612 -576.752L1698.26 873.182L1698.92 872.818Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1707.52 867.882L1708.18 867.519L916.538 -582.414L915.873 -582.051L915.209 -581.687L1706.85 868.246L1707.52 867.882Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1716.13 862.948L1716.79 862.584L925.147 -587.354L924.482 -586.99L923.817 -586.626L1715.46 863.311L1716.13 862.948Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1724.74 858.042L1725.41 857.678L933.76 -592.26L933.095 -591.896L932.43 -591.533L1724.08 858.405L1724.74 858.042Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1733.35 853.099L1734.01 852.735L942.368 -597.198L941.703 -596.834L941.038 -596.471L1732.68 853.462L1733.35 853.099Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1741.95 848.167L1742.62 847.804L950.973 -602.134L950.308 -601.77L949.643 -601.406L1741.29 848.531L1741.95 848.167Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1750.56 843.245L1751.22 842.881L959.578 -607.057L958.913 -606.693L958.248 -606.329L1749.89 843.608L1750.56 843.245Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1759.2 838.347L1759.86 837.983L968.219 -611.95L967.555 -611.586L966.89 -611.223L1758.53 838.711L1759.2 838.347Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1767.78 833.408L1768.45 833.044L976.801 -616.894L976.136 -616.53L975.471 -616.166L1767.12 833.771L1767.78 833.408Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1776.38 828.487L1777.04 828.123L985.399 -621.815L984.734 -621.451L984.069 -621.087L1775.72 828.851L1776.38 828.487Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1785.01 823.539L1785.67 823.175L994.028 -626.758L993.363 -626.394L992.699 -626.03L1784.34 823.903L1785.01 823.539Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1793.61 818.64L1794.28 818.276L1002.63 -631.662L1001.96 -631.298L1001.3 -630.935L1792.95 819.003L1793.61 818.64Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1802.22 813.719L1802.88 813.355L1011.23 -636.583L1010.57 -636.219L1009.9 -635.856L1801.55 814.082L1802.22 813.719Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1810.82 808.801L1811.48 808.437L1019.84 -641.496L1019.17 -641.132L1018.51 -640.769L1810.15 809.164L1810.82 808.801Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1819.42 803.847L1820.08 803.483L1028.44 -646.45L1027.77 -646.087L1027.11 -645.723L1818.75 804.21L1819.42 803.847Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1828.03 798.934L1828.69 798.571L1037.04 -651.367L1036.38 -651.003L1035.72 -650.639L1827.36 799.298L1828.03 798.934Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1836.65 794.006L1837.31 793.643L1045.67 -656.29L1045 -655.927L1044.34 -655.563L1835.98 794.37L1836.65 794.006Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1845.26 789.108L1845.92 788.744L1054.28 -661.189L1053.62 -660.825L1052.95 -660.462L1844.59 789.471L1845.26 789.108Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1853.86 784.158L1854.52 783.794L1062.88 -666.144L1062.21 -665.78L1061.55 -665.416L1853.2 784.521L1853.86 784.158Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1862.49 779.25L1863.15 778.886L1071.5 -671.052L1070.84 -670.688L1070.17 -670.325L1861.82 779.613L1862.49 779.25Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1871.05 774.3L1871.72 773.937L1080.07 -675.997L1079.41 -675.633L1078.74 -675.269L1870.39 774.664L1871.05 774.3Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1879.7 769.373L1880.36 769.009L1088.71 -680.928L1088.05 -680.565L1087.39 -680.201L1879.03 769.737L1879.7 769.373Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1888.32 764.465L1888.99 764.102L1097.34 -685.836L1096.68 -685.472L1096.01 -685.109L1887.66 764.829L1888.32 764.465Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1896.92 759.536L1897.58 759.173L1105.94 -690.761L1105.27 -690.397L1104.61 -690.033L1896.25 759.9L1896.92 759.536Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1905.5 754.598L1906.16 754.234L1114.52 -695.703L1113.85 -695.339L1113.19 -694.976L1904.83 754.962L1905.5 754.598Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1914.12 749.677L1914.79 749.313L1123.14 -700.625L1122.48 -700.261L1121.81 -699.897L1913.46 750.041L1914.12 749.677Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1922.72 744.767L1923.39 744.404L1131.75 -705.53L1131.08 -705.166L1130.42 -704.803L1922.06 745.131L1922.72 744.767Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1931.35 739.852L1932.02 739.488L1140.37 -710.449L1139.7 -710.086L1139.04 -709.722L1930.69 740.216L1931.35 739.852Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1939.94 734.919L1940.6 734.555L1148.96 -715.382L1148.29 -715.019L1147.63 -714.655L1939.28 735.283L1939.94 734.919Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1948.57 730.013L1949.23 729.649L1157.59 -720.284L1156.93 -719.92L1156.26 -719.557L1947.9 730.376L1948.57 730.013Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1957.16 725.047L1957.82 724.683L1166.18 -725.25L1165.51 -724.886L1164.85 -724.523L1956.49 725.41L1957.16 725.047Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1965.77 720.142L1966.43 719.778L1174.79 -730.16L1174.12 -729.796L1173.46 -729.432L1965.1 720.505L1965.77 720.142Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1974.39 715.215L1975.05 714.851L1183.41 -735.081L1182.75 -734.718L1182.08 -734.354L1973.73 715.579L1974.39 715.215Z%22 fill%3D%22%23107BA9%22%2F%3E %3C%2Fg%3E %3Cg opacity%3D%220.7%22%3E %3Cmask id%3D%22mask2_2353_2800%22 style%3D%22mask-type%3Aluminance%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%221433%22 y%3D%22109%22 width%3D%22462%22 height%3D%22374%22%3E %3Cpath d%3D%22M1760.76 477.106C1727.85 490.637 1690.23 474.67 1672.14 445.136L1671.71 444.436C1656.98 419.793 1637.92 395.801 1611.9 384.329L1611.9 384.328C1585.47 372.444 1553.51 373.799 1526.42 381.166C1490.4 390.962 1445.43 364.153 1435.66 319.925L1435.65 319.92C1418.24 244.461 1519.53 199.529 1566.02 269.388C1586.38 300.656 1615.01 325.464 1648.55 340.589C1662.21 346.749 1682.03 344.64 1699.85 337.614C1717.66 330.587 1733.67 318.565 1739.62 304.68C1754.31 270.389 1759.72 232.198 1752.22 194.467C1744.75 151.366 1769.4 121.66 1800.49 112.872C1831.35 104.153 1868.57 116.022 1887.11 155.997L1887.55 156.946C1902.82 192.608 1887.78 232.694 1857.11 247.642C1827.28 262.188 1808.02 283.022 1798.81 307.696C1789.59 332.364 1790.44 360.819 1800.71 390.578C1812.36 424.337 1795.5 463.909 1760.78 477.101L1760.76 477.106Z%22 fill%3D%22white%22 stroke%3D%22white%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask2_2353_2800)%22%3E %3Cpath d%3D%22M2491.3 699.947L2491.52 699.235L1037 260.508L1036.78 261.22L1036.57 261.933L2491.09 700.659L2491.3 699.947Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2493.72 691.301L2493.94 690.589L1039.42 251.862L1039.2 252.575L1038.99 253.287L2493.51 692.014L2493.72 691.301Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2496.18 682.672L2496.39 681.959L1041.88 243.234L1041.66 243.947L1041.45 244.659L2495.96 683.384L2496.18 682.672Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2498.61 674.037L2498.82 673.324L1044.3 234.597L1044.09 235.31L1043.87 236.022L2498.39 674.749L2498.61 674.037Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2501.04 665.422L2501.26 664.71L1046.74 225.983L1046.52 226.695L1046.31 227.408L2500.83 666.134L2501.04 665.422Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2503.46 656.772L2503.68 656.059L1049.16 217.334L1048.95 218.046L1048.73 218.759L2503.25 657.484L2503.46 656.772Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2505.87 648.132L2506.09 647.419L1051.57 208.693L1051.36 209.405L1051.14 210.118L2505.66 648.844L2505.87 648.132Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2508.32 639.497L2508.54 638.785L1054.02 200.058L1053.8 200.77L1053.59 201.483L2508.11 640.21L2508.32 639.497Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2510.75 630.847L2510.96 630.135L1056.45 191.41L1056.23 192.122L1056.02 192.834L2510.53 631.559L2510.75 630.847Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2513.18 622.218L2513.39 621.506L1058.88 182.781L1058.66 183.493L1058.45 184.205L2512.96 622.93L2513.18 622.218Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2515.59 613.578L2515.8 612.865L1061.28 174.139L1061.07 174.851L1060.85 175.563L2515.37 614.29L2515.59 613.578Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2518.01 604.961L2518.22 604.248L1063.71 165.523L1063.49 166.236L1063.28 166.948L2517.79 605.673L2518.01 604.961Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2520.45 596.309L2520.67 595.597L1066.16 156.872L1065.94 157.584L1065.72 158.297L2520.24 597.022L2520.45 596.309Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2522.88 587.687L2523.1 586.975L1068.58 148.248L1068.37 148.961L1068.15 149.673L2522.67 588.4L2522.88 587.687Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2525.33 579.059L2525.55 578.347L1071.03 139.62L1070.81 140.332L1070.6 141.045L2525.12 579.772L2525.33 579.059Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2527.75 570.4L2527.96 569.687L1073.45 130.962L1073.23 131.674L1073.02 132.387L2527.53 571.112L2527.75 570.4Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2530.19 561.791L2530.4 561.078L1075.89 122.352L1075.67 123.064L1075.46 123.777L2529.97 562.503L2530.19 561.791Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2532.6 553.142L2532.81 552.429L1078.3 113.703L1078.08 114.415L1077.87 115.128L2532.38 553.854L2532.6 553.142Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2535.02 544.5L2535.23 543.787L1080.72 105.062L1080.5 105.775L1080.29 106.487L2534.8 545.212L2535.02 544.5Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2537.46 535.862L2537.68 535.15L1083.16 96.4232L1082.95 97.1356L1082.73 97.8481L2537.25 536.575L2537.46 535.862Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2539.89 527.234L2540.1 526.522L1085.58 87.7953L1085.37 88.5077L1085.15 89.2201L2539.67 527.947L2539.89 527.234Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2542.33 518.591L2542.54 517.879L1088.03 79.1536L1087.81 79.866L1087.6 80.5784L2542.11 519.303L2542.33 518.591Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2544.75 509.958L2544.97 509.246L1090.45 70.5189L1090.23 71.2313L1090.02 71.9438L2544.54 510.67L2544.75 509.958Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2547.17 501.314L2547.39 500.602L1092.87 61.8751L1092.65 62.5876L1092.44 63.3L2546.96 502.027L2547.17 501.314Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2549.6 492.688L2549.82 491.975L1095.31 53.2503L1095.09 53.9627L1094.88 54.6751L2549.39 493.4L2549.6 492.688Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2552.04 484.054L2552.26 483.342L1097.74 44.6167L1097.53 45.3291L1097.31 46.0416L2551.83 484.767L2552.04 484.054Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2554.47 475.406L2554.68 474.693L1100.16 35.9667L1099.95 36.6791L1099.73 37.3915L2554.25 476.118L2554.47 475.406Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2556.88 466.771L2557.09 466.059L1102.58 27.334L1102.36 28.0464L1102.15 28.7588L2556.66 467.484L2556.88 466.771Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2559.33 458.15L2559.55 457.437L1105.03 18.7122L1104.82 19.4246L1104.6 20.137L2559.12 458.862L2559.33 458.15Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2561.74 449.496L2561.96 448.783L1107.44 10.0568L1107.23 10.7692L1107.01 11.4816L2561.53 450.208L2561.74 449.496Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2564.17 440.878L2564.39 440.166L1109.87 1.44066L1109.66 2.15306L1109.44 2.86547L2563.96 441.591L2564.17 440.878Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2566.59 432.216L2566.8 431.503L1112.29 -7.22175L1112.07 -6.50934L1111.86 -5.79693L2566.37 432.928L2566.59 432.216Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2569.02 423.593L2569.24 422.881L1114.72 -15.846L1114.5 -15.1336L1114.29 -14.4212L2568.81 424.305L2569.02 423.593Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2571.47 414.961L2571.68 414.249L1117.17 -24.4781L1116.95 -23.7657L1116.73 -23.0533L2571.25 415.673L2571.47 414.961Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2573.9 406.331L2574.11 405.619L1119.6 -33.106L1119.38 -32.3936L1119.17 -31.6812L2573.68 407.044L2573.9 406.331Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2576.33 397.704L2576.54 396.992L1122.02 -41.735L1121.81 -41.0226L1121.59 -40.3102L2576.11 398.416L2576.33 397.704Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2578.74 389.042L2578.95 388.329L1124.43 -50.3973L1124.22 -49.6849L1124 -48.9725L2578.52 389.754L2578.74 389.042Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2581.17 380.411L2581.39 379.698L1126.87 -59.0269L1126.66 -58.3145L1126.44 -57.6021L2580.96 381.123L2581.17 380.411Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2583.61 371.779L2583.83 371.066L1129.31 -67.6603L1129.09 -66.9478L1128.88 -66.2354L2583.4 372.491L2583.61 371.779Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2586.03 363.15L2586.25 362.438L1131.73 -76.2884L1131.51 -75.576L1131.3 -74.8636L2585.82 363.863L2586.03 363.15Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2588.46 354.513L2588.67 353.8L1134.16 -84.9248L1133.94 -84.2124L1133.73 -83.5L2588.24 355.225L2588.46 354.513Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2590.91 345.873L2591.12 345.161L1136.6 -93.5658L1136.39 -92.8534L1136.17 -92.141L2590.69 346.586L2590.91 345.873Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2593.32 337.246L2593.53 336.534L1139.01 -102.193L1138.8 -101.481L1138.58 -100.768L2593.1 337.958L2593.32 337.246Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2595.74 328.606L2595.96 327.894L1141.44 -110.831L1141.23 -110.119L1141.01 -109.406L2595.53 329.319L2595.74 328.606Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2598.18 319.967L2598.4 319.255L1143.88 -119.47L1143.67 -118.758L1143.45 -118.045L2597.97 320.68L2598.18 319.967Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2600.61 311.34L2600.83 310.627L1146.31 -128.099L1146.09 -127.387L1145.88 -126.674L2600.4 312.052L2600.61 311.34Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2603.02 302.704L2603.24 301.992L1148.72 -136.733L1148.51 -136.021L1148.29 -135.308L2602.81 303.417L2603.02 302.704Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2605.46 294.06L2605.67 293.347L1151.16 -145.378L1150.94 -144.665L1150.73 -143.953L2605.24 294.772L2605.46 294.06Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2607.9 285.417L2608.12 284.704L1153.6 -154.022L1153.38 -153.31L1153.17 -152.598L2607.68 286.129L2607.9 285.417Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2610.33 276.796L2610.54 276.083L1156.02 -162.644L1155.81 -161.931L1155.59 -161.219L2610.11 277.508L2610.33 276.796Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2612.75 268.15L2612.96 267.437L1158.45 -171.288L1158.23 -170.575L1158.02 -169.863L2612.53 268.862L2612.75 268.15Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2615.18 259.514L2615.39 258.802L1160.87 -179.925L1160.66 -179.213L1160.44 -178.5L2614.96 260.226L2615.18 259.514Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2617.61 250.881L2617.83 250.169L1163.31 -188.558L1163.1 -187.846L1162.88 -187.134L2617.4 251.593L2617.61 250.881Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2620.04 242.239L2620.26 241.527L1165.74 -197.198L1165.53 -196.486L1165.31 -195.774L2619.82 242.951L2620.04 242.239Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2622.47 233.612L2622.69 232.899L1168.17 -205.828L1167.95 -205.115L1167.74 -204.403L2622.25 234.324L2622.47 233.612Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2624.92 224.976L2625.13 224.264L1170.61 -214.463L1170.4 -213.75L1170.18 -213.038L2624.7 225.689L2624.92 224.976Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2627.33 216.335L2627.55 215.622L1173.04 -223.103L1172.82 -222.39L1172.61 -221.678L2627.12 217.047L2627.33 216.335Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2629.75 207.695L2629.96 206.983L1175.45 -231.744L1175.23 -231.032L1175.02 -230.319L2629.53 208.407L2629.75 207.695Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2632.19 199.066L2632.4 198.354L1177.88 -240.373L1177.67 -239.661L1177.45 -238.948L2631.97 199.778L2632.19 199.066Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2634.62 190.43L2634.84 189.718L1180.32 -249.007L1180.11 -248.295L1179.89 -247.582L2634.41 191.143L2634.62 190.43Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2637.03 181.779L2637.25 181.067L1182.73 -257.658L1182.52 -256.946L1182.3 -256.234L2636.81 182.491L2637.03 181.779Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2639.46 173.162L2639.68 172.45L1185.16 -266.277L1184.94 -265.564L1184.73 -264.852L2639.25 173.875L2639.46 173.162Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2641.9 164.522L2642.11 163.81L1187.6 -274.915L1187.39 -274.203L1187.17 -273.49L2641.68 165.235L2641.9 164.522Z%22 fill%3D%22%23107BA9%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E %3Cdefs%3E %3ClinearGradient id%3D%22paint0_linear_2353_2800%22 x1%3D%2260.3225%22 y1%3D%22186.085%22 x2%3D%221846.54%22 y2%3D%22301.543%22 gradientUnits%3D%22userSpaceOnUse%22%3E %3Cstop stop-color%3D%22white%22 stop-opacity%3D%220%22%2F%3E %3Cstop offset%3D%221%22 stop-color%3D%22white%22%2F%3E %3C%2FlinearGradient%3E %3C%2Fdefs%3E%3C%2Fsvg%3E"); */
    background-image: url(https://mdspire.com/media/k02da5a5/gradient-full-reverse.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    /* background-image: url("https://conexiant.com/media/rkbbrzy1/x-outlined-single.png");
    background-repeat: repeat;
    background-size: 43px;
    background-position: center left; */
    z-index: 1;
    opacity: 1;
}

.specialties-menu::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(54deg, var(--mds-secondary-grey-10) 0%, rgba(255,255,255, 0.90) 50%, rgba(24,105,168,0) 100%);
  background-image: -o-linear-gradient(54deg, var(--mds-secondary-grey-10) 0%, rgba(255,255,255,.90) 50%, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(144deg, var(--mds-secondary-grey-10) 0%, rgba(255,255,255, .90) 50%, rgba(255,255,255,0) 100%);
  z-index: 1;
}

.specialties-menu.show {
    bottom: auto;
    transition: .2s ease-in-out;
}

.specialties-menu__list {
    position: relative;
    list-style: none;
    column-count: 4;
    z-index: 3;
}

.specialties-menu__list .dropdown-item {
    font-weight: 300;
    color: var(--dark);
    padding: 1.025rem .9rem;
    border-left: 1px solid var(--secondary-gray-50);
    transition: all 0.2s ease-in-out;

}

.specialties-menu__list .dropdown-item:hover {
    color: var(--primary-clr-1);
    text-decoration: none;
    background-color: rgba(255,255,255, 0.4);
    border-left: 2px solid var(--primary-clr-2);
    transition: all 0.2s ease-in-out;
}

.top-nav__right{
    display: flex;
    /*align-items: center;*/
    column-gap: .5rem;
    position: relative;
    opacity: 1;
    bottom: 0;
    transition: all 0.4s ease-in-out .2s, bottom 0.5s ease-in-out;
}

.btn.btn__sign-in{
    display: flex;
    align-content: center;
    gap: .5rem;
    color: var(--dark);
    text-decoration: none;
    background: transparent;
}

.btn.btn__sign-in:hover{
    background: transparent;
    transition: 0.2s ease-in-out;
}

.btn__sign-in p{
    font-size: 1rem;
    margin-bottom: 0;
    transition: 0.2s ease-in-out;
}

.btn_sign-in-icon{
    display: block;
    height: 20px;
}

.btn_sign-in-icon svg{
    height: 100%;
}

.btn_sign-in-icon svg path{
    fill: var(--dark);
    transition: 0.2s ease-in-out;
}

.btn.btn__sign-in:hover p, .btn.btn__sign-in:hover .btn_sign-in-icon svg path{
    color: var(--primary-clr-1);
    fill: var(--primary-clr-1);
    transition: 0.2s ease-in-out;
}

.top-nav__right hr{
    height: 20px;
    width: 2px;
    background-color: var(--secondary-gray-30);
    border: 0px; 
    margin: auto;
}

.btn.btn__search{
    color: var(--dark);
    text-decoration: none;
    background: transparent;
    border: 1px solid transparent;
}

.btn.btn__search:hover{
    color: var(--primary-clr-1);
    background: transparent;
    border: 1px solid transparent;
    transition: 0.2s ease-in-out;
}

form svg.search-icon{
    position: absolute;
    right: 0;
    top: 8px;
    height: 18px;
}

nav{
    position: sticky;
    top: 0;
    z-index: 1240;
    background: linear-gradient(86deg, var(--secondary-purple-70) 0%, var(--primary-blue-60) 52%, var(--primary-blue-50) 84%, var(--primary-blue-40) 100%);
}

.bottom-nav {
    position: relative;
}

.navbar{
    position: static;
    padding: 0;
    justify-content: flex-start;
    margin: 0 auto;
    align-items: stretch;
}

.bottom-nav__logo{
    display: flex;
    position: absolute;
    opacity: 0;
    bottom: 100%;
    background: var(--accent-magenta-50);
/*
    border-right: 2px solid var(--primary-blue-70);
    background-image: linear-gradient(var(--primary-clr-2), var(--primary-clr-2));
    background-repeat: no-repeat;
    background-position: bottom left;
*/
    background-size: 0% 2px;
    transition: all 0s ease-in-out;
}

.scrolled .bottom-nav__logo{
    position: relative;
    opacity: 1;
    bottom: 0;
    transition: all .2s ease-in-out, bottom .5s ease-out;
}

.bottom-nav__logo:hover{
    background: var(--accent-magenta-100);
/*    background-size: 100% 2px;*/
    transition: .2s ease-in-out;
}

.bottom-nav__logo-link{
    display: flex;
    padding: 0 1rem;
    transition: .2s ease-in-out;
}

.bottom-nav__logo:hover .bottom-nav__logo-link{
    background: rgba(23,52,64,.2);
    transition: .2s ease-in-out;
}

.bottom-nav__logo img{
    width: 24px;
}

.bottom-nav__specialty-home{
    display: flex;
    color: white;
    line-height: 1.2;
    font-weight: 300;
    text-align: center;
    position: absolute;
    opacity: 0;
    bottom: 100%;
    background: var(--primary-blue-90);
    background-image: linear-gradient(var(--primary-clr-2), var(--primary-clr-2));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0% 2px;
    transition: all 0s ease-in-out;
}

.scrolled .bottom-nav__specialty-home{
    position: relative;
    opacity: 1;
    bottom: 0;
    transition: all .2s ease-in-out, bottom .5s ease-out;
}

.bottom-nav__specialty-home:hover{
    background-size: 100% 2px;
    transition: .2s ease-in-out;
}

.bottom-nav__specialty-home .nav-item{
    color: white;
    text-decoration: none;
    padding: 1.025rem 0.9rem;
    transition: .2s ease-in-out;
}

.bottom-nav__specialty-home:hover .nav-item{
    color: white;
    text-decoration: none;
    background: rgba(23,52,64,.2);
    transition: .2s ease-in-out;
}

.navbar-toggler {
    background-color: white;
}

.navbar-toggler:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0;
}

.navbar-toggler__icon{
    width: 1.5rem;
    position: relative;
}

.navbar-toggler__icon::after{
    content: '';
    width: 0px;
    height: 0px;
    background-color: var(--secondary-gray-10);
    opacity: 0;
    border-radius: 5rem;
    position: absolute;
    top: 57%;
    left: 46%;
    transform: translate(-50%,-50%);
    z-index: 1;
    transition: .2s ease-in-out;
}

.navbar-toggler__icon-inner{
    display: grid;
    height: 20px;
    align-items: flex-end;
    position: relative;
    z-index: 2;
}

.navbar-toggler__icon-inner::before, .navbar-toggler__icon-inner::after {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    border-radius: 5rem;
    background-color: var(--dark);
    transition: .2s ease-in-out;
}

.navbar-toggler__icon-inner::before{
    top: 17.5px;
    width: .95rem;
}

.navbar-toggler__icon-inner::after{
    top: 3.5px;
    width: .75rem;
}

.navbar-toggler:hover .navbar-toggler__icon-inner::before, .navbar-toggler:hover .navbar-toggler__icon-inner::after{
    background-color: var(--primary-blue-90);
    transition: .2s ease-in-out;
}

.navbar-toggler__active .navbar-toggler__icon-inner::before {
    transform: translate(-1px, -7px) rotate(-45deg);
    width: 1.5rem;
    background-color: var(--primary-blue-90);
    transition: .2s ease-in-out;
}

.navbar-toggler__active .navbar-toggler__icon-inner::after {
    transform: translate(-1px, 7px) rotate(45deg);
    width: 1.5rem;
    background-color: var(--primary-blue-90);
    transition: .2s ease-in-out;
}

.navbar-toggler__icon path{
    fill: var(--dark);
    transition: .2s ease-in-out;
}

.navbar-toggler:hover path{
    fill: var(--primary-blue-90);
    transition: .2s ease-in-out;
}

.navbar-toggler__active .navbar-toggler__icon path{
    fill: transparent;
    transition: .2s ease-in-out;
}

.navbar-toggler__active .navbar-toggler__icon::after, .navbar-toggler:hover .navbar-toggler__icon::after{
    width: 42px;
    height: 42px;
    opacity: 1;
    transition: .2s ease-in-out;
}

.navbar-toggler__active:hover .navbar-toggler__icon::after{
    background-color: var(--secondary-gray-20);
    transition: .2s ease-in-out;
} 

.bottom-nav .navbar-nav{
    flex-direction: row;
    justify-content: center;
}

.bottom-nav .nav-item{
    width: 100%;
    margin-bottom: 0px;
    position: inherit;
    transition: .2s ease-in-out;
}

.bottom-nav .navbar .nav-link {
    color: white;
    line-height: 1.2;
    font-weight: 300;
    text-align: center;
    padding: 1.025rem .9rem  1rem .9rem;
    text-decoration: none;
    border-bottom: solid 3px rgba(199, 192, 227, 0);
    transition: .25s ease-in-out;
}

.bottom-nav .nav-link:hover{
    color: white;
    text-decoration: none;
    border-bottom: solid 3px var(--accent-magenta-50);
    transition: .25s ease-in-out;
}

/*#bottomNav .bottom-nav .navbar .nav-link{*/
.bottom-nav .navbar .nav-link{
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0% 2px;
}

/*#bottomNav .bottom-nav .nav-link:hover {*/
.bottom-nav .nav-link:hover {
    background-color: rgb(20 76 99 / 16%);
    background-size: 100% 2px;
}

.bottom-nav .nav-link.show {
    background-color: var(--primary-blue-60);
    background-size: 0% 2px;
    transition: .2s ease-in-out;
}

.bottom-nav .nav-link:focus {
    box-shadow: 0 0 0 transparent;
    outline: 0;
}

.bottom-nav .nav-item-specialties-home, .bottom-nav .dropdown__specialties{
    position: absolute;
    bottom: 100%;
    
    transition: all 0s ease-in-out;
}

.scrolled .bottom-nav .nav-item-specialties-home, .scrolled .bottom-nav .dropdown__specialties{
    display: flex;
    position: static;
}

.bottom-nav .nav-item-specialties-home .nav-link, .bottom-nav .dropdown__specialties .nav-link {
    position: relative; 
    opacity: 0;
    bottom: 100%;
    background-color: var(--primary-blue-80);
    background-image: none;
    transition: all 0s ease-in-out;
}

.bottom-nav .dropdown__specialties .nav-link {
    display: flex;
    align-items: center;
    padding: 0 .9rem 0 0;
    height: 100%;
}

.bottom-nav .dropdown__specialties .nav-link.show {
    background-color: var(--primary-blue-90);
}

.bottom-nav .dropdown__specialties .dropdown-toggle::after {
    /* background-color: var(--primary-blue-80); */
    padding: 1.025rem 0.5rem;
    border-radius: .25rem;
    top: 0;
}

.scrolled .bottom-nav .nav-item-specialties-home .nav-link, .scrolled .bottom-nav .dropdown__specialties .nav-link{
    opacity: 1;
    bottom: 0;
    transition: all .2s ease-in-out, bottom .4s ease-out .2s;
}


.bottom-nav .nav-item-specialties-home .nav-link:hover, .bottom-nav .dropdown__specialties .nav-link:hover{
    background-color: var(--primary-purple-30);
    transition: all .2s ease-in-out;
}

.bottom-nav .nav-item-specialties-home .nav-link:hover{
    color: var(--primary-blue-20);
}

.bottom-nav .dropdown__specialties .nav-link:hover::after, .bottom-nav .dropdown__specialties .nav-link.show::after{
    color: var(--primary-blue-20);
    /* background-color: var(--primary-blue-70); */
}

.dropdown-toggle::after {
    display: inline-block;
/*    color: var(--primary-clr-2);*/
    color: white;
    margin-left: .255em;
    vertical-align: .255em;
    font-family: 'Material Icons';
    content: "\e5cf";
    border: none;
    line-height: 0;
    position: relative;
    top: 6px;
    opacity: 1;
    transition: all 0.25s ease-in-out;
}

.dropdown-toggle:hover::after, .dropdown-toggle.show::after {
    color: var(--accent-magenta-50);
    transition: all 0.25s ease-in-out;
}

.dropdown-toggle.show::after {
    transform: rotate(180deg);
    transition: all 0.25s ease-in-out;
}

@media (min-width: 768px) {
    .bottom-nav .navbar-expand-md .navbar-nav .dropdown-menu {
        position: relative;
    }
}

.bottom-nav .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
}

.bottom-nav .dropdown-menu {
    position: absolute;
    margin: 0 auto;
    padding: 5rem 2rem; 
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 40;
    border: 0px;
    border-radius: 0;
    background:  var(--primary-blue-80);
    overflow: hidden;
}

.bottom-nav .nav-item > .dropdown-menu::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(90deg, var(--primary-blue-60) 51%, var(--primary-blue-70) 95%);
    z-index: 1;
}

.bottom-nav .nav-item > .dropdown-menu::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width%3D%221920%22 height%3D%22373%22 viewBox%3D%220 0 1920 373%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cmask id%3D%22mask0_2353_2800%22 style%3D%22mask-type%3Aalpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%220%22 y%3D%220%22 width%3D%221920%22 height%3D%22373%22%3E %3Crect width%3D%221920%22 height%3D%22373%22 fill%3D%22url(%23paint0_linear_2353_2800)%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask0_2353_2800)%22%3E %3Cmask id%3D%22mask1_2353_2800%22 style%3D%22mask-type%3Aluminance%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%221030%22 y%3D%22-45%22 width%3D%22579%22 height%3D%22276%22%3E %3Cpath d%3D%22M1395.81 24.2168C1363.39 20.6023 1335.38 1.71663 1312.47 -21.988C1294.96 -40.0378 1264.75 -52.5321 1232.4 -39.3998C1201.99 -27.0531 1179.97 -3.68477 1180.42 33.8141C1180.58 46.3776 1174.76 58.1454 1164.94 65.7333C1155.05 73.7899 1141.77 76.7554 1129.27 73.3472C1060.01 54.593 999.848 135.212 1048.16 199.144C1098.14 261.786 1191.46 223.855 1190.58 152.302C1190.4 139.364 1196.61 127.279 1206.92 119.745C1216.73 112.172 1229.54 109.723 1241.71 112.839C1261.85 117.989 1283.85 114.832 1301.8 104.479C1327.91 89.4227 1358.27 83.1268 1388.47 87.2886C1420.1 90.9801 1449.63 105.638 1472.35 128.4C1552.63 201.757 1654.69 95.7325 1586.56 19.5837C1553.55 -18.3728 1511.01 -11.1702 1485.56 3.32636C1459.17 18.3557 1426.24 28.4077 1395.82 24.2153L1395.81 24.2168Z%22 fill%3D%22white%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask1_2353_2800)%22%3E %3Cpath d%3D%22M1440.66 1020.55L1441.32 1020.18L649.679 -429.755L649.014 -429.391L648.349 -429.027L1440 1020.91L1440.66 1020.55Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1449.27 1015.59L1449.94 1015.23L658.292 -434.711L657.627 -434.347L656.962 -433.984L1448.61 1015.95L1449.27 1015.59Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1457.87 1010.67L1458.53 1010.31L666.89 -439.623L666.225 -439.259L665.56 -438.896L1457.2 1011.04L1457.87 1010.67Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1466.49 1005.78L1467.15 1005.42L675.505 -444.52L674.84 -444.156L674.175 -443.792L1465.82 1006.15L1466.49 1005.78Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1475.09 1000.82L1475.76 1000.46L684.111 -449.479L683.446 -449.115L682.782 -448.752L1474.43 1001.19L1475.09 1000.82Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1483.7 995.931L1484.37 995.567L692.725 -454.366L692.061 -454.002L691.396 -453.639L1483.04 996.295L1483.7 995.931Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1492.31 990.99L1492.98 990.626L701.333 -459.311L700.668 -458.948L700.003 -458.584L1491.65 991.353L1492.31 990.99Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1500.91 986.082L1501.58 985.719L709.93 -464.219L709.266 -463.855L708.601 -463.492L1500.25 986.446L1500.91 986.082Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1509.53 981.156L1510.2 980.792L718.553 -469.14L717.888 -468.777L717.223 -468.413L1508.87 981.52L1509.53 981.156Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1518.14 976.223L1518.8 975.859L727.159 -474.074L726.494 -473.71L725.829 -473.347L1517.47 976.586L1518.14 976.223Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1526.74 971.292L1527.4 970.929L735.757 -479.009L735.092 -478.645L734.427 -478.282L1526.07 971.656L1526.74 971.292Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1535.34 966.365L1536.01 966.001L744.362 -483.932L743.697 -483.568L743.032 -483.205L1534.68 966.728L1535.34 966.365Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1543.96 961.438L1544.62 961.074L752.977 -488.859L752.312 -488.495L751.648 -488.131L1543.29 961.802L1543.96 961.438Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1552.58 956.559L1553.24 956.195L761.594 -493.742L760.929 -493.379L760.264 -493.015L1551.91 956.923L1552.58 956.559Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1561.16 951.623L1561.83 951.259L770.182 -498.678L769.517 -498.315L768.852 -497.951L1560.5 951.986L1561.16 951.623Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1569.79 946.672L1570.46 946.309L778.814 -503.624L778.149 -503.261L777.484 -502.897L1569.13 947.036L1569.79 946.672Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1578.39 941.747L1579.06 941.383L787.413 -508.554L786.748 -508.191L786.083 -507.827L1577.73 942.111L1578.39 941.747Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1586.97 936.815L1587.64 936.451L795.991 -513.486L795.326 -513.123L794.661 -512.759L1586.31 937.179L1586.97 936.815Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1595.62 931.867L1596.29 931.504L804.641 -518.429L803.976 -518.065L803.312 -517.702L1594.96 932.231L1595.62 931.867Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1604.22 926.997L1604.88 926.633L813.238 -523.305L812.574 -522.941L811.909 -522.577L1603.56 927.36L1604.22 926.997Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1612.84 922.047L1613.5 921.684L821.855 -528.254L821.19 -527.891L820.525 -527.527L1612.17 922.411L1612.84 922.047Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1621.45 917.113L1622.11 916.75L830.467 -533.183L829.802 -532.819L829.137 -532.456L1620.78 917.477L1621.45 917.113Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1630.06 912.186L1630.72 911.822L839.075 -538.116L838.41 -537.752L837.746 -537.388L1629.39 912.55L1630.06 912.186Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1638.67 907.267L1639.34 906.904L847.689 -543.034L847.025 -542.67L846.36 -542.307L1638.01 907.631L1638.67 907.267Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1647.27 902.352L1647.94 901.988L856.295 -547.945L855.63 -547.581L854.965 -547.217L1646.61 902.716L1647.27 902.352Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1655.85 897.411L1656.52 897.047L864.876 -552.886L864.211 -552.522L863.546 -552.159L1655.19 897.774L1655.85 897.411Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1664.49 892.501L1665.16 892.137L873.509 -557.801L872.844 -557.437L872.179 -557.073L1663.83 892.864L1664.49 892.501Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1673.08 887.582L1673.75 887.218L882.103 -562.715L881.439 -562.351L880.774 -561.987L1672.42 887.946L1673.08 887.582Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1681.7 882.658L1682.36 882.295L890.719 -567.639L890.055 -567.275L889.39 -566.911L1681.03 883.022L1681.7 882.658Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1690.3 877.738L1690.96 877.374L899.318 -572.563L898.653 -572.2L897.989 -571.836L1689.63 878.102L1690.3 877.738Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1698.92 872.818L1699.59 872.454L907.941 -577.479L907.276 -577.115L906.612 -576.752L1698.26 873.182L1698.92 872.818Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1707.52 867.882L1708.18 867.519L916.538 -582.414L915.873 -582.051L915.209 -581.687L1706.85 868.246L1707.52 867.882Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1716.13 862.948L1716.79 862.584L925.147 -587.354L924.482 -586.99L923.817 -586.626L1715.46 863.311L1716.13 862.948Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1724.74 858.042L1725.41 857.678L933.76 -592.26L933.095 -591.896L932.43 -591.533L1724.08 858.405L1724.74 858.042Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1733.35 853.099L1734.01 852.735L942.368 -597.198L941.703 -596.834L941.038 -596.471L1732.68 853.462L1733.35 853.099Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1741.95 848.167L1742.62 847.804L950.973 -602.134L950.308 -601.77L949.643 -601.406L1741.29 848.531L1741.95 848.167Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1750.56 843.245L1751.22 842.881L959.578 -607.057L958.913 -606.693L958.248 -606.329L1749.89 843.608L1750.56 843.245Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1759.2 838.347L1759.86 837.983L968.219 -611.95L967.555 -611.586L966.89 -611.223L1758.53 838.711L1759.2 838.347Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1767.78 833.408L1768.45 833.044L976.801 -616.894L976.136 -616.53L975.471 -616.166L1767.12 833.771L1767.78 833.408Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1776.38 828.487L1777.04 828.123L985.399 -621.815L984.734 -621.451L984.069 -621.087L1775.72 828.851L1776.38 828.487Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1785.01 823.539L1785.67 823.175L994.028 -626.758L993.363 -626.394L992.699 -626.03L1784.34 823.903L1785.01 823.539Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1793.61 818.64L1794.28 818.276L1002.63 -631.662L1001.96 -631.298L1001.3 -630.935L1792.95 819.003L1793.61 818.64Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1802.22 813.719L1802.88 813.355L1011.23 -636.583L1010.57 -636.219L1009.9 -635.856L1801.55 814.082L1802.22 813.719Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1810.82 808.801L1811.48 808.437L1019.84 -641.496L1019.17 -641.132L1018.51 -640.769L1810.15 809.164L1810.82 808.801Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1819.42 803.847L1820.08 803.483L1028.44 -646.45L1027.77 -646.087L1027.11 -645.723L1818.75 804.21L1819.42 803.847Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1828.03 798.934L1828.69 798.571L1037.04 -651.367L1036.38 -651.003L1035.72 -650.639L1827.36 799.298L1828.03 798.934Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1836.65 794.006L1837.31 793.643L1045.67 -656.29L1045 -655.927L1044.34 -655.563L1835.98 794.37L1836.65 794.006Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1845.26 789.108L1845.92 788.744L1054.28 -661.189L1053.62 -660.825L1052.95 -660.462L1844.59 789.471L1845.26 789.108Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1853.86 784.158L1854.52 783.794L1062.88 -666.144L1062.21 -665.78L1061.55 -665.416L1853.2 784.521L1853.86 784.158Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1862.49 779.25L1863.15 778.886L1071.5 -671.052L1070.84 -670.688L1070.17 -670.325L1861.82 779.613L1862.49 779.25Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1871.05 774.3L1871.72 773.937L1080.07 -675.997L1079.41 -675.633L1078.74 -675.269L1870.39 774.664L1871.05 774.3Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1879.7 769.373L1880.36 769.009L1088.71 -680.928L1088.05 -680.565L1087.39 -680.201L1879.03 769.737L1879.7 769.373Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1888.32 764.465L1888.99 764.102L1097.34 -685.836L1096.68 -685.472L1096.01 -685.109L1887.66 764.829L1888.32 764.465Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1896.92 759.536L1897.58 759.173L1105.94 -690.761L1105.27 -690.397L1104.61 -690.033L1896.25 759.9L1896.92 759.536Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1905.5 754.598L1906.16 754.234L1114.52 -695.703L1113.85 -695.339L1113.19 -694.976L1904.83 754.962L1905.5 754.598Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1914.12 749.677L1914.79 749.313L1123.14 -700.625L1122.48 -700.261L1121.81 -699.897L1913.46 750.041L1914.12 749.677Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1922.72 744.767L1923.39 744.404L1131.75 -705.53L1131.08 -705.166L1130.42 -704.803L1922.06 745.131L1922.72 744.767Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1931.35 739.852L1932.02 739.488L1140.37 -710.449L1139.7 -710.086L1139.04 -709.722L1930.69 740.216L1931.35 739.852Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1939.94 734.919L1940.6 734.555L1148.96 -715.382L1148.29 -715.019L1147.63 -714.655L1939.28 735.283L1939.94 734.919Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1948.57 730.013L1949.23 729.649L1157.59 -720.284L1156.93 -719.92L1156.26 -719.557L1947.9 730.376L1948.57 730.013Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1957.16 725.047L1957.82 724.683L1166.18 -725.25L1165.51 -724.886L1164.85 -724.523L1956.49 725.41L1957.16 725.047Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1965.77 720.142L1966.43 719.778L1174.79 -730.16L1174.12 -729.796L1173.46 -729.432L1965.1 720.505L1965.77 720.142Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1974.39 715.215L1975.05 714.851L1183.41 -735.081L1182.75 -734.718L1182.08 -734.354L1973.73 715.579L1974.39 715.215Z%22 fill%3D%22%23107BA9%22%2F%3E %3C%2Fg%3E %3Cg opacity%3D%220.7%22%3E %3Cmask id%3D%22mask2_2353_2800%22 style%3D%22mask-type%3Aluminance%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%221433%22 y%3D%22109%22 width%3D%22462%22 height%3D%22374%22%3E %3Cpath d%3D%22M1760.76 477.106C1727.85 490.637 1690.23 474.67 1672.14 445.136L1671.71 444.436C1656.98 419.793 1637.92 395.801 1611.9 384.329L1611.9 384.328C1585.47 372.444 1553.51 373.799 1526.42 381.166C1490.4 390.962 1445.43 364.153 1435.66 319.925L1435.65 319.92C1418.24 244.461 1519.53 199.529 1566.02 269.388C1586.38 300.656 1615.01 325.464 1648.55 340.589C1662.21 346.749 1682.03 344.64 1699.85 337.614C1717.66 330.587 1733.67 318.565 1739.62 304.68C1754.31 270.389 1759.72 232.198 1752.22 194.467C1744.75 151.366 1769.4 121.66 1800.49 112.872C1831.35 104.153 1868.57 116.022 1887.11 155.997L1887.55 156.946C1902.82 192.608 1887.78 232.694 1857.11 247.642C1827.28 262.188 1808.02 283.022 1798.81 307.696C1789.59 332.364 1790.44 360.819 1800.71 390.578C1812.36 424.337 1795.5 463.909 1760.78 477.101L1760.76 477.106Z%22 fill%3D%22white%22 stroke%3D%22white%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask2_2353_2800)%22%3E %3Cpath d%3D%22M2491.3 699.947L2491.52 699.235L1037 260.508L1036.78 261.22L1036.57 261.933L2491.09 700.659L2491.3 699.947Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2493.72 691.301L2493.94 690.589L1039.42 251.862L1039.2 252.575L1038.99 253.287L2493.51 692.014L2493.72 691.301Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2496.18 682.672L2496.39 681.959L1041.88 243.234L1041.66 243.947L1041.45 244.659L2495.96 683.384L2496.18 682.672Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2498.61 674.037L2498.82 673.324L1044.3 234.597L1044.09 235.31L1043.87 236.022L2498.39 674.749L2498.61 674.037Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2501.04 665.422L2501.26 664.71L1046.74 225.983L1046.52 226.695L1046.31 227.408L2500.83 666.134L2501.04 665.422Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2503.46 656.772L2503.68 656.059L1049.16 217.334L1048.95 218.046L1048.73 218.759L2503.25 657.484L2503.46 656.772Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2505.87 648.132L2506.09 647.419L1051.57 208.693L1051.36 209.405L1051.14 210.118L2505.66 648.844L2505.87 648.132Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2508.32 639.497L2508.54 638.785L1054.02 200.058L1053.8 200.77L1053.59 201.483L2508.11 640.21L2508.32 639.497Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2510.75 630.847L2510.96 630.135L1056.45 191.41L1056.23 192.122L1056.02 192.834L2510.53 631.559L2510.75 630.847Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2513.18 622.218L2513.39 621.506L1058.88 182.781L1058.66 183.493L1058.45 184.205L2512.96 622.93L2513.18 622.218Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2515.59 613.578L2515.8 612.865L1061.28 174.139L1061.07 174.851L1060.85 175.563L2515.37 614.29L2515.59 613.578Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2518.01 604.961L2518.22 604.248L1063.71 165.523L1063.49 166.236L1063.28 166.948L2517.79 605.673L2518.01 604.961Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2520.45 596.309L2520.67 595.597L1066.16 156.872L1065.94 157.584L1065.72 158.297L2520.24 597.022L2520.45 596.309Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2522.88 587.687L2523.1 586.975L1068.58 148.248L1068.37 148.961L1068.15 149.673L2522.67 588.4L2522.88 587.687Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2525.33 579.059L2525.55 578.347L1071.03 139.62L1070.81 140.332L1070.6 141.045L2525.12 579.772L2525.33 579.059Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2527.75 570.4L2527.96 569.687L1073.45 130.962L1073.23 131.674L1073.02 132.387L2527.53 571.112L2527.75 570.4Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2530.19 561.791L2530.4 561.078L1075.89 122.352L1075.67 123.064L1075.46 123.777L2529.97 562.503L2530.19 561.791Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2532.6 553.142L2532.81 552.429L1078.3 113.703L1078.08 114.415L1077.87 115.128L2532.38 553.854L2532.6 553.142Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2535.02 544.5L2535.23 543.787L1080.72 105.062L1080.5 105.775L1080.29 106.487L2534.8 545.212L2535.02 544.5Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2537.46 535.862L2537.68 535.15L1083.16 96.4232L1082.95 97.1356L1082.73 97.8481L2537.25 536.575L2537.46 535.862Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2539.89 527.234L2540.1 526.522L1085.58 87.7953L1085.37 88.5077L1085.15 89.2201L2539.67 527.947L2539.89 527.234Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2542.33 518.591L2542.54 517.879L1088.03 79.1536L1087.81 79.866L1087.6 80.5784L2542.11 519.303L2542.33 518.591Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2544.75 509.958L2544.97 509.246L1090.45 70.5189L1090.23 71.2313L1090.02 71.9438L2544.54 510.67L2544.75 509.958Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2547.17 501.314L2547.39 500.602L1092.87 61.8751L1092.65 62.5876L1092.44 63.3L2546.96 502.027L2547.17 501.314Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2549.6 492.688L2549.82 491.975L1095.31 53.2503L1095.09 53.9627L1094.88 54.6751L2549.39 493.4L2549.6 492.688Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2552.04 484.054L2552.26 483.342L1097.74 44.6167L1097.53 45.3291L1097.31 46.0416L2551.83 484.767L2552.04 484.054Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2554.47 475.406L2554.68 474.693L1100.16 35.9667L1099.95 36.6791L1099.73 37.3915L2554.25 476.118L2554.47 475.406Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2556.88 466.771L2557.09 466.059L1102.58 27.334L1102.36 28.0464L1102.15 28.7588L2556.66 467.484L2556.88 466.771Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2559.33 458.15L2559.55 457.437L1105.03 18.7122L1104.82 19.4246L1104.6 20.137L2559.12 458.862L2559.33 458.15Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2561.74 449.496L2561.96 448.783L1107.44 10.0568L1107.23 10.7692L1107.01 11.4816L2561.53 450.208L2561.74 449.496Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2564.17 440.878L2564.39 440.166L1109.87 1.44066L1109.66 2.15306L1109.44 2.86547L2563.96 441.591L2564.17 440.878Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2566.59 432.216L2566.8 431.503L1112.29 -7.22175L1112.07 -6.50934L1111.86 -5.79693L2566.37 432.928L2566.59 432.216Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2569.02 423.593L2569.24 422.881L1114.72 -15.846L1114.5 -15.1336L1114.29 -14.4212L2568.81 424.305L2569.02 423.593Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2571.47 414.961L2571.68 414.249L1117.17 -24.4781L1116.95 -23.7657L1116.73 -23.0533L2571.25 415.673L2571.47 414.961Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2573.9 406.331L2574.11 405.619L1119.6 -33.106L1119.38 -32.3936L1119.17 -31.6812L2573.68 407.044L2573.9 406.331Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2576.33 397.704L2576.54 396.992L1122.02 -41.735L1121.81 -41.0226L1121.59 -40.3102L2576.11 398.416L2576.33 397.704Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2578.74 389.042L2578.95 388.329L1124.43 -50.3973L1124.22 -49.6849L1124 -48.9725L2578.52 389.754L2578.74 389.042Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2581.17 380.411L2581.39 379.698L1126.87 -59.0269L1126.66 -58.3145L1126.44 -57.6021L2580.96 381.123L2581.17 380.411Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2583.61 371.779L2583.83 371.066L1129.31 -67.6603L1129.09 -66.9478L1128.88 -66.2354L2583.4 372.491L2583.61 371.779Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2586.03 363.15L2586.25 362.438L1131.73 -76.2884L1131.51 -75.576L1131.3 -74.8636L2585.82 363.863L2586.03 363.15Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2588.46 354.513L2588.67 353.8L1134.16 -84.9248L1133.94 -84.2124L1133.73 -83.5L2588.24 355.225L2588.46 354.513Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2590.91 345.873L2591.12 345.161L1136.6 -93.5658L1136.39 -92.8534L1136.17 -92.141L2590.69 346.586L2590.91 345.873Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2593.32 337.246L2593.53 336.534L1139.01 -102.193L1138.8 -101.481L1138.58 -100.768L2593.1 337.958L2593.32 337.246Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2595.74 328.606L2595.96 327.894L1141.44 -110.831L1141.23 -110.119L1141.01 -109.406L2595.53 329.319L2595.74 328.606Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2598.18 319.967L2598.4 319.255L1143.88 -119.47L1143.67 -118.758L1143.45 -118.045L2597.97 320.68L2598.18 319.967Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2600.61 311.34L2600.83 310.627L1146.31 -128.099L1146.09 -127.387L1145.88 -126.674L2600.4 312.052L2600.61 311.34Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2603.02 302.704L2603.24 301.992L1148.72 -136.733L1148.51 -136.021L1148.29 -135.308L2602.81 303.417L2603.02 302.704Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2605.46 294.06L2605.67 293.347L1151.16 -145.378L1150.94 -144.665L1150.73 -143.953L2605.24 294.772L2605.46 294.06Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2607.9 285.417L2608.12 284.704L1153.6 -154.022L1153.38 -153.31L1153.17 -152.598L2607.68 286.129L2607.9 285.417Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2610.33 276.796L2610.54 276.083L1156.02 -162.644L1155.81 -161.931L1155.59 -161.219L2610.11 277.508L2610.33 276.796Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2612.75 268.15L2612.96 267.437L1158.45 -171.288L1158.23 -170.575L1158.02 -169.863L2612.53 268.862L2612.75 268.15Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2615.18 259.514L2615.39 258.802L1160.87 -179.925L1160.66 -179.213L1160.44 -178.5L2614.96 260.226L2615.18 259.514Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2617.61 250.881L2617.83 250.169L1163.31 -188.558L1163.1 -187.846L1162.88 -187.134L2617.4 251.593L2617.61 250.881Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2620.04 242.239L2620.26 241.527L1165.74 -197.198L1165.53 -196.486L1165.31 -195.774L2619.82 242.951L2620.04 242.239Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2622.47 233.612L2622.69 232.899L1168.17 -205.828L1167.95 -205.115L1167.74 -204.403L2622.25 234.324L2622.47 233.612Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2624.92 224.976L2625.13 224.264L1170.61 -214.463L1170.4 -213.75L1170.18 -213.038L2624.7 225.689L2624.92 224.976Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2627.33 216.335L2627.55 215.622L1173.04 -223.103L1172.82 -222.39L1172.61 -221.678L2627.12 217.047L2627.33 216.335Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2629.75 207.695L2629.96 206.983L1175.45 -231.744L1175.23 -231.032L1175.02 -230.319L2629.53 208.407L2629.75 207.695Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2632.19 199.066L2632.4 198.354L1177.88 -240.373L1177.67 -239.661L1177.45 -238.948L2631.97 199.778L2632.19 199.066Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2634.62 190.43L2634.84 189.718L1180.32 -249.007L1180.11 -248.295L1179.89 -247.582L2634.41 191.143L2634.62 190.43Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2637.03 181.779L2637.25 181.067L1182.73 -257.658L1182.52 -256.946L1182.3 -256.234L2636.81 182.491L2637.03 181.779Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2639.46 173.162L2639.68 172.45L1185.16 -266.277L1184.94 -265.564L1184.73 -264.852L2639.25 173.875L2639.46 173.162Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2641.9 164.522L2642.11 163.81L1187.6 -274.915L1187.39 -274.203L1187.17 -273.49L2641.68 165.235L2641.9 164.522Z%22 fill%3D%22%23107BA9%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E %3Cdefs%3E %3ClinearGradient id%3D%22paint0_linear_2353_2800%22 x1%3D%2260.3225%22 y1%3D%22186.085%22 x2%3D%221846.54%22 y2%3D%22301.543%22 gradientUnits%3D%22userSpaceOnUse%22%3E %3Cstop stop-color%3D%22white%22 stop-opacity%3D%220%22%2F%3E %3Cstop offset%3D%221%22 stop-color%3D%22white%22%2F%3E %3C%2FlinearGradient%3E %3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 2;
}

.nav-item__mega-menu{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    position: relative;
    z-index: 2;
}

.nav-item__mega-menu-title{
    font-weight: 300;
    color: white;
    margin-bottom: 1rem;
}

.nav-item__specialties .nav-item__mega-menu-dropdown-list{
    grid-column: 1/5;
    column-count: 4;
}

.nav-item__news-comm .nav-item__mega-menu-group1{
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.nav-item__news-comm .nav-item__mega-menu-dropdown-list{
    grid-column: 1/2;
}

.nav-item__news-comm .nav-item__mega-menu-group2{
    grid-column: 3/5;
}

.nav-item__top-cond .nav-item__mega-menu-group1{
    grid-column: 1/2;
} 

.nav-item__top-cond .nav-item__mega-menu-group2{
    grid-column: 2/5;
    /*grid-column: 1/5;*/
}

.nav-item__publications .nav-item__mega-menu-group1{
    grid-column: 1/2;
}

.nav-item__publications .nav-item__mega-menu-dropdown-list{
    grid-column: 1/2;
}

.nav-item__publications .dropdown.dropend .dropdown-menu{
    display: grid;
    width: calc(300% + 3rem);
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .9rem;
    opacity: 0;
    left: 200%;
    right: auto;
    overflow: visible;
    transition: all .5s ease-in-out;
}

/*.nav-item__publications .dropdown.dropend .dropdown-menu.show{*/
.bottom-nav .dropdown.dropend .dropdown-menu.show{
    visibility: visible;
    left: 100%;
    right: 0;
    opacity: 1;
    transition: all .5s ease-in-out;
}

.nav-item__mega-menu-dropdown-list{
    list-style: none;
    position: relative;
}

#bottomNav .nav-item__mega-menu-dropdown-list{
    padding-left: 0;
}

.bottom-nav .dropdown-item{
    width: auto;
    font-weight: 300;
    color: white;
    padding: 1.025rem .9rem;
    border-left: 1px solid var(--primary-blue-50);
    transition: all 0.2s ease-in-out;
}

.bottom-nav .dropdown-item.show{
    color: white;
    padding: 1.025rem .9rem;
    background-color: var(--primary-blue-100);
    border-left: 1px solid var(--primary-blue-50);
    transition: all 0.2s ease-in-out;
}

.bottom-nav .dropdown-item:hover {
    color: white;
    text-decoration: none;
    background-color: var(--primary-blue-70);
    border-left: 2px solid var(--primary-blue-50);
    transition: all 0.2s ease-in-out;
}

.bottom-nav .dropdown-item:focus{
    color: white;
    background-color: transparent;
}

.dropdown.dropend{
    position: initial;
}

/*
.dropend .dropdown-menu[data-bs-popper]{
    padding: 0;
    margin-left: 1.5rem;
    width: calc(100% - 1.5rem);
    background-color: transparent;
}

.dropend .dropdown-item{
    border-left: 1px solid var(--primary-blue-50);
    transition: all 0.2s ease-in-out;
}
*/

.dropdown.dropend .inner-dropdown-menu{
    visibility: hidden;
    padding: 0;
    margin-left: 1.5rem;
    width: calc(100% - 1.5rem);
    background-color: transparent;
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    transition: all 0.2s ease-in-out;
}

.dropend .dropdown-menu .dropdown-item:hover{
    background-color: rgba(23,52,64,.75);
    border-left: 2px solid var(--primary-clr-2); 
    transition: all 0.2s ease-in-out;
}

.dropend .dropdown-item.show{
    background-color: var(--primary-blue-80);
    border-left: 2px solid var(--accent-magenta-50);
    transition: all 0.2s ease-in-out;
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    color: white;
    margin-left: .255em;
    vertical-align: .255em;
    font-family: 'Material Icons';
    content: "\e5cf";
    border: none;
    line-height: 0;
    position: relative;
    top: 6px;
    opacity: 1;
    transform: rotate(-90deg) translateY(-50%);
    transition: all 0.25s ease-in-out;
}

.dropend .dropdown-toggle.show::after {
    transform: rotate(90deg);
    transition: all 0.25s ease-in-out;
}

.dropdown-item.dropdown-item-no-hover, .dropdown-item.dropdown-item-no-hover:hover{
    border-left: 0px solid var(--primary-blue-50);
    background-color: transparent;
    cursor: default;
}

.inner-dropdown-item{
    cursor: pointer;
}

.nav-item__mega-menu .card-thumb-left > a{
    display: grid;
    grid-template-columns: 2fr 3fr;
}

.nav-item__mega-menu .card-thumb-left .thumb-image{
    height: 100%;
    border-radius: .25rem 0 0 .25rem;
}

.nav-item__mega-menu .card__title{
    font-weight: 500;
    font-size: 14px;
}

.nav-item__publications .card--blue{
    justify-content: center;
    text-align: center;
}

.nav-item__publications .card--blue .card__title{
    margin-bottom: 0;
}

.nav-item__mega-menu .card--blue:hover .card__title{
    color: var(--primary-clr-2);
}

.nav-item__mega-menu .card--blue:hover{
    background-color: var(--primary-blue-100);
    transition: all 0.2s ease-in-out;
}

.nav-item__mega-menu .card--blue .card__copy p{
    font-size: .75rem;
}

.nav-item__mega-menu-dropdown-list .dropdown-item{
    white-space: wrap;
}

.letter-list{
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.letter-list__button{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    width: 50px;
    height: 50px;
    position: relative;
    bottom: 0;
    background-color: var(--primary-blue-50);
    color: white;
    border-radius: 10rem;
    text-transform: uppercase;
    font-size: 1.25rem;
    text-decoration: none;
    transition: .2s ease-in-out;
}

.letter-list__button-all{
    width: auto;
}

.letter-list__button:hover{
    bottom: 2px;
    background-color: var(--primary-blue-70);
    color: var(--primary-blue-20);
    text-decoration: none;
    box-shadow: 0px 3px 5px rgba(12,52,84,.125);
    transition: .2s ease-in-out;
}


.navbar__mobile-menu{
    display: none;
}


@media (max-width: 1100px){
    
    .specialties-menu__list {
        column-count: 3;
    }

    .nav-item__news-comm, .nav-item__top-cond {
        grid-template-columns: repeat(3, 1fr);
    }

    .nav-item__news-comm .nav-item__mega-menu-group1 {
        grid-column: 1/3;
    }

    .nav-item__news-comm .nav-item__mega-menu-group2 {
        grid-column: 3/4;
    }

    .nav-item__top-cond .nav-item__mega-menu-group2 {
        grid-column: 2/4;
        /*grid-column: 1/4;*/
    }

    .nav-item__mega-menu .card-thumb-left > a{
        display: grid;
        grid-template-columns: 1fr;
    }

    .nav-item__mega-menu .card-thumb-left .thumb-image{
        aspect-ratio: 16/9;
        border-radius: .25rem .25rem 0 0;
    }
    
    .nav-item__publications .dropdown.dropend .dropdown-menu {
        grid-template-columns: repeat(2, 1fr);
        transition: all .5s ease-in-out;
    }
}

@media (max-width: 900px) {
/*@media (max-width: 815px){*/
    .d-mobile{
        display: block;
    }

    .top-nav {
        position: sticky;
        top: 0;
    }

    .scrolled .top-nav__logo {
        padding: 1.5rem 0;
        transition: .2s ease-in-out;
    }

    .scrolled .top-nav__logo img {
        height: 25px;
        transition: .2s ease-in-out;
    }

    .specialties-home-link, .specialties-menu-toggle{
        position: absolute;
        opacity: 0;
        top: -50px;
        width: 0px;
        transition: 0s ease-in-out;
    }

    .top-nav__right{
        position: absolute;
        opacity: 0;
        bottom: 100%;
        transition: 0s ease-in-out;
    }

    .specialties-menu {
        display: none;
        transition: .2s ease-in-out;
    }

    nav{
        position: relative;
        z-index: 1260;
        background: white;
    }

    .bottom-nav__logo{
        display: none;
        transition: .2s ease-in-out;
    }

    .bottom-nav .navbar-toggler{
        display: flex;
        flex-direction: column;
        padding: 14px var(--bs-gutter-x,.75rem);
        margin: 23.5px .5rem;
        gap: .25rem;
        border: 0;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1260;
        opacity: 1;
        transition: all 0.4s ease-in-out, bottom 0.4s ease-in-out;
        background: initial;
    }

    .scrolled .bottom-nav .navbar-toggler{
        margin: 13px .5rem;
        transition: all 0.4s ease-in-out, bottom 0.4s ease-in-out;
    }

    .bottom-nav .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: flex-end;
        width: 100%;
        height: calc(100vh - 95px);
        position: fixed;
        left: 100%;
        z-index: 1000;
        transition: all .4s ease-in-out;      
    }

    .bottom-nav .navbar-expand-md .navbar-collapse.show {
        left: 0;
        transition: all .2s ease-in-out;      
    }

    .scrolled .bottom-nav .navbar-expand-md .navbar-collapse {
        height: 100svh;
        top: 0;
        transition: all .2s ease-in-out;
    }

    .bottom-nav .navbar-expand-md .navbar-nav .dropdown-menu {
        position: relative;
        top: 0;
        border-radius: .25rem 0 .25rem .25rem;
    }

    .bottom-nav .collapse:not(.show) {
        display: none !important;
    }

    .bottom-nav .navbar-wrapper{
        display: grid;
        grid-template-rows: 1fr auto;
        align-content: flex-start;
        background-color: white;
        width: 100%;
        height: 100%;
        max-width: 400px;
        padding: 1.5rem 2rem;
        overflow-y: scroll;
        border-left: 1px solid var(--secondary-gray-20);
        transition: all 0.1s ease-in-out;
    }
    
    .bottom-nav .navbar-nav {
        position: relative;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: flex-start;
/*        overflow: auto;*/
        transition: all 0.1s ease-in-out;
    }

    .bottom-nav .navbar .nav-link {
        background-color: white;
        color: var(--dark);
        text-align: left;
    }

    .bottom-nav .nav-link:hover {
        color: var(--primary-blue-60);
        background-color: var(--secondary-gray-10);
        transition: .25s ease-in-out;
    }

    .bottom-nav .navbar .nav-link.show {
        color: var(--primary-blue-60);
        background-color: var(--secondary-gray-10);
        background-size: 0% 2px;
        border-radius: .25rem .25rem 0 0;
        transition: .25s ease-in-out;
    }

    .bottom-nav .nav-item-specialties-home, .bottom-nav .dropdown__specialties {
        background-color: white;
        position: relative;
        top: 0;
        bottom: auto;
        margin-bottom: 2rem;
        transition: all 0s ease-in-out;
    }
    
    .bottom-nav .nav-item-specialties-home, .scrolled .bottom-nav .nav-item-specialties-home{
        position: absolute;
        z-index: 2;
        width: 85%;
    }
    
    .bottom-nav .dropdown__specialties {
        z-index: 1;
        text-align: right;
    }

    .bottom-nav .nav-item-specialties-home .nav-link, .bottom-nav .dropdown__specialties .nav-link {
        position: relative;
        opacity: 1;
        top: 0;
        bottom: auto;
        background-color: white;
        height: 60px;
        transition: all 0s ease-in-out;
    }
    
    .bottom-nav .nav-item-specialties-home .nav-link{
        font-size: 1.4rem;
        font-weight: 600;
    }
    
    .bottom-nav .dropdown__specialties .nav-link{
        width: 15%;
        display: inline-block;
/*        height: 60px;*/
        padding: 0;
    }
    
    .bottom-nav .nav-item-specialties-home .nav-link:hover, .bottom-nav .dropdown__specialties .nav-link:hover {
        background-color: transparent;
        /* color: var(--primary-clr-1); */
        transition: all .2s ease-in-out;
    }
    
    .bottom-nav .dropdown__specialties .nav-link:hover::after, .bottom-nav .dropdown__specialties .dropdown-toggle.show::after {
        color: var(--primary-blue-60);
        background-color: var(--secondary-gray-10);
    }
    
    .bottom-nav .dropdown__specialties .nav-link.show:hover {
        background-color: var(--secondary-gray-10);
    }

    .bottom-nav .dropdown__specialties .dropdown-toggle::after {
        font-size: 1rem;
        top: 45%;
        transform: translate(-50%, -50%);
        left: 50%;
        background-color: var(--secondary-gray-10);
    }
    
    .bottom-nav .dropdown__specialties .dropdown-toggle.show::after {
        transform: translate(-50%, -50%) rotate(180deg);
    }

/*
    .bottom-nav .dropdown__specialties .nav-link.show:hover {
        color: white;
        transition: all .2s ease-in-out;
    }
*/

    .bottom-nav .dropdown-menu {
        position: relative;
        padding: 0;
        background-color: var(--secondary-gray-10);
    }

    .nav-item__news-comm, .nav-item__top-cond, .nav-item__publications {
        grid-template-columns: repeat(2, 1fr);
    }

    .nav-item__news-comm .nav-item__mega-menu-group1, .nav-item__news-comm .nav-item__mega-menu-group2, .nav-item__news-comm .nav-item__mega-menu-dropdown-list,.nav-item__top-cond .nav-item__mega-menu-group1, .nav-item__publications .nav-item__mega-menu-group1 {
        grid-column: 1/3;
    }
    
    .nav-item__specialties .nav-item__mega-menu-dropdown-list {
        column-count: 1;
    }
    
    .dropdown-item-no-hover{
        display: none;
    }

    .bottom-nav .dropdown-item {
        color: var(--dark);
        border-left: 0px solid var(--primary-blue-50);
        transition: all 0.2s ease-in-out;
    }

    .nav-item__top-cond .dropdown-item .d-mobile{

    }

    .bottom-nav .dropdown.dropend .dropdown-menu {
/*        position: absolute;*/
        position: relative;
        left: 0;
        margin: 0;
        width: 100%;
        height: 0;
    }
    
    .bottom-nav .dropdown.dropend .dropdown-menu.show {
        height: auto;
        left: 0;
    }
    
    .nav-item__publications .dropdown.dropend .dropdown-menu.show {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: .9rem;
        padding-bottom: .5rem;
    }

    .bottom-nav .nav-item > .dropdown-menu::before, .bottom-nav .nav-item > .dropdown-menu::after {
        display: none;
    }

    .nav-item__top-cond .nav-item__mega-menu-group2, .nav-item__news-comm .nav-item__mega-menu-group2 {
        display: none;
    }

    .nav-item__mega-menu-title {
        color: var(--dark);
    }
    
    .nav-item__top-cond .nav-item__mega-menu-title {
        font-size: .8rem;
        padding: .5rem 0 .25rem 0;
        margin: 0 .9rem 0rem .9rem;
        border-bottom: 1px solid var(--secondary-gray-30);
        color: var(--secondary-gray-60);
    }
    
    .nav-item__top-cond .view-all{
        padding: 1.025rem 0;
        border-top: 1px solid var(--secondary-gray-30);
        margin: 0 .9rem 0rem .9rem;
    }
/*
    .dropend .dropdown-menu[data-bs-popper] {
        width: 100%;
    }
*/

    .dropdown-toggle:hover::after, .dropdown-toggle::after, .dropdown-toggle.show::after, .dropend .dropdown-toggle::after {
        color: var(--text-secondary);
        transition: all 0.25s ease-in-out;
    }
    .dropend .dropdown-toggle::after {
        transform: rotate(0deg);
    }

    .dropend .dropdown-toggle.show::after {
        transform: rotate(180deg);
    }

    .dropend .dropdown-menu .dropdown-item {
        font-size: .875rem;
        color: var(--dark);
        border-left: 0px;
        padding: 1rem 1rem 1rem 1.8rem;
        transition: all 0.2s ease-in-out;
    }

    .dropend .dropdown-item.show,  .dropend .dropdown-item.show:focus {
        color: var(--primary-clr-1);
        background-color: transparent;
        border-left: 0px solid var(--accent-magenta-50);
        transition: all 0.2s ease-in-out;
    }

    .bottom-nav .dropdown-item:hover {
        color: var(--primary-clr-1);
        text-decoration: none;
        background-color: transparent;
        border-left: 2px solid var(--primary-blue-50);
        transition: all 0.2s ease-in-out;
    }
    
    .bottom-nav .dropdown-item:focus {
        color: var(--dark);
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu-dropdown-list .dropdown:first-child .inner-dropdown-item{
/*        padding-top: 0;*/
    }
    
    .dropdown .dropdown-item{
/*        border-bottom: 1px solid var(--secondary-gray-40);*/
    }

    .dropend .dropdown-menu .dropdown-item:hover {
/*        color: var(--primary-clr-1);*/
        background-color: transparent;
        border-left: 0px solid var(--primary-clr-2);
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu .card--blue {
        color: var(--dark);
        background-color: var(--secondary-gray-10);
        text-align: left;
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu .card--blue:hover{
        color: var(--primary-clr-1);
        background-color: var(--secondary-gray-10);
        bottom: 0;
        box-shadow: 0 0 0 0 transparent;
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu .card--blue:hover a {
        color: var(--primary-clr-1);
    }
    
    .nav-item__mega-menu .card__body {
        padding: .5rem 1rem .5rem 1.8rem;
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu .card--blue .card__title {
        font-size: .875rem;
        color: var(--dark);
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu .card--blue .card__title:hover {
        color: var(--primary-clr-1);
        transition: all 0.2s ease-in-out;
    }
    
    .navbar__mobile-menu{
        display: block;
    }
    
    .sideSearch{
        margin: 0 .9rem;
        padding: 2rem 0 2.5rem 0;
    }

    .sideSearch form{
        position: relative;
    }

    #searchModal .form-control {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(0,0,0,0.125);
        border-radius: 0;
        padding: .375rem 20px .375rem 0;
        color: rgba(0,0,0,1);
    }

    #searchModal .form-control::placeholder {
        color: rgba(0,0,0,1);
        opacity: 0.35;
    }

    #searchModal .form-control:focus {
        background-color: transparent;
        box-shadow: none;
        border-bottom: 1px solid rgba(0,0,0,1);
        color: rgba(0,0,0,1);
    }



    form svg path{
        transition: .2s ease-in-out;
    }

    form svg:hover path{
        fill: var(--pv-clr);
        transition: .2s ease-in-out;
    }
    
    .navbar__mobile-acct-menu{
        margin: 0 .9rem;
        padding: .25rem .9rem;
        background-color: var(--secondary-gray-10);
        border-radius: .25rem;
    }
    
    .navbar__mobile-acct-menu-item{
        display: block;
        color: var(--dark);
        padding: 1.025rem 0;
    }
    
    .navbar__mobile-acct-menu-item:hover{
        color: var(--primary-clr-1);
        text-decoration: none;
    }
}

@media (max-width: 700px){
    .nav-item__news-comm {
        grid-template-columns: repeat(2, 1fr);
    }

    .nav-item__news-comm .nav-item__mega-menu-group1, .nav-item__news-comm .nav-item__mega-menu-group2 {
        grid-column: 1/3;
    }
/*
    .nav-item__mega-menu .card-thumb-left > a {
        grid-template-columns: 2fr 3fr;
    }
*/
}

@media (max-width: 525px){
    .bottom-nav .navbar-nav {
        max-width: 100%;
        transition: all 0.2s ease-in-out;
    }

    .dropend .dropdown-toggle::after {
        transform: rotate(0deg);
    }

    .dropend .dropdown-toggle.show::after {
        transform: rotate(180deg);
    }

/*
    .bottom-nav .dropdown.dropend .dropdown-menu {
        position: relative;
        left: 0;
        margin: 0;
    }
*/

    .dropend .dropdown-menu .dropdown-item {
        border-left: 0px;
        transition: all 0.2s ease-in-out;
    }

    .nav-item__news-comm .nav-item__mega-menu-dropdown-list {
        grid-column: 1/3;
    }



    .nav-item__mega-menu .card-thumb-left > a {
        grid-template-columns: 1fr;
    }
}


@media (min-width: 900px) {
/*@media (min-width: 816px) {*/
    .bottom-nav .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

     .bottom-nav .navbar-expand-md .navbar-toggler {
         display: flex;
         position: fixed;
         top: -50px;
         opacity: 0;
         transition: all .2s ease-in-out;
    }
}



/* Search Popup Styles */

#searchModal{
    z-index: 1300;
}

#searchModal .btn-close{
    opacity: 1;
    padding: 5px;
    width: auto;
    height: auto;
    background: transparent;
    background-color: white;
    border-radius: 5rem;
}

#searchModal .btn-close span{
    color: var(--dark);
    opacity: 1;
    font-size: 17px;
    font-weight: bold;
    transition: .2s ease-in-out;
}

#searchModal .btn-close:hover {
    background-color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

.modal-backdrop{
    background: linear-gradient(180deg, rgba(2, 10, 16,.9) 10%, rgba(2, 10, 16,.6) 100%);
    z-index: 1290 !important;
}

 .modal-backdrop.show{
    opacity: 1;
}

#searchModal .modal-content{
    background-color: transparent;
    border: 0px solid transparent;
}

#searchModal .modal-body{
    column-gap: 1.5rem;
}

#searchModal form{
    position: relative;
    width: 100%;
    margin-bottom: 0;
}

#searchModal .form-control::placeholder {
    color: white;
    opacity: .5;
}

#searchModal .form-control {
    padding: .375rem 0;
    color: white;
    background-color: transparent;
    border: 0px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
    border-radius: 0;
    transition: .2s ease-in-out;
}

#searchModal .form-control:active, #searchModal .form-control:focus-within {
    border-bottom: 1px solid var(--primary-clr-2);
    color: rgb(255, 255, 255);
    transition: .2s ease-in-out;
}

#searchModal .form-control:focus {
  color: white;
  background-color: transparent;
  border-color: var(--primary-clr-2);
  outline: 0;
  box-shadow: 0 0 0 0 transparent;
}

#searchModal form svg {
    position: absolute;
    right: 0;
    top: 8px;
    height: 18px;
}

#searchModal form svg path{
    fill: white;
    transition: .2s ease-in-out;
}

#searchModal form svg:hover path{
    fill: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

@media (min-width: 576px) {
    #searchModal .modal-dialog {
        max-width: 600px;
    }
}









/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Footer Styles --*/
/*-- Footer Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

footer {
    margin-top: auto;
    background: var(--background-primary);
    padding: 5rem 2rem;
    font-size: var(--mds-fs-3);
    color: var(--Dark);
}

footer ul li a:hover {
    color: var(--primary-blue-60);
    text-decoration: none;
    transition: .2s ease-in-out;
}

.footer__main, .footer-grid {
    display: grid;
    grid-template-columns: 350px 1fr;
    grid-column-gap: 2.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid var(--border-regular);
}

.footer__logo, .footer-logo{
    width: 100%;
}

.footer__logo-image, .pv-logo-footer{
    width: 100%;
    max-width: 250px;
}

.footer__lists{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    grid-column-gap: 2.5rem;
}

.footer-nav{
    padding-left: 1.5rem;
    border-left: 1px solid var(--border-regular);
    margin-bottom: 2rem;
}

 .footer__title, .footer-grid h3, .footer h3, .all-footer-logos-section h3 {
    color: var(--text-secondary);
    text-transform: inherit;
    font-size: var(--mds-fs-4);
    letter-spacing: .05rem;
    margin-bottom: 1.25rem;
    font-weight: var(--mds-fw-bold);

}

.footer-nav-list {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.footer-nav-list li {
    line-height: 1.2;
    margin-bottom: .75rem;
}

.footer-nav-list li:last-of-type {
    margin-bottom: 0;
}

.footer-nav-list li a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: .2s ease-in-out;
}

.all-footer-logos-section{
    margin-bottom: 1.5rem;
    padding: 1rem 0 2rem 0;
    border-bottom: 1px solid #808080;
}

.all-footer-logos-section .footer__title {
    text-align: center;
    margin-bottom: 2rem;
}

.all-footer-logos{
    display: flex;
    flex-wrap: wrap;
    column-gap: 4.5rem;
    row-gap: 1.5rem;
    justify-content: center;
    align-items: center;
}

.pub-logo-footer{
    width: 140px;
}

footer .terms-copyright-grid {
    color: var(--text-secondary);
}

.terms-privacy-links ul{
    list-style: none;
    padding: 0;
    text-align: center;
}

.terms-privacy-links ul li{
    display: inline-block;
    padding-right: .5rem;
    margin-right: .25rem;
    border-right: 1px solid var(--secondary-gray-50);
    line-height: 1
}

.terms-privacy-links ul li:last-child{
    border-right: none;
}

.terms-privacy-links li{
    line-height: 1.2;
}

footer .terms-privacy-links a{
    color: var(--text-secondary);
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease-in-out;
}

footer .terms-privacy-links a:hover{
    color: var(--primary-blue-60) !important;
    transition: .2s ease-in-out;
}

.copyright-text {
    text-align: center;
}

.copyright-text p {
    margin-bottom: 0;
}

@media (max-width: 900px) {
     .footer__main, .footer-grid {
        grid-template-columns: 1fr;
        grid-column-gap: 1.5rem;

      }

    .footer__logo, .footer-logo {
        grid-column: 1/2;
        margin-bottom: 4rem;
/*            order: 1;*/
    }
}

@media (max-width: 468px) {
    .footer__main, .footer-grid {
        grid-template-columns: 1fr;
      }

    .footer__logo, .footer-logo {
        grid-column: 1/2;
    }

    .footer-nav{
        padding-top: 1.5rem;
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid var(--dark-50);
        margin-bottom: 1.75rem;
    }
    
    .pub-logo-footer{
        width: 120px;
    }
}











/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Homepage Styles --*/
/*-- Homepage Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */ 

.home-top-background{
    position: absolute; 
    top: 0; 
    width: 100%; 
    height: 440px; 
    background: var(--primary-blue-100);
    background: linear-gradient(86deg, var(--secondary-purple-70) 0%, var(--primary-blue-60) 52%, var(--primary-blue-50) 84%, var(--primary-blue-40) 100%);
    z-index: 0;
}

/*
.home-top-background::after{
    content: '';
    position: absolute; 
    top: 0; 
    width: 100%; 
    height: 440px; 
    background: linear-gradient(0deg, rgba(246,246,247,1) 50%, rgba(246,246,247,0) 100%);
    z-index: 0;
}
*/


/* All Specialties Home - Specialty Selector */

.specialty-selections h2.section-title{
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 1.125rem;
    color: white;
}

.specialties-mobile-menu-toggle {
    display: none;
}

.specialty-selections{
    position: relative;
    z-index: 20;
}

/*
.specialty-selections__flex{
    display: flex;
    justify-content: center;
}
*/

.specialty-selections__list{
    display: flex;
    column-gap: .5rem;
    justify-content: center;
    align-items: center;
    margin-top: .25rem;
}

.specialty-selections--specialty-home .specialty-selections__list {
    display: none;
}

.specialtiesList{
    position: relative; 
    padding: 0px 35px; 
    /*width: 95%; */
    width: 100%; 
    min-width: 1px;
    max-width:1300px; 
    /*float:left;*/
}

.specialtiesList .left, .specialtiesList .right{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 48.5%;
    transform: translateY(-50%);
    padding: 0;
}

.specialtiesList .left{
    left: 5px;
}

.specialtiesList .right{
    right: 5px;
}

.specialtiesList .left svg, .specialtiesList .right svg{
    width: 24px;
    height: 24px;
}

.ttwrapper{
    padding:9px 0;
}

.specialtiesList .scroll-nav {
    position: relative;
    width: 100%;
    /*width: calc(100% - 80px);*/
    /*margin: 0 40px;*/
    /*width: calc(95% - 80px);*/
    margin: 0 auto;
    padding: 10px 0px;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-color: rgba(255,255,255,0.75) transparent;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}


.specialtiesList .scroll-nav::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    border-radius: 1rem;
    background-color: transparent; /* or add it to the track */
}

.specialtiesList .scroll-nav::-webkit-scrollbar-thumb { 
    width: 5px;
    height: 8px;
    border-radius: 1rem;
    background-color: rgba(255,255,255,0.75);
}

.specialtiesList .scroll-nav::-webkit-scrollbar-track {
  background-color: transparent;
}

.specialties {
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background-color: var(--primary-clr-1);
    color: white;
    padding: .25rem .75rem;
    border-radius: .35rem;
    text-decoration: none;
    line-height: 1.1;
    white-space: nowrap;
    transition: .2s ease-in-out;
    gap: .5rem;
    margin:0 5px
}

.specialties:hover{
    background-color:#A6CE3C; 
    color:#222D33; 
    transition: .2s ease-in-out; 
    text-decoration:none;
}

.specialtiesList button {
    background-color: transparent; 
    border: none; 
    outline: none; 
    cursor: pointer; 
    font-size: 25px;
}

.specialtiesList button path {
    fill: white;
    transition: .2s ease-in-out;
}

.specialtiesList button:hover path {
    fill: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

.specialtiesList button[disabled] {
    display:none;
}

@media (max-width: 900px) {
    .specialty-selections--specialty-home .specialties-mobile-menu-toggle {
        display: flex;
        align-items: flex-end;
        position: relative;
        opacity: 1;
        bottom: 0;
        margin: 0 auto;
        padding: 1.15rem .75rem;
        font-weight: 300;
        background-color: transparent;
        border: transparent;
        font-size: 1.25rem;
        color: white;
        font-weight: 600;
        line-height: 0.7;
        transition: all 0.4s ease-in-out, bottom 0.5s ease-in-out;
    }

    .specialties-mobile-menu-toggle:hover, .specialties-menu-toggle.show {
        color: var(--secondary-gray-50);
        transition: all 0.2s ease-in-out;
    }

    .specialties-mobile-menu-toggle.show::after {
        transform: rotate(-180deg);
        transition: all 0.25s ease-in-out;
    }
    
    .specialties-mobile-menu-toggle.dropdown-toggle::after {
        top: auto;
        bottom: 7px;
    }
    
    .specialty-selections--specialty-home .specialty-selections__list {
        display: flex;
    }
    
    .specialty-selections--specialty-home h2.section-title {
        display: none;
    }
    
    .specialty-selections--specialty-home .specialty-selections__list{
        display: none;
    }
    
    .specialty-selections--specialty-home .specialty-selections__list.show{
        display: flex;
    }  
}

@media (max-width: 815px) {
    .specialty-selections--all-home .specialties-mobile-menu-toggle{
        display: none;
    }
    
    .specialty-selections--all-home h2.section-title {
        display: flex;
        justify-content: center;
        padding: 0;
    }
    
    .specialty-selections--all-home .specialty-selections__list{
        display: grid;
        justify-items: center;
    }
    
    .specialtiesList .left{
        left: 0px;
    }
    
    .specialtiesList .right{
        right: 0px;
    }
}

@media (max-width: 670px) {
    .specialty-selections{
        padding-bottom: 1rem;
    }
}


/* NEW - All Specialties Home - Specialty Selector */
/* Consolidate and delete old CSS above once new Nav goes live */
/* Consolidate and delete old CSS above once new Nav goes live */
/* Consolidate and delete old CSS above once new Nav goes live */
#specialtiesNavHome{
    background: transparent;
    position: relative;
    z-index: 1100;
}

#specialtiesNavHome .navbar-wrapper{
    width: 100%;
    padding: .5rem 0;  
}

#specialtiesNavHome .navbar-nav{
    width:100%;
    list-style: none;
    align-content: center;
    gap: 1rem;
}

#specialtiesNavHome .navbar-nav > li {
    flex: 1 1 max-content;
    display: inline-flex;
    align-self: center;
    margin: 0;
    padding: 0;
    background:transparent;
    color: #fff;
}

#specialtiesNavHome.specialty-home{display:none;}

#specialtiesNavHome .navbar-nav .navLeader {
    flex: 0 1 max-content;
    padding: .25rem .75rem .25rem 0;
    font-weight: 600;
    z-index: 3;
}

.navLeader__browse-by{
    display: inline;
}

.dropdown__specialty-name-mobile{
    display: none;
    font-weight: 600;
    font-size: 1.25rem;
}

#specialtiesNavHome .specialties > a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 30px;
    padding: .25rem .75rem; 
    text-decoration: none; 
    color:#ffffff;
    border-radius: .25rem;
}

#specialtiesNavHome .specialties > a:hover{
    background-color:var(--primary-blue-100);
}
#specialtiesNavHome .specialties > a:active, #specialtiesNavHome .specialties > a:focus{
    border:none;
}

#specialtiesNavHome .specialties .dropdown-toggle{
    z-index: 3;
}

#specialtiesNavHome .specialties .dropdown-toggle::after {
    top: auto;
}

#specialtiesNavHome .specialties .dropdown-toggle.show{
    background-color:var(--primary-blue-100);
}

#specialtiesNavHome .navbar .navbar-nav .dropdown-menu{
    position: absolute;
    top: -1rem;
    bottom: auto;
    z-index: 2;
    padding: 6.5rem 2rem 4.5rem 2rem;
    background-color: var(--primary-blue-80);
    border-top: 1px solid var(--primary-blue-70);
    border-bottom: 1px solid var(--primary-blue-70);
}

#specialtiesNavHome .specialties .dropdown-menu::after {
    background-image: linear-gradient(145deg, var(--primary-blue-60) 35%, rgba(18, 99, 134, 0.75) 75%, rgba(18, 99, 134, 0) 100%);
    z-index: 2;
}

#specialtiesNavHome .nav-item__mega-menu-dropdown-list{
    column-count:4; 
    z-index: 3;
}

@media (max-width: 1250px) {#specialtiesNavHome .navbar-nav > li:nth-of-type(7){display:none;}}
@media (max-width: 1100px) {#specialtiesNavHome .navbar-nav > li:nth-of-type(6){display:none;}}
@media (max-width: 960px) {#specialtiesNavHome .navbar-nav > li:nth-of-type(5){display:none;}}

@media (max-width: 900px) {
    #specialtiesNavHome .collapse:not(.show) {
        display: flex !important;
        height: auto;
        position: static;
        justify-content: center;
        flex-basis: initial;
    }

    #specialtiesNavHome .navbar-wrapper {
        width: auto;
        background-color: transparent;
        border: 0;
        max-width: 100%;
        display: flex;
        overflow-y: visible;
    }

    #specialtiesNavHome .navbar-nav {
        flex-direction: row;
        justify-content: center;
        gap: .5rem;
        position: inherit;
    }

    #specialtiesNavHome .navbar-nav > li:nth-of-type(4), #specialtiesNavHome .navbar-nav > li:nth-of-type(3), #specialtiesNavHome .navbar-nav > li:nth-of-type(2){display:none;}

    #specialtiesNavHome.specialty-home{display:block;}

    #specialtiesNavHome .navLeader {
        font-size: 1.25rem;
    }

    .navLeader__browse-by, .dropdown__view-all{
        display: none;
    }

    .dropdown__specialty-name-mobile{
        display: inline;
    }

    #specialtiesNavHome .specialties > a:hover {
        background-color: transparent;
    }

    #specialtiesNavHome .specialties .dropdown-toggle {
        background-color: transparent;
        gap: .5rem;
    }

    #specialtiesNavHome .specialties .dropdown-toggle.show {
        background-color: transparent;
    }


    #specialtiesNavHome .specialties > .dropdown-toggle:hover{
        color: var(--secondary-gray-50);
        transition: all 0.2s ease-in-out;
    }

    #specialtiesNavHome .specialties > .dropdown-toggle::after{
        padding: .9rem .437rem;
        background-color: rgba(23,52,64,.75);
        border-radius: .25rem;
        display: inline-flex;
        justify-content: center;
    }

    #specialtiesNavHome .specialties > .dropdown-toggle:hover::after {
        background-color: var(--primary-blue-100);
    }

    #specialtiesNavHome .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
        border-radius: 0;
    }

    #specialtiesNavHome .nav-item__mega-menu-dropdown-list {
        column-count: 3;
    }

    #specialtiesNavHome .bottom-nav .dropdown-item {
        width: auto;
        font-weight: 300;
        color: white;
        padding: 1.025rem .9rem;
        border-left: 1px solid var(--primary-blue-50);
    }

    #specialtiesNavHome .bottom-nav .dropdown-item:hover {
        color: white;
        text-decoration: none;
        background-color: rgba(23,52,64,.75);
        border-left: 2px solid var(--primary-clr-2);
        transition: all 0.2s ease-in-out;
    }
}
@media (max-width: 768px) {
    #specialtiesNavHome .nav-item__mega-menu-dropdown-list {
        column-count: 2;
    }
}
    
    
    
    


#top-news-content{
    background-color: var(--bg-clr);
    margin-bottom: 4rem;
}

@media (max-width: 670px){
    #top-news-content, #top-news-content > .container-fluid{
        padding-left: 0;
        padding-right: 0;
    }
}

/* Hero Section Styles */

.hero-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.hero-featured{
    grid-column: 1/3;
    overflow: hidden;
    width: 100%;
    align-self: stretch;
    position: relative;
}

.hero-featured .thumb-image img{
    aspect-ratio: 5 / 3;
}

.hero-featured-copy-side{
    margin-bottom: 1.5rem;
    border: 1px solid var(--secondary-clr-1-50);
    height: 500px;
}

.hero-grid .card__text-overlay .thumb-image {
    height: auto;
}

.hero-featured, .hero-secondary-card{
    background-color: var(--dark);
}

.hero-featured img, .hero-secondary-card img{
    background-color: white;
}


.hero-right{
    display: grid;
    grid-column: 3/4;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1.5rem;
}

.hero-secondary-card{
    overflow: hidden;
    width: 100%;
    min-height: 225px;
}

.hero-bottom{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:1.5rem;
    margin-bottom: 4rem;
}

/*
.hero-bottom-card{
    width: 100%;
    background-color: white;
    border: 1px solid var(--secondary-clr-1-50);
}
*/

.latest-news{
    padding-left: 0;
    padding-right: 0;
}

.latest-news .section-title{
    margin-bottom: 0;
    padding-bottom: 0;
}
    
.latest-news-items{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.5rem;
}

.latest-news-items article{
    display: grid;
}

.latest-news-items .list-thumb{
    border: 1px solid var(--secondary-clr-2-50);
}


@media (max-width: 1100px){
    #top-news-content .sticky-top{
        position: relative;
    }
}

@media (max-width: 900px){
    .hero-featured{
        grid-column: 1/4;
        min-height: 425px; 
    }

    .hero-right{
        display: grid;
        grid-column: 1/4;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 1rem;
    }

    .hero-secondary-card{ 
        min-height: 250px;
    }

    .hero-bottom{
        grid-template-columns: 1fr;
    }

    .card.hero-bottom-card > a{
        display: grid;
        grid-template-columns: auto 1fr;
    }

    .card.hero-bottom-card .thumb-image {
        width: 280px;
        height: 100%;
        border-radius: 0.25rem 0 0 0.25rem;
    }

    .card.hero-bottom-card .thumb-image img {
      aspect-ratio: 5 / 3;
    }
}

@media (max-width: 750px){
    .latest-news-items{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 670px){
    #top-news-content .grid-content-sidebar{
        padding-top: 0 !important;
    }

    .card__text-overlay.hero-featured{
        border-left: 0px;
        border-right: 0px;
        border-radius: 0;
    }
    
    .card__text-overlay.hero-featured .thumb-image{
        border-radius: 0;
    }

    .hero-right, .hero-bottom, .trending-list, .sidebar-container, .recent-news-list, .latest-news{
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
    }
}

@media (max-width: 550px){
    .hero-grid{
        grid-row-gap: 1rem;
        margin-bottom: 1rem;
    }
    
    .hero-secondary-card{ 
        grid-column: 1/3;
        min-height: 225px;
    }
    
    .hero-bottom{
        grid-row-gap: 1rem;
    }

    .card.hero-bottom-card > a{
        display: grid;
        grid-template-columns: 1fr;
    }  

    .card.hero-bottom-card .thumb-image {
        display: none;
    }
}





/* Trending Section Styles */

.trending-section{
    margin: 4rem auto;
}

.trending-section__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
}

.trending-section__list .card > a{
    height: 100%;
}

.trending-section__list .card__body{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1rem;
    align-items: center;
    height: 100%;
}

/*
.trending-section__list .card a{
    text-decoration: none;
}
*/

.trending-section__number{
    font-size: 3rem; 
    color: var(--primary-blue-60);
    margin-bottom: 0;
}

.trending-section__number:hover{
    color: var(--primary-clr-2);
}

.trending-section__list .card__title:hover{
    color: var(--primary-clr-1);
    transition: .2s ease-in-out;
}

@media (max-width: 900px){
    .trending-section__list{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px){
    .trending-section__list{
        grid-template-columns: 1fr;
    }

    .trending-section__list article:last-child{
        margin: 0 0 0 0;
    }
}

/* Sponsored Content/Featured Supplement Styles */

#sponsored-content, #feat-supp-section{
/*    background-color: #1A1A1A;*/
    padding: 3rem 0;
    border-top: 1px solid var(--secondary-clr-1-25);
    border-bottom: 1px solid var(--secondary-clr-1-25);
}


/* Spon Con Phase 1 Code : START */
.sponsored-items-container, .sponsored-content__items-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
}

/*
.text-top-card.sponsored-item{
    border: 1px solid #333333;
    overflow: hidden;
    width: 100%;
    align-self: stretch;
    position: relative;
    min-height: 250px;
}
*/

.sponsored-item .thumb-image{
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.sponsored-item .thumb-image img{
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    aspect-ratio: 5 / 3;
}

.sponsored-item .card-copy{
    position: absolute;
    bottom: 0;
    padding: 6.5rem 1rem 1rem 1rem;
    width: 100%;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 23%, rgba(0,0,0,0.7) 36%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%)
}

.sponsored-item .card-copy h3{
    margin-bottom: 0;
}

@media (max-width: 900px){
    .sponsored-items-container{
        grid-template-columns: 1fr 1fr;
    }
    
    .sponsored-item:nth-last-child(1):nth-child(2n+1){
        grid-column: 1 / span 1;
    }
}

@media (max-width: 650px){
    .sponsored-items-container{
        grid-template-columns: 1fr;
    }
}
/* Spon Con Phase 1 Code : END */

/* Spon Con Phase 2 Code : START */
.sponsored-content{
    padding: 4rem 0;
    border-top: 1px solid var(--secondary-clr-1-25);
    border-bottom: 1px solid var(--secondary-clr-1-25);
}

.sponsored-content__items-list{
    display: grid;
    grid-gap: 1.5rem;
}

.sponsored-content__items-list--one{
    grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
}

.sponsored-content__items-list--over-one{
    grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
}

.sponsored-content__items-list article{
/*    min-width: 375px;*/
    max-height: 320px;
    background-color: var(--dark);
}

.sponsored-content__items-list--one .card__text-overlay .card__image-link {
    display: flex;
    justify-content: flex-end;
}

/*
.sponsored-content__items-list--one .card__text-overlay > .card__image-link::after {
    background: linear-gradient(90deg, rgb(34, 45, 51) 25%, rgba(34, 45, 51, 0.81) 45%, rgba(34, 45, 51,0.7)60%, rgba(34, 45, 51,0.1) 80%, rgba(34, 45, 51,0) 100%);
    transition-delay: 100ms;
}
*/

/*
.sponsored-content__items-list--one .card__text-overlay > .card__image-link::after {
    background: linear-gradient(90deg, rgb(34, 45, 51) 0%, rgba(34, 45, 51, 0.81) 25%, rgba(34, 45, 51,0.7) 40%, rgba(34, 45, 51,0.1) 85%, rgba(34, 45, 51,0) 100%);
    transition-delay: 100ms;
}
*/

.sponsored-content__items-list--one .card__text-overlay:hover .card__image-link::after {

}

.sponsored-content__items-list--one .card__text-overlay .thumb-image {
    width: auto;
}

.sponsored-content__items-list--one .card__text-overlay .thumb-image img{
/*    width: 75%;*/
    width: auto;
}

/*
.sponsored-content__items-list--one .card__text-overlay .card__image-link .thumb-image::after {
    background: linear-gradient(90deg, rgb(102, 65, 153) 25%, rgba(102, 65, 153, 0.81) 45%, rgba(102, 65, 153,0.7) 60%, rgba(102, 65, 153,0.1) 80%, rgba(102, 65, 153,0) 100%);

}
*/

.sponsored-content__items-list--one .card__text-overlay .card__image-link .thumb-image::after {
    background: linear-gradient(90deg, rgb(34, 45, 51) 0%, rgba(34, 45, 51, 0.81) 25%, rgba(34, 45, 51,0.7) 40%, rgba(34, 45, 51,0.1) 85%, rgba(34, 45, 51,0) 100%);

}



.sponsored-content__items-list--one .card__text-overlay:hover .card__image-link .thumb-image::after {

}

.sponsored-content__items-list--one .card__text-overlay .card__copy{
    right: 50%;
    top: 50%;
    align-items: center;
    transform: translateY(-50%);
    bottom: auto;
}   

@media (max-width: 600px) {
    .sponsored-content__items-list--one .card__text-overlay .card__copy{
        align-items: center;
        transform: none;
        right: 1rem;
        left: 1rem;
        top: auto;
        bottom: 1rem;
    }   
    
    .sponsored-content__items-list--one .card__text-overlay .card__image-link .thumb-image::after {
        background: linear-gradient(0deg, rgb(34, 45, 51) 0%, rgba(34, 45, 51, 0.81) 25%, rgba(34, 45, 51,0.7) 40%, rgba(34, 45, 51,0.1) 85%, rgba(34, 45, 51,0) 100%);
    }
}
/* Spon Con Phase 2 Code : END */



/* Featured Videos Section Styles */
#featured-videos{
    margin: 4rem auto;
}

#featured-videos .card__copy .card__title{
    margin-bottom: 0;
}

.featVid-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
}

.featVid-left{
    grid-column: 1/9;
}

/*
.featVid-left .card-copy{
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-gap: 1rem;
    align-items: center;
}

.featVid-left .card-icon svg{
    width: 100%;
}
*/

.featVid-left .card-copy{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
}

.featVid-left.text-top-card .card-copy {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    padding: 0;
    width: auto;
    background: transparent;
}

.featVid-left.text-top-card .card__image-link::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 23%, rgba(0,0,0,0.7) 36%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
  transition: .2s ease-in-out;
  opacity: 1;
}

.featVid-right-grid{
    display: grid;
    grid-column: 9/13;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1.5rem;
}

.featVid-right:nth-child(1){
    grid-row: 1/2;
}

.featVid-right:nth-child(2){
    grid-row: 2/3;
}


.featVid-left .thumb-image img {
    aspect-ratio: 16 / 9;
}


.featVid-right .thumb-image img {
    aspect-ratio: 16/9;
}

@media (max-width: 900px) {
    .featVid-left{
        grid-column: 1/13;
    }
    
    .featVid-right-grid{
        grid-column: 1/13;
        grid-template-columns: 1fr 1fr;
        grid-template-rows:1fr;
    }
    
    .featVid-right:nth-child(1){
        grid-row: 1/2;
        grid-column: 1/2
    }

    .featVid-right:nth-child(2){
        grid-row: 1/2;
        grid-column: 2/3
    }
}

@media (max-width: 650px) {
    .featVid-right-grid{
        grid-column: 1/13;
        grid-template-columns: 1fr;
    }
    
    .featVid-left .thumb-image img {
        aspect-ratio: 10 / 9;
    }

    .featVid-right:nth-child(1){
        grid-row: 1/2;
        grid-column: 1/2;
    }

    .featVid-right:nth-child(2){
        grid-row: 2/3;
        grid-column: 1/2;
    }
}


/* Conference Coverage Styles */
.conf-cov-section{
    margin: 4rem auto;
}

.conf-cov-section__list{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 1.5rem;
}

.conf-cov-section__list .conf-info{
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.conf-cov-section__list .conf-info .card__title{
    width: 100%;
}

.conf-cov-section__list .conf-info .conf-info__date-loc-container{
    width: 100%;
}

.conf-cov-section__list .list-item{
    margin-top: 1rem;
}

.conf-cov-section__list .card__body article:last-of-type{
    border-bottom: 0;
}

.conf-cov-section__list .card__body article:last-of-type .card__copy{
    margin-bottom: 0;
    overflow: hidden;
}

.conf-cov-section__list .list-item .card__copy{
    margin-bottom: 1rem;
}


/* More News Items */

.more-news-list{
    /*padding: 0 0 4rem 0;*/
    margin: 4rem auto;
}

.more-news-list__items{
    display: grid;
    grid-template-columns: minmax(450px, 8fr) minmax(275px, 3fr);
    grid-gap: 1.5rem;
    align-items: flex-start;
}

.more-news-list__primary-item {
    display: block;
    margin-top: 0;
}

.more-news-list__secondary-item{
    display: block;
    margin-top: 1rem;
}

.more-news-list__secondary-item:first-child{
    margin-top: 0;
}

.more-news-list__secondary-item .thumb-image{
    margin-bottom: 1rem;
}
.more-news-list__secondary-item .card__copy{
    margin-bottom: 1rem;
}

@media (max-width: 880px){
    .more-news-list__items{
        grid-template-columns: 1fr;
    }

    .more-news-list__secondary-item {
        display: flex;
    }

    .more-news-list__secondary-item .thumb-image{
        order: 2;
        max-width: 350px;
        margin-bottom: 1.5rem;
    }

    .more-news-list__secondary-item .card__copy{
        order: 1;
        margin: 0 1.5rem 1rem 0;
    }
}

@media (max-width: 600px){
    .more-news-list__secondary-item .thumb-image{
        max-width: 150px;
    }
}



/*--- Publication Home Level Styles : START ---*/

/* Current Issue Styles */
#current-issues{
    padding: 3rem 0 0 0;
}

.body-cover-carousel-item .cover-img-container {
  padding: 0.25rem 1rem 0.25rem 1rem;
}

.selected-issue-section{
    background-color: var(--dark);
    margin-top: 4.5rem;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    padding-bottom: .5rem;
}

.cover-img-container.selected-cover > div{
    padding-bottom: 10px;
    border-bottom: 3px solid var(--pv-clr);
}

#current-issues .current-issue-card {
    max-width: 900px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    top: -2.55rem;
    padding: 0rem 2rem 2rem 2rem;
}

#current-issues .current-issue-card h2, #current-issues .current-issue-card p, #current-issues .current-issue-card h3, #current-issues .current-issue-card h3 a, #current-issues .current-issue-card .toc-btn {
    color: var(--dark);
}


/* Featured Podcasts Section */
#featured-podcasts-audio{
    padding: 3rem 0;
}

.pod-text-grid{
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-gap: 1.5rem;
    align-items: flex-start;
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.pod-text-grid:last-child{
    margin: 0 0 0 0;
}

.pod-text-grid .thumb-image img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 800px) {
    .pod-text-grid{
        grid-template-columns: 150px 1fr;
    }
}

/* Featured Events Section */

#featured-events{
    padding: 3rem 0;
}

.thumb-text-grid{
    display: grid;
    grid-template-columns: 325px 1fr;
    grid-gap: 1.5rem;
    align-items: flex-start;
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.thumb-text-grid:last-child{
    margin: 0 0 0 0;
}

.thumb-text-grid .thumb-image img{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 800px) {
    .thumb-text-grid{
        grid-template-columns: 1fr 2fr;
        
    }
}

@media (max-width: 550px) {
    .thumb-text-grid{
        grid-template-columns: 1fr;
    }
}

/* Web Exclusives Section */

#web-exclusives-section{
    padding: 3rem 0;
}

.web-exclusive-container{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-gap: 1.5rem;
}

.web-exclusive-container .text-top-card .thumb-image {
    aspect-ratio: 16/9;
}

.web-exclusive-container .white-card .thumb-image img {
    aspect-ratio: 12/9;
}

@media (max-width: 800px) {
    .web-exclusive-container{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    
    .web-exclusive-container .text-top-card{
        grid-column: 1/3;
    }
    
    .web-exclusive-container .white-card:nth-of-type(2){
        grid-column: 1/2;
    }
    .web-exclusive-container .white-card:nth-of-type(3){
        grid-column: 2/3;
    }
}

@media (max-width: 550px) {
    .web-exclusive-container .white-card:nth-of-type(2){
        grid-column: 1/3;
    }
    .web-exclusive-container .white-card:nth-of-type(3){
        grid-column: 1/3;
    }
}

/* Featured Products Section */

#featured-prod-section{
    padding: 3rem 0;
}

#featured-prod-section > .container-fluid{
    position: relative;
}

.featured-prod-container{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
}

.featProd-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
}

.featProd-left{
    grid-column: 1/9;
}

.featProd-left .card-copy{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
}

.featProd-left .card-icon svg{
    width: 100%;
}

.featProd-right-grid{
    display: grid;
    grid-column: 9/13;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1.5rem;
}

.featProd-right:nth-child(1){
    grid-row: 1/2;
}

.featProd-right:nth-child(2){
    grid-row: 2/3;
}


.featProd-left .thumb-image img {
    aspect-ratio: 16 / 9;
}


.featProd-right .thumb-image img {
    aspect-ratio: 16/9;
}

.featured-prod-container .text-top-card h2, .featured-prod-container .text-top-card h3{
    margin-bottom: 0;
}

@media (max-width: 900px) {
    .featProd-left{
        grid-column: 1/13;
    }
    
    .featProd-right-grid{
        grid-column: 1/13;
        grid-template-columns: 1fr 1fr;
        grid-template-rows:1fr;
    }
    
    .featProd-right:nth-child(1){
        grid-row: 1/2;
        grid-column: 1/2
    }

    .featProd-right:nth-child(2){
        grid-row: 1/2;
        grid-column: 2/3
    }
}

@media (max-width: 650px) {
    .featProd-right-grid{
        grid-column: 1/13;
        grid-template-columns: 1fr;
    }
    
    .featProd-left .thumb-image img {
        aspect-ratio: 10 / 9;
    }

    .featProd-right:nth-child(1){
        grid-row: 1/2;
        grid-column: 1/2;
    }

    .featProd-right:nth-child(2){
        grid-row: 2/3;
        grid-column: 1/2;
    }
}

/* Homepage Socials Styles */

.socials-sidebar-widget{
    background-color: white;
    border: 1px solid var(--secondary-clr-1-50);
    padding: 1.5rem 2rem;
    text-align: center;
}

.socials-sidebar-widget h3{
    margin-bottom: 1rem;
}

.home-socials-container{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.home-socials-container svg{
    width: 35px;
}

.home-socials-container svg path{
    transition: .2s ease-in-out;
}

.home-socials-container svg:hover path, .home-socials-container svg:hover polygon{
    fill: var(--primary-clr-1);
    transition: .2s ease-in-out;
}









/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Publication Level Homepage Styles --*/
/*-- Publication Level Homepage Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.card-copy h2, .card-copy h3 {
  margin-bottom: .25rem;
}

#pub-top-content{
     background-color: var(--bg-clr);
}
.main-hero-card {
    display: grid;
    grid-template-columns: 21fr 11fr;
    margin-bottom: 1.5rem;
    width: 100%;
    /*min-height: 400px;*/
    background-color: white;
    border: 1px solid #E6E6E6;
}
.main-hero-card .thumb-image {
    aspect-ratio: auto;
    width: 100%;
    overflow: hidden;
    border-right: 1px solid #E6E6E6;
    border-radius: .25rem 0 0 .25rem;
}
.main-hero-card .thumb-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
}
.main-hero-card .card-copy {
    padding: 1rem;
}

.main-hero-card h2{
    font-size: 1.35rem;
}

.hero-bottom-card .card-copy {
    padding: 1rem;
}

.hero-bottom-card h3{
    font-size: 1.125rem;
}


@media (max-width: 900px) {
    .main-hero-card {
        grid-template-columns: 1fr;
        border-radius: 0;
    }
    .main-hero-card .thumb-image {
        border-right: 0;
        border-bottom: 1px solid var(--secondary-clr-1-50);
        border-radius: .25rem .25rem 0 0;
    }
    
    #pub-top-content .hero-bottom-card {
        display: grid;
        grid-template-columns: auto 1fr;
    }
}



@media (max-width: 670px) {
    #pub-top-content {
        padding-left: 0;
        padding-right: 0;
    }
    #pub-top-content .grid-content-sidebar {
        padding-top: 0 !important;
    }
    .main-hero-card {
        border-top: none;
        border-right: none;
        border-bottom: 1px solid var(--secondary-clr-1-50);
        border-left: none;
    }
    .main-hero-card .thumb-image {
        /*min-height: 400px;*/
        border-radius: 0;
    }
}

@media (max-width: 550px) {
    #pub-top-content .hero-bottom-card {
        display: grid;
        grid-template-columns: 1fr;
    }
    
    #pub-top-content .hero-bottom .card .thumb-image {
        display: block;
        width: 100%;
        border-radius: 0.25rem 0.25rem 0 0;
    }
}


/* Recent News Styles */

.recent-news-list-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1.5rem;
    margin-bottom: 4rem;
}

.recent-news-list-items article {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: .5rem;
  padding: 0 0 1rem 0;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid var(--secondary-clr-1-50);
}


.current-issue-card {
    padding: 2rem;
    background-color: var(--dark);
    color: white;
    border-radius: .35rem;
}
.ci-card-header {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0 0 1rem 0;
    padding: 0 0 .75rem 0;
    border-bottom: 2px solid var(--secondary-clr-1-50);
}
.ci-card-header h2 {
    font-size: 1.75rem;
    margin: 0 .75rem 0 0;
    line-height: 1;
    color: white;
}
.ci-card-header p {
    display: flex;
    flex-wrap: wrap;
    font-size: .9rem;
    margin-bottom: 0;
    line-height: 1;
}
.ci-card-header p span {
    margin: 5px 0.5rem 2px 0;
    padding: 0 0.5rem 0 0;
    line-height: 1;
    border-right: 1.5px solid #666;
    font-weight: 200;
    break-inside: avoid-column;
}
.ci-card-header p span:last-child {
    border-right: none;
}
.ci-cover-toc-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    grid-gap: 1.5rem;
}
.ci-cover {
    max-width: 320px;
    margin: 0 auto;
}
.current-issue-card img {
    width: 100%;
    border: 1px solid #E6E6E6;
    margin-bottom: 1rem;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    transition: .2s ease-in-out;
}
.current-issue-card img:hover {
    transform: scale(1.015);
    transition: .2s ease-in-out;
}
.ci-button-container {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 1rem;
}
.ci-button-container a.btn {
    font-size: .9rem;
}
.ci-article-list {
    display: grid;
    align-content: flex-start;
}
.ci-article-list .card-copy {
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.ci-article-list .card-copy h3 {
    font-size: 1.125rem;
}
.ci-article-list .card-copy h2 a, .ci-article-list .card-copy h3 a {
    color: white;
    text-decoration: none;
    transition: .2s ease-in-out;
}
.ci-article-list .card-copy h2 a:hover, .ci-article-list .card-copy h3 a:hover {
    color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}
.ci-article-list .card-copy p a {
    color: #B2B2B2;
}
.ci-article-list .card-copy p {
    color: #B2B2B2;
}
.ci-article-list div:last-child {
    display: grid;
    justify-content: flex-end;
}
a.toc-btn {
    display: inline-block;
    position: relative;
    right: 0;
    color: white;
    text-decoration: none;
    text-align: right;
    transition: all 0.2s ease-in-out;
}
.toc-btn::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    font-family: 'Material Icons';
    content: "\e5c8";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    line-height: 0;
    position: relative;
    top: 6px;
    opacity: .5;
    transform: scale(1.3);
    transition: all 0.2s ease-in-out;
}
a.toc-btn:hover {
    right: -5px;
    color: var(--primary-clr-2);
    transition: all 0.2s ease-in-out;
}
@media (max-width: 770px) {
    .ci-card-header {
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
    }
    .ci-card-header p {
        justify-content: flex-end;
        overflow: hidden;
    }
    .ci-card-header p span {
        position: relative;
        right: -1rem;
    }
    .ci-cover-toc-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1.5rem;
    }
}
@media (max-width: 670px) {
    .current-issue-card {
        border-radius: 0;
    }
}
@media (max-width: 550px) {
    .ci-card-header {
        grid-template-columns: 1fr;
        grid-gap: .5rem;
        justify-items: center;
        text-align: center;
    }
    .ci-card-header h2 {
        margin: 0 0 0 0;
    }
    .ci-card-header p {
        justify-content: center;
        text-align: center;
    }
    .ci-card-header p span {
        right: 0;
    }
    .ci-card-header p span:last-child {
        margin: 5px 0 2px 0;
        padding: 0 0 0 0;
    }
}
/* Video Channel Section Styles */
#video-channels {
    padding: 3rem 0;
}
.vid-chan-grid {
    display: grid;
    grid-template-columns: 1fr 325px;
    grid-gap: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}
.vid-chan-card {
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-gap: 1.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
}
.vid-chan-card .thumb-image {
    width: 100%;
    overflow: hidden;
}
.vid-chan-card .thumb-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
}
.vid-chan-card .card-copy {
    margin-bottom: 1rem;
}
.vid-chan-card a {
    text-decoration: none;
}
.vid-chan-card .card-copy p, .vid-chan-card .card-copy h2 {
    color: var(--dark);
    text-decoration: none;
    transition: .2s ease-in-out;
}
.vid-chan-card .card-copy a h2:hover {
    color: var(--pv-clr);
    transition: .2s ease-in-out;
}
.vid-chan-card .thumb-image {
    border: 1px solid #E6E6E6;
}
.vid-chan-card .thumb-image:hover img {
    transform: scale(1.02);
    transition: .25s ease-in-out;
}
.vid-chan-grid .sidebar-list-items > h3 {
    margin-bottom: .75rem;
}
.vid-chan-grid .sidebar-list-items article {
    display: grid;
    grid-template-columns: 95px 1fr;
    grid-gap: 1rem;
    padding: 0 0 .5rem 0;
    margin: 0 0 .5rem 0;
}
.vid-chan-grid .sidebar-list-items article:last-child {
    border-bottom: 0;
    margin-bottom: .5rem;
}
.vid-chan-grid .sidebar-list-items .thumb-image {
    width: 100%;
    overflow: hidden;
    border: 1px solid #E6E6E6;
    aspect-ratio: 16 / 9;
}
.vid-chan-grid .sidebar-list-items article .card-copy h3 {
    font-size: .85rem;
    margin-bottom: 0;
}
@media (max-width: 1200px) {
    .vid-chan-card {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 970px) {
    .vid-chan-card {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        margin-bottom: .5rem;
    }
    .vid-chan-grid .sidebar-list-items article:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 700px) {
    .vid-chan-grid {
        grid-template-columns: 1fr;
        grid-gap: 1.5rem;
        margin-bottom: 2.5rem;
    }
    .vid-chan-card .card-copy {
        margin-bottom: 0;
    }
}
@media (max-width: 320px) {
    .vid-chan-grid .sidebar-list-items article {
        grid-template-columns: 1fr;
    }
}


#featured-events .thumb-text-grid .thumb-image {
    order: initial;
    margin: 0;
    max-width: 100%;
}

.pod-list-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
  align-items: flex-start;
  padding: 0 0 1.5rem 0;
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid var(--secondary-clr-1-50);
}

.pod-list-grid .thumb-image {
  aspect-ratio: auto;
}

.pod-list-grid .thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

#featured-videos .card-copy h3 {
    font-size: 1.125rem;
}


.cover-text-grid {
  display: grid;
  grid-template-columns: 135px 1fr;
  grid-gap: 1.5rem;
  align-items: flex-start;
  padding: 0 0 1.5rem 0;
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid var(--secondary-clr-1-50);
}

.cover-text-grid .thumb-image{
    border-radius: 0;
    overflow: visible;
    aspect-ratio: auto;
}

.cover-text-grid h2{
    font-size: 1.25rem;
}

.cover-text-grid .thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
}



/* Featured Supplements Section */

#feat-supp-section{
    border-top: 1px solid var(--secondary-clr-1-50);
    border-bottom: 1px solid var(--secondary-clr-1-50);
    background-color: var(--dark);
}

.feat-supp-container{
    display: grid;
    grid-template-columns: min-content auto;
    justify-content: center;
    grid-column-gap: 4rem;
    align-items: center;
    width: max-content;
    margin: 0 auto;
}

#feat-supp-section h2 a{
    color: white;
}

#feat-supp-section h2 a:hover{
    color: var(--primary-clr-2);
}

.feat-supp-container h1{
    border-top: 3px solid #4D4D4D;
}

.feat-supp-container .cover-text-grid{
    max-width: 600px;
    margin: 0 auto;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0; 
    align-items: center;
}

.feat-supp-container .cover-text-grid p{
    color: #B2B2B2;
}

@media (max-width: 845px) {
    .feat-supp-container{
        grid-template-columns: 1fr;
        justify-content: flex-start;
        width: 100%;
    }

    .feat-supp-container .cover-text-grid{
        margin: 0;
    }
}


/*--- EB Specific Styles : START ---*/

.hero-featured-copy-side > .card__image-link::after {
    background: linear-gradient(90deg, rgb(34, 45, 51) 10%, rgba(34, 45, 51, 0.75) 40%, rgba(34, 45, 51,0.1) 85%, rgba(34, 45, 51,0) 100%);
    transition-delay: 100ms;
}  
        
.hero-featured-copy-side > .card__image-link .thumb-image::after {
  background: linear-gradient(90deg, rgb(102, 65, 153) 0%, rgba(102, 65, 153, 0.81) 30%, rgba(102, 65, 153,0.7) 45%, rgba(102, 65, 153,0.1) 90%, rgba(102, 65, 153,0) 100%);
}

.hero-featured-copy-side .thumb-image{
    aspect-ratio: auto;
}

.hero-featured-copy-side .card-copy{
    display: grid;
    height: auto;
    background: transparent;
    max-width: 350px;
    padding: 0;
    top: 50%;
    bottom: auto;
    left: 1rem;
    transform: translateY(-50%);
}

.text-top-card .card-copy h2 a, .text-top-card .card-copy h3 a, .card__text-overlay .card-copy h2 a, .card__text-overlay .card-copy h3 a{
  color: white;
  transition: .2s ease-in-out;
}

.text-top-card .card-copy h2 a:hover, .text-top-card .card-copy h3 a:hover, .card__text-overlay .card-copy h2 a:hover, .card__text-overlay .card-copy h3 a:hover{
  opacity: .7;
  transition: .2s ease-in-out;
}

.socials-sidebar-widget {
    background-color: white;
    border: 1px solid var(--secondary-clr-1-50);
    padding: 1.5rem 2rem;
    text-align: center;
}

.socials-sidebar-widget h3 {
  font-size: 1.25rem;
}

.recent-news-list-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1.5rem;
}

.recent-news-list-items h3{
  font-size: 1.125rem;
}

@media (max-width: 900px) {
    .recent-news-list-items {
      grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 670px){
    .hero-featured-copy-side{
        margin-bottom: 1.5rem;
        border: none;
        border-radius: 0;
    }

    .hero-featured-copy-side > .card__image-link::after {
        background: linear-gradient(0deg, rgb(34, 45, 51) 30%, rgba(34, 45, 51, 0.75) 50%, rgba(34, 45, 51, 0.3) 70%, rgba(34, 45, 51, 0) 100%);
        transition: .2s ease-in-out;
    } 
    
    .hero-featured-copy-side > .card__image-link .thumb-image::after {
        background: linear-gradient(0deg, rgb(102, 65, 153) 30%, rgba(102, 65, 153, 0.75) 50%, rgba(102, 65, 153, 0.3) 70%, rgba(102, 65, 153, 0) 100%);
        transition-delay: 0s;
    }
    
    .hero-featured-copy-side.card__text-overlay .thumb-image {
      height: 100%;
    }
    
    .hero-featured-copy-side:hover .thumb-image{
        border-radius: 0;
    }
    
    .hero-featured-copy-side .card-copy{
        height: auto;
        top: auto;
        right: 1rem;
        bottom: 1rem;
        left: 1rem;
        width: initial;
        max-width: initial;
        transform: translateY(0%);
    }
    .recent-news-list-items {
        grid-template-columns: 1fr;
    }
}



/*--- Publication Home Level Styles : END ---*/




/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- TOC Page Styles --*/
/*-- TOC Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

main .pub-toc-page {
    background-color: var(--grey-bg-clr);
    padding: 2rem 0;
}

.pub-toc-container{
    padding: 2rem;
    background-color: white;
    border: 1px solid #E6E6E6;
}

.toc-header-grid{
    display: grid;
    grid-template-columns: 220px 1fr auto;
    align-items: center;
    grid-gap: 1.5rem;
    margin-bottom: 2rem;
}

.toc-cover{
    position: relative;
    background-color: var(--dark);
    display: block;
}

.toc-cover:hover{
    transform: scale(1.01);
    background-color: var(--dark);
    transition: .2s ease-in-out;
}

.toc-cover p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: .2s ease-in-out;
}

.toc-cover:hover p {
    opacity: 1;
    z-index: 2;
    background-color: white;
    border: none;
    color: #5B5B5B;
    transition: .05s .2s ease-in-out;
}

.pub-toc-container .toc-header-grid .toc-cover:hover p:hover {
    background-color: #5B5B5B;
    color: white;
    transition: .2s ease-in-out;
}

.toc-cover img{
    width: 100%;
    max-width: 220px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    z-index: 1;
    transition: .2s ease-in-out;
}

.toc-cover:hover img{
    opacity: .5;
    transition: .2s ease-in-out;
}

.pub-toc-container .toc-header-grid .btn-small:hover {
    color: #5B5B5B;
}

.toc-header-grid > div:last-child{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: .5rem;
    align-items: center;
}

.toc-header-grid > div:last-child > a:first-child::before, .toc-header-grid > div:last-child > a:last-child::after, .toc-bottom-btn-grid > a.btn:first-child::before, .toc-bottom-btn-grid > a.btn:last-child::after{
    font-family: 'Material Icons';
    display: inline-block;
    opacity: .65;
    position: relative;
    top: 2.5px;
    transition: .2s ease-in-out;
}

.toc-header-grid > div:last-child > a:first-child::before, .toc-bottom-btn-grid > a.btn:first-child::before{
    content: "\e5e0";
    padding-right: 2px;
}

.toc-header-grid > div:last-child > a:last-child::after, .toc-bottom-btn-grid > a.btn:last-child::after{
    content: "\e5e1";
    padding-left: 2px;
}

@media (max-width: 950px) {
    .toc-header-grid{
        grid-template-columns: 220px 1fr;
        grid-gap: 1.5rem;
    }
    
    .toc-header-grid > div:last-child {
      grid-gap: 1.5rem;
      grid-column: 1/3;
    }
}

@media (max-width: 700px) {
    .toc-header-grid{
        grid-template-columns: 1fr;
        justify-items: center;
    }
    
    .toc-info{
        text-align: center;
    }
    
    .toc-header-grid > div:last-child {
        grid-gap: .5rem;
        grid-column: 1/2;
    }
}

.toc-section{
    margin-bottom: 3rem;
}

.toc-section h1.section-title {
    font-size: 1.75rem;
    border-top: 3px solid var(--primary-clr-2);
}

.toc-section .card-copy{
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.toc-section .card-copy:last-child{
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: none;
}

.toc-section .card-copy h2{
    font-size: 1.375rem;
}

.toc-section .card-copy .author-name{
    margin: 0 0 .5rem 0;
    font-weight: 300;
}

.toc-section .card-copy .toc-item-desc {
    font-size: .9rem;
    color: var(--dark-50);
    font-weight: 300;
    margin-bottom: 0.45rem;
}

.toc-bottom-btn-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
}

.toc-bottom-btn-grid .btn:first-child{
    justify-self: flex-start;
    min-width: 145px;
    padding-top: .15rem;
}

.toc-bottom-btn-grid .btn:last-child{
    justify-self: flex-end;
    min-width: 145px;
    padding-top: .15rem;
}


.recent-issues-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.5rem;
}

.recent-issues-grid img{
    width: 100%;
}

@media (max-width: 700px) {
    .recent-issues-grid{
        grid-template-columns: 1fr 1fr;
    }
}






/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Archive Page Styles --*/
/*-- Archive Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

main .pub-archive-page  {
    background-color: var(--grey-bg-clr);
    padding: 2rem 0;
}

#pubArchive {
    position: relative;
}

.archive-dates{
    margin: 1.75rem 0 2rem 0;
    padding: 1rem 0;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

.swiper{
/*    width: calc(100% - 50px);*/
    padding: 0 2rem;
}

/*
.swiper::before {
  background: linear-gradient(90deg,#fff,#fff) repeat-x;
  background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0)) repeat-x;
  left: -2px;
}

.swiper::after {
  background: linear-gradient(90deg,#fff,#fff) repeat-x;
  background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff) repeat-x;
  right: -2px;
}
*/

.swiper-button-next, .swiper-button-prev {
    width: calc(var(--swiper-navigation-size)/ 44 * 40);
    color: rgba(0,0,0,.5);
    transition: .2 ease-in-out;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    color: rgba(0,0,0,.3);
    transition: .2 ease-in-out;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,0px);
    right: auto;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 100%);
    padding: 0 10 0 0;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,0px);
    left: auto;
    background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 100%);
    padding: 0 0 0 10px;
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-family: 'Material Icons';
  font-size: 1rem;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev::after{
    content: "\e5e0";
}

.swiper-button-next::after{
    content: "\e5e1";
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.active-issue{
    font-weight: 800;
}

.active-issue a{
    color: var(--primary-clr-1);
}

.swiper-slide a{
    text-decoration: none;
    color: var(--dark);
}

.swiper-slide a:hover {
  color: var(--primary-clr-1);
}


.archive-issues-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 2.5rem;
}

@media (max-width: 950px) {
   .archive-issues-grid {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    } 
}

@media (max-width: 750px) {
   .archive-issues-grid {
      grid-template-columns: 1fr 1fr 1fr;
    } 
}

@media (max-width: 550px) {
   .archive-issues-grid {
      grid-template-columns: 1fr 1fr;
    } 
}

.archive-issues-grid h1{
    grid-column: 1/6;
    text-align: center;
    font-size: 1.5rem;
    margin: 0; 
}

@media (max-width: 950px) {
   .archive-issues-grid h1{
       grid-column: 1/5;
    } 
}

@media (max-width: 750px) {
   .archive-issues-grid h1{
       grid-column: 1/4;
    } 
}

@media (max-width: 550px) {
   .archive-issues-grid h1{
       grid-column: 1/3;
    } 
}

.archive-issue{
    
}

.archive-issue a:first-child {
  display: inline-block;
  margin-bottom: .5rem;
  transition: .2s ease-in-out;
  width: 100%;
}

.archive-issue a:first-child:hover{
    transform: scale(1.02);
    transition: .2s ease-in-out;
}



.archive-issue img{
    width: 100%;
    max-width: 220px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    z-index: 1;
    transition: .2s ease-in-out;
}

.archive-issue img:hover{
    width: 100%;
    max-width: 220px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    z-index: 1;
    transition: .2s ease-in-out;
}

.archive-issue a:last-child{
    display: block;
    text-align: center;
    text-decoration: none;
    color: var(--dark);
    transition: .2s ease-in-out;
}

.archive-issue a:last-of-type h2{
    margin: 0;  
    font-size: 1.05rem;
    transition: .2s ease-in-out;
}

.archive-issue a:last-child p{
    margin: 0;  
    font-size: .85rem;
    transition: .2s ease-in-out;
}

.archive-issue a:last-child:hover h2, .archive-issue a:last-child:hover p, .archive-issue a:last-child:hover small{
    color: var(--primary-clr-1);
    transition: .2s ease-in-out;
}
















/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- List Page Styles --*/
/*-- List Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
    
.subpage-list{
    display: grid;
    align-items: center;
    width: 100%;
    max-width: 1070px; 
    margin: 0 auto;
}

.related-link-container{
    display: flex;
    justify-content: flex-end;
    gap: 1.5rem;
    padding: .25rem 0;
    text-align: right;
    width: 100%;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}


/*-- Content List Styles --*/

.subpage-list article{
    margin-top: 2rem;
    padding: 0;
}

.subpage-list .list-item, .subpage-list .thumb-text-grid, .list-page .thumb-text-grid{
    display: flex;
    margin-top: 2rem;
    padding: 0 0 .5rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
    align-items: flex-start;
    overflow: auto;
    grid-gap: 0;
}

.subpage-list article .card-copy, .subpage-list article .card__copy, .subpage-list .thumb-text-grid .card-copy, .subpage-list .thumb-text-grid .card__copy, .list-page .thumb-text-grid .card-copy{
    width: 100%;
    order: 1;
    margin-bottom: 1.5rem;
}

.subpage-list .thumb-text-grid:last-child {
    margin: 1.5rem 0 0 0;
}

.subpage-list article h2{
    color: var(--dark);
}

.subpage-list .card-copy h2, .subpage-list .card-copy h3{
    font-size: 1.25rem;
}

article p{
    color: var(--dark);
}

.subpage-list article .list-thumb, .thumb-text-grid .thumb-image{
    order: 2;
    margin: 0 0 1.5rem 1.5rem;
    max-width: 300px;
}

.subpage-list article .pod-thumb{
    max-width: 200px;
}

.list-thumb img, .thumb-text-grid .thumb-image img {
    border-radius: 0.25rem;
    width: 100%;
    aspect-ratio: 16/9;
    transition: .2s ease-in-out;
}

.list-thumb:hover img::after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--secondary-clr-2);
    background-blend-mode: screen;
    transition: .2s ease-in-out;
}

@media (max-width: 750px){
    .subpage-list .list-item, .subpage-list .thumb-text-grid, .article__in-line-promotion .list-item, .list-page .thumb-text-grid {
        display: block;
    }

    .subpage-list article .list-thumb, .thumb-text-grid .thumb-image, .article__in-line-promotion .list-thumb{
        float: right;
        max-width: 200px;
        transition: .2s ease-in-out;
    }
}

@media (max-width: 550px){
    .subpage-list article, .subpage-list .thumb-text-grid, .subpage-list .list-item{
        display: flex;
        flex-wrap: wrap;
    }

    .subpage-list article .list-thumb, .article__in-line-promotion .list-thumb, .thumb-text-grid .thumb-image{
        float: none;
        margin: 0 0 1.5rem 0;
        order: 1;
        max-width: 100%;
        transition: .2s ease-in-out;
    }

    .subpage-list article .card-copy{
        order: 2;
    }
}


/*-- Topic Lists Styles --*/

.list-specialty-topics{
    column-count: 3;
    column-width: 250px;
    column-gap: 2rem;
    padding: 2rem 0 1.5rem 0;
    margin-bottom: 4rem;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.list-specialty-topics li{
    list-style: none;
    min-width: 250px;
    margin: 0 0 .5rem 0;
}

.list-alphabetical{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1.5rem 2rem;
    margin: 1rem 0
}

.alpha-topics{
    padding: 1rem 0 .5rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.alpha-topics ul{
    padding: 0;
}

.alpha-topics ul li{
    margin: 0 0 .5rem 0;
    list-style: none;
}


/*-- Conference Calendar Styles --*/

.card__conf-footer{
    border-top: 1px solid var(--secondary-clr-1-50);
    margin-top: 1rem;
    padding-top: 1rem;
}

.conf-info{
    display: flex;
    column-gap: 1.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.conf-info h3{
    width: 40%;
}

.conf-info__date-loc-container{
    width: 40%;
}

.conf-info__date-loc{
    display: grid;
    grid-template-columns: 15px 1fr;
    grid-gap: .25rem;
    align-items: center;
    margin-bottom: .5rem;
}

.conf-info__date-loc img{
    width: 100%;
}

.conf-info__date-loc p{
    margin-bottom: 0;
}

.conf-description p:last-child{
    margin-bottom: 0;
}

.conf-coverage-link{
    margin-left: auto;
}

.sort-selections{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    margin-right: auto;
    padding-right: 2rem;
}

.sort-selections div{
    display: flex;
    column-gap: 1.5rem;
}

.sort-selections p, .sort-selections a{
    margin: 0;
}

@media (max-width: 700px){
    .conf-info h3, .conf-info .conf-info__date-loc-container{
        width: 100%
    }
}

.article-list article {
  padding: 0 0 1.5rem 0;
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid var(--secondary-clr-1-50);
}

.article-list article.card-copy h2{
    font-size:1.25rem;
}

.topic-list {
    list-style: none;
    padding: .5rem 0;
    margin: 0;
    column-count: 2;
}

.topic-list h2 {
    font-size:1.25rem;
    margin-bottom: 1.75rem;
}
@media (max-width: 600px) {
  .topic-list {
    column-count: 1;
  }
}
    




/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Products Page Styles --*/
/*-- Products Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
#product-page{
    background-color: var(--grey-bg-clr);
}

.featured-prod-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0 2rem 0;
    margin-bottom: 2rem;
}

.featured-prod-grid article .thumb-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 12 / 9;
  object-fit: cover;
  object-position: center center;
}



.prod-filters{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1.5rem;
}

.all-prod-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
    margin: 1.5rem auto;
}

@media (max-width: 850px) {
    .all-prod-grid{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .featured-prod-grid{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
   .all-prod-grid{
        grid-template-columns: 1fr;
    } 
}

.all-prod-grid article .thumb-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 12 / 9;
  object-fit: cover;
  object-position: center center;
}



/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Specific Event Page Styles --*/
/*-- Specific Event Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.c-sponsored-landing__header img { 
    width: 500px;
    margin: 0 auto;
}	

.c-sponsored-landing__twitter {
    border: 1px solid #000000;
    height: 200px;
    width: 100%;
}

.anchor{
    position: relative;
    top: -120px;
}

.eventpage hr{
    margin: 4rem auto;
}

.c-sponsored-landing__button a {
    text-decoration: none;
}    

.c-sponsored-landing__button a:hover {
    color: #ffffff;
    opacity: .9;
}

.c-sponsored-landing__button a:visted {
    color: #ffffff;
}

.c-sponsored-landing__button a:active {
    color: #ffffff;
}

.c-sponsored-landing__button a:link {
    color: #ffffff;
}

.c-sponsored-landing__button-color {
    padding: 10px 20px;
    color: #293f4e;
    font-size: 20px;
    text-decoration: none;
}	

.c-sponsored-landing__header2 img { 
    width: 240px;

}	

.c-sponsored-landing__header2 { 
    border-bottom: 1px solid #84cebe;
    padding-bottom: 10px;
}		

/*
.c-sponsored-landing__header-copy {
    padding-top: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #84cebe;
}

.c-sponsored-landing__header-copy {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #293f4e;
}	
*/

.c-sponsored-landing__nav {
    margin-top: 40px;
    margin-bottom: 30px;
}

.c-sponsored-landing__nav p {
    padding: 0;
    margin: .5rem auto;
}

.c-sponsored-landing__nav a {
    text-decoration: none;
    transition: .2s ease-in-out;
}

.c-sponsored-landing__nav a:hover {
    text-decoration: underline;
    color: white;
    transition: .2s ease-in-out;
}

.c-sponsored-landing__main img {
    max-width: 200px;
}

.c-sponsored-landing__nav.sticky-top{
    top: 67px;
    position: sticky;
}

.c-sponsored-landing__nav div.row{
    display: flex;
    justify-content: center;
} 

.c-sponsored-landing__nav div.row div {
    display: flex;
    width: auto;
}

.c-sponsored-landing__nav p {
    padding: 0;
    margin: .5rem 1rem;
}
.c-sponsored-landing__main {

}

.c-sponsored-landing__main h1{
    margin: 3rem auto 1.5rem auto;
    text-align: center;
}

.c-sponsored-landing__main h2{
    margin: 3rem auto 1.5rem auto

}

.c-sponsored-landing__form iframe {
    border: none;
    height: 500px;
    width: 700px;
}







/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Author Page Styles --*/
/*-- Author Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
   
main .author-profile-page {
    background-color: var(--grey-bg-clr);
    padding: 2rem 0;
}

.author-profile {
  padding: 2rem;
}
.author-bio-section{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1.5rem;
    margin-bottom: 3rem;
}

@media (max-width: 650px) {
    .author-bio-section{
        grid-template-columns: 1fr;
    }
}

.author-bio-section h1{
    margin-bottom: 0;
}

.author-bio-section img{
    width: 150px;
    border: 1px solid #E6E6E6;
    margin: 0 auto;
}

.author-social a, p.author-social{
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .025rem;
    line-height: 1;
    color: #5B5B5B;
    margin-bottom: .75rem;
    text-decoration: none;
}

.author-bio{
    line-height: 1.3;
}

.author-bio-section h2{
    margin-top: 1.5rem;
}

.author-bio-section .btn{
    padding-top: .15rem;
}

.author-bio-section .btn::after{
    font-family: 'Material Icons';
    display: inline-block;
    opacity: .65;
    position: relative;
    top: 2.5px;
    content: "\e5e1";
    padding-left: 5px;
    transition: .2s ease-in-out;
}




.author-articles{
    
}


.author-articles h1.section-title{
    border-top: none;
    border-bottom: 3px solid #CCC;
}


.author-filters {
    display: grid;
    grid-template-columns: auto;
    justify-content: flex-start;
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.author-articles .card-copy{
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.author-articles .card-copy .author-name {
  margin: 0 0 .5rem 0;
  font-weight: 500;
}

.author-articles .card-copy p:last-child {
  font-size: .9rem;
  margin-bottom: 0;
}







/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Article Page Styles --*/
/*-- Article Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */


/*
#article-page{
    background-color: #F2F2F2;
    padding-bottom: 1px;
}
*/

.article-content p, .article-content li{
    font-size: 1rem;
}

.article-content p{
    margin-bottom: 1.5rem;
}

.article-container{
    background-color: white;
    border-radius: 0.35rem;
    border: 1px solid var(--secondary-clr-1-50);
    padding: 3.5rem;
}

.card.article-container:hover{
    bottom: 0;
    box-shadow: 0 0 0 transparent;
}

.article-body-grid{
    display: grid;
    grid-template-columns: 30px 1fr;
/*    grid-column-gap: 3rem;*/
    grid-row-gap: 1.5rem;
    position: relative;
}

.article-body-grid > * {
  min-width: 0;
}

.article-container img{
    height: auto;
    max-width: 100%;
}

#article-page .sidebar-container{
    display: grid;
    grid-template-rows: auto 1fr;
}

/*
.sidebar-grid-2{
    display: grid;
    grid-template-rows: 1fr 1fr;
}
*/

@media (max-width: 1100px) {
#article-page .sidebar-container{
    grid-template-rows: auto auto;
}
    
/*
    .sidebar-grid-2{
        grid-template-rows: auto auto;
    }
*/
}

@media (max-width: 650px){
    .article-container{
        padding: 1.5rem;
    }
    
    .article-body-grid{
        grid-template-columns: 1fr;
        grid-gap: 1.5rem;
    }
}


/* Article Header Styles */

.article-header{
    border-bottom: 1px solid #CCCCCC;
}

.content-tag{
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .05rem;
    margin-bottom: 0.25rem;
    font-weight: normal;
    position: relative;
    overflow: hidden;
    
}

.content-tag span {
    margin: 0 0 5px .5rem;
    padding: 0 0 0 .5rem;
    border-left: 1px solid #CCCCCC;
    line-height: 1;
    font-size: inherit;
    break-inside: avoid-column;
    position: relative;
    left: calc(-1rem - 1px);
}

.article__teaser{
    font-size: 1.125rem;
}

.authors-list{
    display: flex;
    flex-wrap: wrap;
    margin: 1.25rem 0 1.5rem 0;
    line-height: 25px;
    font-size: .65rem;
}

.author{
    margin: 0 .75rem 0 0;
    line-height: inherit;
    font-size: inherit;
}

.author .author-name{
    line-height: 25px;
}

.article-header a.author-name{
    color: var(--dark-50);
    text-decoration: underline;
}

.article-header a.author-name:hover{
    color: var(--primary-clr-1);
}

.authors-list p.by-author{
    padding: 0;
    margin: 0;
    line-height: 25px;
}

/*
.author:first-child{
    margin: 0 1rem 5px 0;
}
*/

.pub-date-issue-page-container{
    display: block;
    overflow: hidden;
    position: relative;
}

.pub-date-issue-page{
    display: flex;
    flex-wrap: wrap;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .025rem;
    line-height: 1;
    color: #5B5B5B;
    margin-bottom: 1rem;
    position: relative;
    left: calc(-1rem - 1px);
    overflow: hidden;
}

.pub-date-issue-page span{
    margin: 0 0 5px .5rem;
    padding: 0 0 0 .5rem;
    border-left: 1px solid #CCCCCC;
    line-height: 1;
    font-size: inherit;
    break-inside: avoid-column;
}

.pub-name{
    font-style: italic;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--dark);
}

/* .article-container .article-header button{
    line-height: 1;
    font-size: .75rem;
    background-color: transparent;
    color: #5B5B5B;
    border: 1px solid #CCCCCC;
    padding: .25rem .5rem;
}

.article-container .article-header button:hover{
    background-color: #CCCCCC;
} */

.article-container .article-header .show-all{
    display: none;
}

.article-container .article-header .show-fewer{
    display: none;
}

.actions-bar {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem 0;
    border-top: 1px solid var(--secondary-clr-1-50);
    overflow-x: auto;
}

.actions-bar__left-items, .actions-bar__right-items{
    display: flex;
    gap: .5rem;
}

.actions-bar .actions-bar__left-items .btn{font-size: .8rem; line-height: 24px;}
.actions-bar .actions-bar__left-items .btn span{vertical-align: bottom;}
.actions-bar .actions-bar__left-items .btn.active{font-weight: bold; background-color: var(--primary-blue-20); color: var(--primary-blue-90);}
.actions-bar .actions-bar__left-items .btn.btn--link:hover{text-decoration: none;}

.read-options-bar{
    display: flex;
    gap: .5rem;
    padding: .5rem 0;
    border-top: 1px solid var(--secondary-clr-1-50);
    overflow-x: auto;
    height: 46px;
}

.read-options-bar__btn{
    font-size: .85rem;
}


.article-author-date a{
    font-weight: bold;
    color: var(--primary-clr-1);
    text-decoration: none;
    transition: .2s ease-in-out;
}

.article-author-date a:hover{
    text-decoration: underline;
    transition: .2s ease-in-out;
}


/* Social Media Aside Styles */

.article-aside{
    height: 100%;
    padding: 1.5rem 1.75rem 0 0;
}

.article-aside .sticky-top{
    position: sticky;
    top: 80px;
    z-index: 1000;
}

.article-aside .social-icons-container a{
    display: inline-block;
}

.social-icons{
    margin-bottom: 1rem;
    width: 30px;
}

.social-icon{
    fill: var(--dark-50);
    transition: .2s ease-in-out;
}

.social-icons:hover svg path, .social-icons:hover svg polygon {
  fill: var(--primary-clr-1);
  transition: .2s ease-in-out;
}

@media (max-width: 650px){
    .article-aside .sticky-top{
        top: 0;
    }
    
    .article-aside {
        padding: 1rem 1.75rem 0 0;
        border-bottom: 1px solid #CCC;
    }
        
    .article-aside .social-icons-container a{
        margin-right: .5rem;
    }
}


/* Article Body Content Styles */

.article-content{
    padding: 1.5rem 1.5rem 0 1.5rem;
    margin: 0 auto;
    max-width: 750px;
}

.article-content h2.article__title, .article__title, .article-content h2{
    font-size: 1.75rem;
    font-family: var(--header-font);
    font-weight: 600;
    margin-top: 1.5rem;
}

.article-content h3.article__title, .article__title, .article-content h3{
    font-size: 1.55rem;
    font-family: var(--header-font);
    font-weight: 600;
    margin-top: 1.5rem;
}

.article-content h4{
    font-size: 1.25rem;
    font-family: var(--header-font);
    font-weight: 600;
    margin-top: 1.5rem;
}

.article__image_full_width{
    width: 100%;
}

.article-content figure {
    margin: 0 0 1.5rem 0;
}


.article__figure.float-left {
    max-width: 350px;
    display: inline-block;
    margin: 0 1rem .25rem 0;
    float: left;
}

.article__figure.float-left {
    max-width: 350px;
    display: inline-block;
    margin: 0 1rem .25rem 0;
    float: left;
}

/*
.article-content figure.float-right {
    max-width: 350px;
    display: inline-block;
    margin: 0 0 .25rem 1rem;
    float: right;
}
*/

.article-content figure > .fig-img-container{
    display: grid;
    align-items: center;
    width: 100%;
}

.article-content figure .fig-img-container .fig-img{
    position: relative;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.article-content figure .fig-img-container > img{
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.article-content figure.floating-left .fig-img-container > img, .article-content figure.floating-right .fig-img-container > img{
    width: auto;
}

.article-content figure .fig-img-container .fig-img .expand-overlay{
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,0.75);
    padding: .25rem .35rem;
    line-height: 1;
    border-radius: .25rem;
    transition: .2s ease-in-out;
}

.article-content figure .fig-img-container .fig-img:hover .expand-overlay{
    opacity: 1;
    transition: .2s ease-in-out;
}

.article-content figure .fig-img-container .fig-img svg{
    width: 15px;
}

.article-content figure .fig-img-container .fig-img svg path{
    fill: white;
}

.article-content figure .fig-img-container .fig-img .expand-overlay p{
    margin: 0 0 0 .35rem;
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .02rem;
    color: white;
    font-weight: 400;
}

.article-content figure .fig-img-container .fig-img:hover .expand-overlay:hover svg path, .article-content figure .fig-img-container .fig-img:hover .expand-overlay:hover p{
    opacity: .75;
    transition: .2s ease-in-out;
}

.article-content figure img{
    display: block;
    width: auto; 
    max-width: 100%;
    margin: 0 auto 1rem auto;
    border-radius: .35rem;
}

.article-content figure img:last-child{
    margin: 0 auto 0 auto;
}

.article-content figcaption, .figure__caption, .article__caption{
    font-size: .85rem;
    color: #757575;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    border-bottom: 1px solid #D5D5D5;
}

.article-content figcaption p{
    font-size: .85rem;
    color: #757575;
    margin-bottom: 0;
}

.article__callout{
    background-color: var(--bg-clr);
    border: 1px solid var(--secondary-clr-1-50);
    padding: 1rem 1.5rem;
    margin: 0 0 1.5rem 0;
    border-radius: .35rem;
}


.article__callout.float-left{
    width: 300px;
    display: inline-block;
    margin: 0 1rem .25rem 0;
    float: left;
}

.article__callout.float-right{
    width: 300px;
    display: inline-block;
    margin: 0 0 .25rem 1rem;
    float: right;
}

@media (max-width: 750px) {
    .article__callout.float-left, .article__callout.float-right, .article__figure.float-left, .article__figure.float-right{
        width: 100%;
        max-width: 100%;
        margin: 0 0 1rem 0;
    }
}

.c-article__callout h2:first-child, .c-article__callout h3:first-child, .c-article__callout h4:first-child, .c-article__callout p:first-child, .c-article__callout ul:first-child{
    margin-top: 0;
}

.article__callout h2:first-child, .article__callout h3:first-child, .article__callout h4:first-child, .article__callout p:first-child, .article__callout ul:first-child{
    margin-top: 0;
}

.article__callout p:last-child, .article__callout li:last-child, .article__callout ul:last-child{
    margin-bottom: 0;
}

.article__references__section h3{
    padding-top: 1.5rem;
    border-top: 1px solid #CCC;
    line-height: 1;
    margin-bottom: 1rem;
}

.article__references li, .c-article__references li{
    word-wrap: break-word; 
}

.article__in-line-ad{
    display: inline-block;
    width: 100%;
    border-top: 1px solid var(--secondary-clr-1-50);
    border-bottom: 1px solid var(--secondary-clr-1-50);
    padding: .5rem 0 1rem 0;
    margin: 2rem 0;
}

.article__in-line-promotion{
    display: inline-block;
    width: 100%;
    border-top: 1px solid var(--secondary-clr-1-50);
    margin: 0 0 1.5rem 0;
}

.tag-text__left-rule{
    margin-left: .35rem;
    padding-left: .35rem;
    border-left: 1px solid var(--secondary-clr-1-50);
    line-height: 1.3;
}

.article__in-line-promotion .card__teaser{
    font-size: .85rem;
    margin-bottom: 0;
}

.article__related{
    display: flex;
    column-gap: .5rem;
    width: 100%;
    border-top: 1px solid var(--secondary-clr-1-50);
    border-bottom: 1px solid var(--secondary-clr-1-50);
    padding: 1rem 0;
    margin: 0 0 1.5rem 0;
}

.article__related p{
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .02rem;
    margin-bottom: 0;
}

.article__related .article__related-title:last-child{
    margin-bottom: 0;
}

.pvarticle .lity-content .lity-image img{
    height: 90vh;
    object-fit: contain;
}

.article__author-card{
    display: flex;
    flex-direction: row;
    grid-gap: 1rem;
    min-height: 20px;
    padding: 16px;
    margin-bottom: 20px;
    background-color: var(--bg-clr);
}

.article__author-photo{
    width: 80px;
}

.author-photo-container{
/*
    aspect-ratio: 1 / 1;
    border-radius: 50rem;
    overflow: hidden;
*/
}

.article-content .article__author-photo figure{
    margin: 0 0 0 0;
    width: 80px;
}

.article-content .article__author-photo img{
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

.article__author-bio p{
    font-size: 1rem;
    line-height: 1.3;
}

@media (max-width: 650px) {
    .article-content{
        padding: 0;
    }
}

@media (max-width: 435px) {
    .article__author-card {
        flex-wrap: wrap;
    }
}

/* Table Styles */

.hscroll, .o-table-container{
    display:inline-block;
    width: 100%;
    margin: 0 0 15px 0;
    overflow-x: auto;
    scrollbar-color: var(--dark) #fafafa;
    scrollbar-width: thin;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) calc(20px * 2)), radial-gradient(farthest-side at 0 0%, rgba(34,34,34, 0.15), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) calc(20px * 2)), radial-gradient(farthest-side at 100% 50%, rgba(34,34,34, 0.15), rgba(255, 255, 255, 0)) 100%;
    background-color: rgba(255, 255, 255, 1);
    background-repeat: no-repeat;
    background-attachment: local, scroll, local, scroll;
    background-size: 100% 100%, 20px 200%, 100% 100%, 20px 200%;
}

.article-content table caption{
  caption-side: initial;
}

/* Article Pagination Styles */

.article-pagination{
    margin-top: 2.5rem;
}


/* Article Tag Styles */

.article-meta{
    border-top: 1px solid #CCC;
    padding: 0 0 1rem 0;
    margin-top: 1.5rem;
}

.article-meta h4{
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .025rem;
    line-height: 1;
    color: #5B5B5B;
    font-weight: 800;
    margin-bottom: 1rem;
    text-align: left;
}

.tags-container{
    display: flex;
    column-gap: .5rem;
}

.article-tag{
    padding: .5rem 1rem;
    border: 1px solid #CCCCCC;
    border-radius: .25rem;
    text-decoration: none;
    color: #000000;
    font-size: .85rem;
    font-weight: 700;   
    transition: .2s ease-in-out;
}


/* Related Bottom Content */

.up-next-content{
    margin-top: 3rem;
    padding-bottom: 1.5rem;
}

.up-next-content__grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    grid-gap: 1.5rem;
}

@media (max-width: 900px) {
    .up-next-content__grid{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 550px) {
    .up-next-content__grid .card.hero-bottom-card .thumb-image {
        display: block;
        width: 100%;
    }
}

.podcastpage .bottom-card .thumb-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 10 / 9;
  object-fit: cover;
  object-position: center center;
}

/*

.related-content-bottom{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.5rem;
    padding-bottom: 1.5rem;
}

.bottom-card{
    width: 100%;
    background-color: white;
    border: 1px solid #E6E6E6;
}

.bottom-card .thumb-image{
    width: 100%;
    overflow: hidden;
}

.bottom-card .thumb-image img{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
}


.bottom-card .card-copy{
    padding: 1rem;
}

@media (max-width: 900px){
    .related-content-bottom{
        grid-template-columns: 1fr 1fr;
    } 
}

@media (max-width: 600px){
    .related-content-bottom{
        grid-template-columns: 1fr;
    } 
}
*/






/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- All Videos Page Styles --*/
/*-- All Videos Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.highlighted-videos{
    background-color: var(--dark);
    padding: 4rem 0;
    margin-bottom: 2rem;
}

.video-group{
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.swiper-wrapper{
    height: auto;
}

.swiper-slide .card{
    text-align: left;
}

.highlighted-vid-swiper{
    padding: 0 3rem;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
}

.highlighted-vid-swiper .swiper{
    padding: 0 0 2rem 0;
}

.highlighted-vid-swiper .swiper-button-next, .highlighted-vid-swiper .swiper-button-prev {
    position: absolute;
    z-index: 10;
    display: flex;
    color: white;
    background: transparent;
    padding: 0;
    height: 25px;
    width: 25px;
}
.highlighted-vid-swiper .swiper-button-next::after, .highlighted-vid-swiper .swiper-button-prev::after {
    font-size: 1.75rem;
}

.highlighted-vid-swiper .swiper-pagination {
    bottom: 0;
}

.highlighted-vid-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: rgba(255,255,255,1);
}

.swiper-pagination-bullet {
    background: rgba(255,255,255,1);
    opacity: .2;
}

.vid-group-swiper{
    position: relative;
}

.vid-group-swiper .swiper{
    padding: 0 0 1px 0;
}

.vid-group-swiper .swiper-button-next, .vid-group-swiper .swiper-button-prev {
    position: absolute;
    z-index: 10;
    display: flex;
    color: white;
    background: rgba(34,45,51,0.5);
    padding: 0;
    border-radius: 10rem;
    height: 25px;
    width: 25px;
    top: 53.5%;
}

.vid-group-swiper .swiper-button-next, .vid-group-swiper .swiper-rtl .swiper-button-prev {
    right: -40px;
    left: auto;
    padding: 0 0 0 3px;
}

.vid-group-swiper .swiper-button-prev, .vid-group-swiper .swiper-rtl .swiper-button-next {
    left: -40px;
    right: auto;
    padding: 0 0 0 5px;
}

.vid-group-swiper .swiper-button-next.swiper-button-disabled, .vid-group-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: .0;
}

@media (max-width: 1285px) {
    .vid-group-swiper {
        padding-bottom: 2.5rem;
    }
    
    .vid-group-swiper .swiper-button-next, .vid-group-swiper .swiper-button-prev {
        top: auto;
        bottom: 6px;
    }

    .vid-group-swiper .swiper-button-next, .vid-group-swiper .swiper-rtl .swiper-button-prev {
        right: 0;
    }

    .vid-group-swiper .swiper-button-prev, .vid-group-swiper .swiper-rtl .swiper-button-next {
        left: 0;
    }
}








/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Series Page Styles --*/
/*-- Series Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
.series-home{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    min-width: 0;
} 

.series-home__banner{
    display: block;
    width: 100%;
}

.series-home__banner-img{
    width: 100%;
    border-radius: .35rem;
}

.series-home__intro{
    display: block;
    width: 100%;
    padding-bottom: 1.5rem;
    border-bottom: 3px solid var(--secondary-clr-1-50);
}

.series-home__description p:last-of-type, .series-home__body-section p:last-of-type{
    margin-bottom: 0;
}

.series-home__body-section{
    padding-bottom: 1.5rem;
    border-bottom: 3px solid var(--secondary-clr-1-50);
}

.tag-texts.episode-byline, .episode-byline, p.tag-texts.episode-byline, p.episode-byline{
    font-weight: 300;
    margin-bottom: 0;
}

.series-home .vid-swiper{
    padding-bottom: 2.5rem;
    border-bottom: 3px solid var(--secondary-clr-1-50);
}

.series-home .vid-swiper .swiper-button-next, .series-home .vid-swiper .swiper-button-prev {
    position: absolute;
    z-index: 10;
    display: flex;
    color: white;
    background: rgba(34,45,51,0.5);
    padding: 0;
    border-radius: 10rem;
    height: 25px;
    width: 25px;
    top: auto;
    bottom: 6px;
    transition: .2s ease-in-out;
}


.series-home .vid-swiper .swiper-button-next, .series-home .vid-swiper .swiper-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
    padding: 0 0 0 3px;
}

.series-home .vid-swiper .swiper-button-prev, .series-home .vid-swiper .swiper-rtl .swiper-button-next {
    left: 0px;
    right: auto;
    padding: 0 0 0 5px;
}

/*
.series-home .vid-swiper .swiper-button-next.swiper-button-disabled, .series-home .vid-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: .0;
}
*/

.series-home__podcast-episodes .list-item:last-child{
    border-bottom: 3px solid var(--secondary-clr-1-50);
}

.sponsor-logo-container{
    display: flex;
    gap: 3rem;
    margin-top: 1.5rem;
}







/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Video Page Styles --*/
/*-- Video Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.video-embed-container{
    width: 100%; 
    aspect-ratio: 16 / 9;
    line-height: 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
}

.video-embed-container iframe{
    width: 100%; 
    aspect-ratio: 16 / 9;
}

.vid-swiper{
    position: relative;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.vid-swiper .swiper{
    padding: 0;
}
.vid-swiper article{
    width: 100%;
    text-align: left;
}

.vid-swiper .swiper-button-next, .vid-swiper .swiper-button-prev {
    position: absolute;
    z-index: 10;
    display: flex;
    color: white;
    background: rgba(34,45,51,0.5);
    padding: 0;
    border-radius: 10rem;
    height: 25px;
    width: 25px;
    top: 53.5%;
}

.swiper-button-next:hover, .swiper-button-prev:hover, .series-home .swiper-button-next:hover, .series-home .swiper-button-prev:hover {
    background: rgba(34,45,51,0.75);
    transition: .2s ease-in-out;
}

.vid-swiper .swiper-button-next, .vid-swiper .swiper-rtl .swiper-button-prev {
    right: -5%;
    left: auto;
    padding: 0 0 0 3px;
}

.vid-swiper .swiper-button-prev, .vid-swiper .swiper-rtl .swiper-button-next {
    left: -5%;
    right: auto;
    padding: 0 0 0 5px;
}

.vid-swiper .swiper-button-next.swiper-button-disabled, .vid-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: .0;
}

@media (max-width: 930px) {
    .vid-swiper {
        padding-bottom: 2.5rem;
    }
    
    .vid-swiper .swiper-button-next, .vid-swiper .swiper-button-prev {
        top: auto;
        bottom: 6px;
    }
    
    .vid-swiper .swiper-button-next, .vid-swiper .swiper-rtl .swiper-button-prev {
        right: 0;
    }

    .vid-swiper .swiper-button-prev, .vid-swiper .swiper-rtl .swiper-button-next {
        left: 0;
    }
}

#accordionVidSeries{
    margin-bottom: 1.5rem;
}

#accordionVidSeries .accordion-header{
    
}

#accordionVidSeries h2 .accordion-button{
    font-family: var(--body-font);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .02rem;
    transition: all .2s ease-in-out;
}

.pv-page #accordionVidSeries h2:hover .accordion-button{
    color: var(--pv-clr);
    transition: all .2s ease-in-out;
}

#accordionVidSeries .accordion-button{
    padding: 0 0 1rem 0;
    border-radius: 0;
    border-top: 0;
    border-bottom: 2px solid transparent;
    transition: all .2s ease-in-out;
}

#accordionVidSeries .accordion-button:hover{
    transition: all .2s ease-in-out;
}

#accordionVidSeries .accordion-button::after {
    font-family: 'Material Icons';
    content: "\e145";
    font-size: 1.15rem;
    width: auto;
    height: auto;
    background-image: none;
    transition: all .2 ease-in-out;
}

#accordionVidSeries .accordion-button:not(.collapsed) {
    color: var(--primary-clr-1);
    background-color: inherit;
    box-shadow: 0 0 0 0;
    font-weight: bold;
}

#accordionVidSeries .accordion-button:not(.collapsed)::after {
    transform: rotate(45deg);
    transition: all .2 ease-in-out;
}

#accordionVidSeries .accordion-button:focus {
    z-index: 3;
/*    border-color: transparent;*/
    outline: 0;
    box-shadow: 0 0 0 0;
}

#accordionVidSeries .accordion-item{
    border-radius: 0;
    border: 0;
}

.vid-series-grid {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--secondary-clr-1-50);
    margin-bottom: 1.5rem;
}

.accordion-body.vid-series-grid {
    padding: 0;
/*
    padding: 0 0 1.5rem 0;
    border-bottom: 2px solid rgba(0,0,0,0.125);
*/
}

.vid-series-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
}

.vid-series-grid .thumb-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
}


@media (max-width: 800px) {
    .vid-series-grid{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .vid-series-grid{
        grid-template-columns: 1fr;
    }
}

.embed-responsive {
  position:relative;
  display:block;
  height:0;
  padding:0;
  overflow:hidden
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  height:100%;
  width:100%;
  border:0
}
.embed-responsive-16by9 {
  padding-bottom:56.25%;
}
.embed-responsive-4by3 {
  padding-bottom:75%
}








/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Podcast Pages Styles --*/
/*-- Podcast Pages Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.up-next-content__grid-podcasts{
    grid-template-columns: 1fr;
}

.card-podcast > a{
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

.card-podcast .pod-thumb{
    max-width: 150px;
}













/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Profile Pages Styles --*/
/*-- Profile Pages Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.profile{
    padding-top: 2rem;
    padding-bottom: 3rem;
    max-width: 1040px;
}

.profile__headline{
    font-weight: 300;
    text-align: center;
    padding: 0 1rem;
}

.profile__options{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 3rem;
    justify-content: center;
    align-content: center;
    margin: 2rem 0 1rem 0;
}

.profile__options h6{
    line-height: 1.8;
    margin-bottom: 0;
}

.profile__active-page a{
    color: var(--primary-clr-1);
}

.profile__info{
    padding: 0 2rem;
}

.profile__info-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.profile__info-row:last-child{
    border-bottom: 0;
}

.profile__info-row p, .profile__info-row h6{
    margin-bottom: 0;
}

.profile__accordion .accordion-item{
    border: 0;
} 

.profile__accordion .accordion-button{
    padding: 2rem 0;
    border-top: 1px solid var(--secondary-clr-1-50);
    border-radius: 0;
} 

.profile__accordion .accordion-item:first-child .accordion-button{
    border-top: 0;
} 

.profile__accordion .accordion-button h6{
    margin-bottom: 0;
} 

.profile__accordion .accordion-button:not(.collapsed) h6{
    color: var(--primary-clr-1);
    margin-bottom: 0;
} 

.profile__accordion .accordion-button:not(.collapsed) {
    color: var(--primary-clr-1);
    background-color: inherit;
    box-shadow: 0 0 0 0;
    font-weight: bold;
}

.profile__accordion .accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0;
}

.profile__form-container{
    padding: 2rem;
}

.profile__form-container h3{
    text-align: center;
}

.profile__form{
    display: flex;
    flex-direction: column;
}

.form-item{
    margin-bottom: 1.5rem;
}

.profile__form label{
    width: auto;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .25rem;
}

.profile__form input, .profile__form select {
    width: 100%;
    background-color: var(--bg-clr);
    border: 0;
    padding: .75rem 1rem;
    border-radius: .35rem;
    color: var(--dark-50);
}

.profile__form input:focus-visible{
    border-color: var(--primary-clr-1);
}

.form-item__flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-item__flex a{
    font-size: .85rem;
    white-space: nowrap;
}

.terms-of-service{
    display: flex;
    align-items: center;

}

.terms-of-service input{
    width: auto;
    border: 2px solid var(--bg-clr);
    margin-right: .5rem;
}

.terms-of-service label{
    width: auto;
    margin-bottom: 0;
}

#btnSubmit{
    display: inline-flex;
    width: auto;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-clr-1);
    color: white;
    padding: .75rem 1rem ;
    border-radius: .35rem;
    text-decoration: none;
    line-height: 1.1;
    white-space: nowrap;
    transition: .2s ease-in-out;
}

#btnSubmit:hover{
    color: var(--dark);
    background-color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

.profile__hide{
    display: none;
}

.profile__show{
    display: block !important;
}

.profile__edit-form{
    display: none;
}

.form__save-cancel{
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: flex-start;
}

input.saveBtn{
    display: inline-flex;
    width: auto;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-clr-1);
    color: white;
    padding: .25rem .75rem;
    border-radius: .35rem;
    text-decoration: none;
    line-height: 1.1;
    white-space: nowrap;
    transition: .2s ease-in-out;
}

input.saveBtn:hover{
    color: var(--dark);
    background-color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

.btn-cancel{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--primary-clr-1);
    border-radius: .35rem;
    font-size: .85rem;
    text-decoration: none;
    line-height: 1.1;
    white-space: nowrap;
    border: 0;
    cursor: pointer;
    transition: .2s ease-in-out;
}

.btn-cancel:hover{
    text-decoration: underline;
    transition: .2s ease-in-out;
}

/*-- Newsletters Styles --*/

.newsletter-signup{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 1.5rem;
}    

.newsletter-signup input.btn{
    height: 100%;
    padding: .25rem 1.5rem;
}

.newsletters__grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-gap: 1rem;
    padding: 0 0 2rem 0;
}

.newsletter-widget{
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #D5D7D7;
} 

.btn-archive-container{
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: auto;
}

.btn-archive-container .btn{
    margin-right: auto;
}













/* PentavisionMedia.com Styles */

.pv-media{
    display: grid;
    height: 100vh;
    grid-template-rows: auto 1fr auto; 
}

.issue-cover{
    margin-bottom: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
    transition: .2s ease-in-out;
}

.issue-cover:hover{
    transform: scale(1.02);
    transition: .2s ease-in-out;
}

.brand-logos img{
    max-width: 200px;
    transition: .2s ease-in-out;
}

.brand-logos img:hover{
    transform: scale(1.03);
    transition: .2s ease-in-out;
}

.hs-form-container{
    background-color: white;
    padding: 2rem;
    border-radius: .5rem;
    box-shadow: 0 0 8px rgba(0,0,0,.125);
}



/* VisionCare CE */

.visioncarece .max-width{
    max-width: 1000px;
}

.visioncarece .top-section{
    padding: 3rem 0;
    background-color: var(--bg-clr);
}  

.hero-card{
    background-color: white;
    border: 1px solid var(--secondary-clr-1-50);
}

.hero-card .card-copy{
    padding: 2rem;
}

.hero-card .card-copy p:last-child{
    margin-bottom: 0;
}

.ce-home-card-container{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.75rem;
    margin-top: 2rem;
    justify-content: center;
}

.ce-home-card{
    text-align: center;
    display: grid;
    justify-items: center;
    align-content: center;
    border: 1px solid var(--secondary-clr-1-50);
    background: rgb(154,202,237);
    background: -webkit-linear-gradient(5deg, rgba(154,202,237,1) 0%, rgba(83,96,164,1) 100%);
    background: -o-linear-gradient(5deg, rgba(154,202,237,1) 0%, rgba(83,96,164,1) 100%);
    background: linear-gradient(95deg, rgba(154,202,237,1) 0%, rgba(83,96,164,1) 100%);
    transition: .2s ease-in-out;
}

.ce-home-card:hover{
    transform: scale(1.02);
    transition: .2s ease-in-out;
}

.ce-home-card a{
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 2rem;
    transition: .2s ease-in-out;
}

.ce-home-card h2{
    font-size: 1.75rem;
    color: white;
    text-align: center;
    text-decoration: none;
    margin-bottom: 0;
}

.ce-home-card p{
    color: white;
}

.ce-home-card img{
    margin-top: 1.5rem;
    width: 100%;
    max-width: 150px;
}

.visioncarece .cover-text-grid .thumb-image img {
    border-radius: 1.15rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.visioncarece .cover-text-grid .description {
    margin-top: .75rem;
}

.footer-ce-text{
    grid-column: 1/3
}

.footer-ce-text p {
  color: #808080;
}

/*#formContainer {*/
/*    display: block;*/
/*}*/

#formContainer .formBG{
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    background-color: var(--bg-clr);
    width: 100%;
    padding: 1.5rem;
}

#formContainer form{
    margin: 0 auto;
}

/*#playerDIVContainer {*/
/*    display: none;*/
/*}*/

/*#slidesButton {*/
/*    padding: 6px 12px;*/
/*    background-color: var(--pv-clr);*/
/*    border-color: var(--pv-clr);*/
/*    border: 1px solid transparent;*/
/*    color: white;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    margin: 0 auto;*/
/*}*/

@media (max-width: 900px) {
    .footer-ce-text{
        grid-column: 1/4
    }
}

@media (max-width: 800px) {
    .ce-home-card-container{
        grid-template-columns: 1fr;
    }
}





.resource-item-page{
    
}

main .resource-item-page {
    background-color: var(--grey-bg-clr);
    padding: 2rem 0;
}

.resource-item-page .cover-text-grid{
    border-bottom: 0px !important;
}


.resource-item-page .cover-text-grid .content-container{
    line-height: 1.3;
}





/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- About Us Page Styles --*/
/*-- About Us Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
 
 
.sidebysideImg{border-radius: 10px; background-image: url( "https://conexiant.com/media/gunp4jtn/doctor-discussion.jpeg");
background-repeat: no-repeat; height: 100%; min-height: 420px; background-size: cover; background-position:center;}
.sidebysideImg2{background-image: url("https://conexiant.com/media/hzcdgwjz/or-about-us.jpeg");}
.sidebysideText{padding: 40px 60px;}
.card__about-us-img{grid-template-columns: 200px 1fr;}
.card__about-us-img .card__body{max-width:900px;}
.header-banner{display: flex; width: 100%; /*height: 400px; */align-items: center;position: relative; border-radius: 10px;
background: linear-gradient(270deg, var(--primary-blue-60) 0%, rgba(13, 148, 206, 0.34) 30.5%, var(--secondary-purple-90) 100%), url("https://conexiant.com/media/ceulfloy/about-us-header.jpeg") lightgray 50% / cover no-repeat;}
.header-banner-text{padding:30px; display: flex; width: 489px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px;}

	@media (max-width:700px){.card__about-us-img{grid-template-columns: auto;}
	.sidebysideText{padding:20px;}
	.card__about-us-text{padding:40px !important;}
	.header-banner, .card__promo-item-news-alerts::after{background: linear-gradient(270deg, var(--primary-blue-60) 0%, rgba(13, 148, 206, 0.8) 30%, var(--secondary-purple-90) 100%), url("https://conexiant.com/media/ceulfloy/about-us-header.jpeg") lightgray 50% / cover no-repeat;}}

   
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Publication Homepage Module & List Page Styles --*/
/*-- Publication Homepage Module & List Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

/*part of module style*/
.pub_tile {
    max-height: 250px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 100%;
    transition: all .2s ease-in-out, bottom .2s ease-in-out;
    border-radius: 0.35rem;
    overflow: hidden;
}
.pub_tile:hover {
    bottom: 2px;
    box-shadow: 0px 3px 5px rgba(12, 52, 84, .125);
    transition: all .2s ease-in-out, bottom .2s ease-in-out;
}
.pub_tile .cover_art {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
    border-radius: 0.35rem;
    transform: scale(1);
    transition: .25s ease-in-out;
}
.pub_tile:hover .cover_art {
    transform: scale(1.03);
    transition: .25s ease-in-out;
    overflow: hidden;
}
.pub_logo {
    z-index: 20;
    z-index: 20;
    position: relative;
    text-align: center;
    margin: 14% auto;
    max-height: 100px;
}
.pub_logo_vert {
    max-height: 150px;
}
.pub_tile_overlay {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .6;
    z-index: 10;
    position: absolute;
    border-radius: 0.35rem;
}
/*end module style*/

/*publication page specific*/
.pub_tile_wide {
    border-top: 1px solid #D5D7D7;
    align-items: center;
}
.pub_tile_wide .pub_tile {
    min-height: 230px;
}
.pub_tile_wide .pub_tile .pub_logo {
    width: 75%;
}
.pub_tile_wide .pub_tile .pub_logo_vert {
    max-width: 150px;
    width: inherit;
}

.specialty_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.specialty_buttons .btn.active{
    border: 1px solid var(--secondary-gray-60);
    background-color: var(--secondary-gray-60);
    color: white;
}

.specialty_buttons .btn.active:hover{
    border: 1px solid var(--secondary-gray-70);
    background-color: var(--secondary-gray-70);
    color: white;
}
/*publication page specific end*/

@media (max-width: 1250px) {
    .pub_tile {
        min-height: 250px;
    }
}

@media (max-width: 990px) {
    .pub_tile {
        height: 250px;
        min-height: inherit;
    }
    .pub_logo {
        max-height: none;
        width: 70%;
    }
    .pub_logo_vert {
        max-height: 150px;
        width: auto;
    }
}

/*Notecard Container : START */
.card--notecard ol {
    padding-left: 1rem;
}

.card--notecard ol li {
    padding-left: .75rem;
    margin-bottom: .25rem;
}
/*Notecard Container : END*/

/* genius quiz widget : START */
.quiz-widget {
    display: grid;
    grid-template-columns: 200px 1fr;
    position: relative;
    background-color: white;
    bottom: 0;
    padding: 1rem;
    gap: 1rem;
    border-radius: 0.35rem;
    border: 1px solid #D5D7D7;
    transition: all .2s ease-in-out, bottom .2s ease-in-out;
}

.quiz-widget h1 {
    color: #3b14d4;
    font-size: 30px;
    font-weight: 900;
    text-align: center;
}


.quiz-widget .quiz-widget__thumb-image {
    display: flex;
    width: 100%;
    padding: 2rem 0rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    align-self: stretch;
    background-position: center center;
    background: url(/media/ug3hxkfp/qw-thumb-image.jpg);
    border-radius: 0.5rem;
    background-size: cover;
}

.quiz-widget .quiz-widget__thumb-image a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.quiz-widget .quiz-widget__thumb-image img {
    object-fit: contain;
    object-position: center center;
    max-width: 116px;
    width: 100%;
    margin: 0 auto;
    height: auto;
    transform: scale(1);
    transition: .25s ease-in-out;
}

.quiz-widget__thumb-image-title {
    color: #FFF;
    text-align: center;
    font-size: 1.3125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem;
}

.quiz-widget__form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.quiz-widget__form--title {
    color: #3b14d4;
    font-size: 0.875rem;
    font-weight: 500;}

a.quiz-widget__form--title {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0.25rem;
}

.quiz-widget__form--question {
    font-size: 20px;
    margin-bottom: 0.5rem;
}

.quiz-widget__form--instruction {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.125rem;
}

.quiz-widget__form--choice-container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.quiz-widget__form--choice {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    list-style-position: inside;
    transition: border-color 0.3s, color 0.3s;
}

.quiz-answer-link {
    display: flex;
    gap: 0.5rem;
    flex: 1 1 45%;
    padding: 0.5rem;
    border: solid 1px #d8dfe8;
    border-radius: 0.625rem;
    color: #030108;
    text-decoration: none;
}


a.quiz-answer-link:hover {
    border-color: #3b14d4;
    color: #3b14d4;
    text-decoration: none;
    
}

.letter {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    padding: 1rem;
    background-color: #D9D9D9;
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    width: 2.5rem;
    height: 2.5rem;
}

a.quiz-answer-link:hover .letter {
    color: white;
    background-color: #3b14d4;
     transition: .2s ease-in-out;
}

.quiz-widget__form--choice:hover .qw-choice-static {
    display: none;
}

.quiz-widget__form--choice:hover .qw-choice-hover {
    display: block;
}

.quiz-widget__form--choice span {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/*.quiz-widget .copyright-text a, .quiz-widget .copyright-text a svg {*/
/*    color: var(--bs-body-color);*/
/*    fill: var(--bs-body-color);*/
/*    text-decoration: none;*/
/*}*/

/*.quiz-widget .copyright-text a svg {*/
/*  fill: var(--bs-body-color);*/
/*  text-decoration: none;*/
/*}*/

/*.quiz-widget .copyright-text a:hover, .quiz-widget .copyright-text a svg:hover {*/
/*    color: var(--primary-clr-1);*/
/*     fill: var(--primary-clr-1);*/
/*    text-decoration: underline;*/
/*}*/

.quiz-widget .copyright-text a{
    color: var(--bs-body-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.quiz-widget .copyright-text a svg {
    fill: currentColor;
    transition: fill 0.2s ease;
}

.quiz-widget .copyright-text a:hover {
    color: var(--primary-clr-1);
}

@media (max-width: 768px) {
    .quiz-widget {
        margin: 0 1rem;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .quiz-answer-link {
        flex: 1 1 100%;
    }
    
    .quiz-widget__thumb-image {
        display: flex !important;
        flex-direction: row-reverse !important;
        gap: 0.25rem !important;
    }
    
    .quiz-widget__thumb-image-title,
    .quiz-widget .quiz-widget__thumb-image a, .quiz-widget .quiz-widget__thumb-image img {
        flex: 1 1 1rem;
        margin: 0;
    }
}
/* genius quiz widget : END */

/* Action Bar Component : START */
:root{
    --cx-surface-primary: #ffffff;
    --cx-surface-secondary: var(--secondary-gray-10);
    --cx-surface-accent: var(--primary-blue-10);
    --cx-border-regular: var(--secondary-gray-30);
    --cx-border-subtle: var(--primary-blue-30);
    --cx-border-emphasis: var(--primary-clr-1);
    --cx-divider: var(--secondary-gray-20);
    --cx-text-primary: var(--dark);
    --cx-text-secondary: var(--secondary-gray-80);
    --cx-text-tertiary: var(--secondary-gray-60);
    --cx-text-hover: var(--primary-clr-1);
    --cx-focus-ring: var(--primary-blue-50);
    --cx-disabled: 0.45;
    --cx-shadow-sm: 0 2px 8px rgba(34, 45, 51, 0.12);
    --cx-shadow-lg: 0 16px 32px rgba(34, 45, 51, 0.16);
    --cx-transition-fast: .2s ease-in-out;
    --cx-radius-xs: .25rem;
    --cx-radius-sm: .35rem;
    --cx-radius-md: .5rem;
    --cx-radius-lg: .75rem;
    --cx-radius-round: 999px;
    --cx-font-sans: var(--body-font);
    --cx-font-headings: var(--header-font);
    --cx-font-weight-medium: 500;
    --cx-font-weight-semibold: 600;
    --cx-font-weight-bold: 700;
    --cx-font-size-2: .875rem;
    --cx-font-size-3: 1rem;
    --cx-font-size-5: 1rem;
    --cx-font-size-h1-display: 3rem;
    --cx-font-size-h4-display: 2rem;
    --cx-space-1: .25rem;
    --cx-space-2: .5rem;
    --cx-space-3: .75rem;
    --cx-space-4: 1rem;
    --cx-space-5: 1.125rem;
    --cx-space-6: 1.5rem;
    --cx-space-8: 2rem;
    --cx-space-12: 3rem;
    --cx-gutter-xs: .375rem;
    --cx-gutter-sm: .75rem;
    --cx-gutter-md: 1rem;
    --cx-gutter-smedium: 1.25rem;
    --cx-gutter-lg: 1.5rem;
    --cx-gutter-xl: 2rem;
    --cx-padding-xs: .5rem;
    --cx-padding-sm: .75rem;
    --cx-padding-smedium: 1rem;
    --cx-padding-md: 1.25rem;
    --cx-padding-lg: 1.5rem;
    --cx-padding-xl: 2rem;
    --cx-padding-xxl: 3rem;
    --cx-padding-article-body: 1.5rem;
    --cx-accent-purple: var(--secondary-clr-2);
}

.action-bar {
    display: grid;
    /* grid-area: action-bar; */
    position: relative;
    top: auto;
    inset: auto;
    background: var(--cx-surface-primary);
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    float: none;
    --action-bar-inline-padding: 0px;
    --action-bar-scrollbar-size: 8px;
    --action-bar-scroll-btn-size: 1.25rem;
    --action-bar-scroll-btn-offset: max(var(--cx-space-2), calc((var(--action-bar-inline-padding) - var(--action-bar-scroll-btn-size)) / 2));
    --action-bar-edge-fade-width: calc(var(--action-bar-inline-padding) + var(--cx-space-4));
    --action-bar-scroll-top-allowance: var(--cx-space-2);
}

.action-bar__list {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--cx-space-4);
    padding: 0 var(--cx-padding-smedium);
    /* border-bottom: 1px solid var(--cx-border-regular); */
    margin: 0;
    list-style: none;
}

.action-bar__item {
    margin: 0;
    flex: 0 0 auto;
}

.action-bar__scroll-area {
    width: 100%;
    padding-bottom: 0;
}

.action-bar__tab {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--cx-text-secondary);
    padding: 0 0.125rem 0.25rem 0.125rem;
    font: var(--cx-font-weight-medium) 14px/1.2 var(--cx-font-sans);
    border-radius: 0;
    cursor: pointer;
    text-decoration: none;
    transition: background var(--cx-transition-fast), color var(--cx-transition-fast);
    width: 100%;
    text-align: left;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.action-bar__icon {
    display: inline-flex;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.action-bar__label {
    flex: 1;
}

.action-bar__tab:hover {
    color: var(--cx-text-hover);
    text-decoration: none;
}

a.action-bar__tab,
a.action-bar__tab:hover,
a.action-bar__tab:focus,
a.action-bar__tab:active {
    text-decoration: none;
}

.action-bar__tab:focus-visible {
    outline: none;
    box-shadow: var(--cx-focus-ring);
}

.action-bar__tab[aria-selected="true"] {
    color: var(--cx-text-primary);
    border-bottom: 2px solid var(--cx-focus-ring);
}

.action-bar__tab[disabled],
.action-bar__tab[aria-disabled="true"] {
    color: var(--cx-text-secondary);
    opacity: var(--cx-disabled);
    cursor: not-allowed;
    pointer-events: none;
}

.action-bar__panel {
    padding-top: var(--cx-padding-md);
    padding-bottom: var(--cx-padding-xl);
}

.action-bar__panel[hidden] {
    display: none;
}

.action-bar__panel--fade {
    opacity: 0;
    transition: opacity var(--cx-transition-fast);
}

.action-bar__panel--fade.action-bar__panel--show {
    opacity: 1;
}

.action-bar--article {
    --action-bar-inline-padding: var(--cx-padding-article-body);
    --action-bar-scroll-btn-reserve: calc(var(--action-bar-scroll-btn-size) + var(--cx-space-3));
    --action-bar-edge-fade-width: calc(var(--action-bar-inline-padding) + var(--action-bar-scroll-btn-reserve));
    width: calc(100% + (var(--action-bar-inline-padding) * 2));
    margin: 0.5rem calc(var(--action-bar-inline-padding) * -1) 0;
    position: relative;
    z-index: 0;
    isolation: isolate;
    overflow: visible;
}

.action-bar--article .action-bar__scroll-area {
    position: relative;
    overflow: visible;
    padding-top: var(--action-bar-scroll-top-allowance);
    margin-top: calc(var(--action-bar-scroll-top-allowance) * -1);
}

.action-bar--article .action-bar__tab {
    /* color: var(--cx-text-secondary); */
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.25rem;
    font-size: 0.8rem;
    line-height: 24px;
    font-weight: 400;
    border: 1px solid transparent;
    border-radius: 0.35rem;
    width: auto;
    min-width: 31px;
    min-height: 31px;
    flex: 0 0 auto;
}

.action-bar--article .action-bar__tab:hover {
    text-decoration: none;
}

.action-bar--article .action-bar__tab:focus-visible {
    outline: none;
    box-shadow: none;
}

.action-bar--article .action-bar__tab[aria-selected="true"] {
    font-weight: 700;
    /* background-color: var(--primary-blue-20); */
    color: var(--primary-blue-90);
    border-radius: 0;
    /* border-bottom: 2px solid var(--cx-focus-ring); */
}

.action-bar--article .action-bar__tab[aria-selected="true"] {
    font-weight: 700;
    color: var(--primary-blue-90);
    border-radius: 0;
    border-bottom: 2px solid var(--cx-focus-ring);
}

.action-bar--article .action-bar__list {
    width: max-content;
    min-width: 100%;
    padding-left: calc(var(--action-bar-inline-padding) + var(--action-bar-scroll-btn-reserve));
    padding-right: calc(var(--action-bar-inline-padding) + var(--action-bar-scroll-btn-reserve));
}

.action-bar--scrollable::before,
.action-bar--scrollable::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--action-bar-edge-fade-width);
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: opacity var(--cx-transition-fast);
}

.action-bar--scrollable::before {
    left: 0;
    background: linear-gradient(to right, var(--cx-surface-primary) 40%, transparent 100%);
}

.action-bar--scrollable::after {
    right: 0;
    background: linear-gradient(to left, var(--cx-surface-primary) 40%, transparent 100%);
}

.action-bar--scrollable.action-bar--has-prev::before {
    opacity: 1;
}

.action-bar--scrollable.action-bar--has-next::after {
    opacity: 1;
}

.action-bar__scroll-btn {
    position: absolute;
    top: calc(50% + (var(--action-bar-scroll-top-allowance) / 2) - (var(--action-bar-scrollbar-size) / 2));
    z-index: 3;
    width: var(--action-bar-scroll-btn-size);
    height: var(--action-bar-scroll-btn-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--secondary-gray-30);
    border-radius: var(--cx-radius-sm);
    background: var(--secondary-gray-20);
    background-color: var(--secondary-gray-20);
    color: var(--secondary-gray-80);
    box-shadow: 0 1px 3px rgba(34, 45, 51, 0.08);
    cursor: pointer;
    transition:
        color var(--cx-transition-fast),
        background-color var(--cx-transition-fast),
        border-color var(--cx-transition-fast),
        box-shadow var(--cx-transition-fast),
        opacity var(--cx-transition-fast);
    transform: translateY(-50%);
}

.action-bar__scroll-btn:hover {
    background: var(--secondary-gray-30);
    background-color: var(--secondary-gray-30);
    border-color: var(--secondary-gray-40);
    color: var(--dark);
}

.action-bar__scroll-btn:focus-visible {
    outline: 2px solid var(--cx-focus-ring);
    outline-offset: 2px;
}

.action-bar__scroll-btn--prev {
    left: var(--action-bar-scroll-btn-offset);
}

.action-bar__scroll-btn--next {
    right: var(--action-bar-scroll-btn-offset);
}

.action-bar__scroll-btn[disabled] {
    color: var(--secondary-gray-60);
    background: var(--secondary-gray-10);
    background-color: var(--secondary-gray-10);
    border-color: var(--secondary-gray-20);
    pointer-events: none;
    box-shadow: none;
    opacity: 0.9;
}

.action-bar__scroll-btn .icon {
    display: block;
    flex: 0 0 auto;
    width: 0.625rem;
    height: 0.625rem;
    fill: currentColor;
    color: currentColor;
}

.action-bar__scroll-btn .icon path {
    fill: currentColor;
}

.action-bar__scroll-area .os-scrollbar-horizontal {
    --os-size: var(--action-bar-scrollbar-size);
    height: var(--action-bar-scrollbar-size) !important;
    padding: var(--os-padding-perpendicular) var(--action-bar-inline-padding);
    bottom: 0;
    opacity: 0;
    pointer-events: none;
}

.action-bar__scroll-area:hover .os-scrollbar-horizontal,
.action-bar__scroll-area .os-scrollbar-horizontal:hover,
.action-bar__scroll-area .os-scrollbar-horizontal.os-scrollbar-interaction,
.action-bar__scroll-area .os-scrollbar-horizontal.os-scrollbar-visible {
    opacity: 0 !important;
    pointer-events: none;
}

.action-bar__scroll-area .os-scrollbar-track,
.action-bar__scroll-area .os-scrollbar-track:hover {
    background: var(--cx-divider);
}

.action-bar__scroll-area .os-scrollbar-horizontal .os-scrollbar-handle {
    width: 3rem !important;
    max-width: 3rem !important;
    min-width: 1.75rem !important;
    border-radius: 3px;
}

/* Action Bar Component : END */

/* MDS Variables */
@charset "UTF-8";
/* CSS Document */

:root{
    /* Foundation Colors ------------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
	/* Brand Basics */
	--mds-white: #ffffff;
	--mds-black: #000000;
	--mds-bg-grey: #f7fafd;
	
	/* Primary Blue */
    --mds-primary-blue: #0D93CC;
	/* Tints */
	--mds-primary-blue-10: #e6eced;
	--mds-primary-blue-20: #bbdae6;
	--mds-primary-blue-30: #8fc8e0;
	--mds-primary-blue-40: #64b7d9;
	--mds-primary-blue-50: #38a5d3;
	--mds-primary-blue-60: #0d93cc;
	--mds-primary-blue-70: #107ba9;
	--mds-primary-blue-80: #126386;
	--mds-primary-blue-90: #144c63;
	--mds-primary-blue-100: #173440;

	/* Secondary Purple */
    --mds-secondary-purple: #6656A3;
	/* Tints */
	--mds-secondary-purple-10: #F1F0F7;
	--mds-secondary-purple-20: #DCD8ED;
	--mds-secondary-purple-30: #C7C0E3;
	--mds-secondary-purple-40: #B3A7D8;
	--mds-secondary-purple-50: #9E8FCE;
	--mds-secondary-purple-60: #8977C4;
	--mds-secondary-purple-70: #6656A3;
	--mds-secondary-purple-80: #433482;
	 
	/* Secondary Grey */
    --mds-secondary-grey: #7D8B97;
	/* Tints */
	--mds-secondary-grey-10: #e4e7ea;
	--mds-secondary-grey-20: #d0d4d7;
	--mds-secondary-grey-30: #bdc0c4;
	--mds-secondary-grey-40: #aaadb1;
	--mds-secondary-grey-50: #979a9e;
	--mds-secondary-grey-60: #83878b;
	--mds-secondary-grey-70: #707478;
	--mds-secondary-grey-80: #5d6065;
	--mds-secondary-grey-90: #494d52;
	--mds-secondary-grey-100: #363a3f;
	
	/* Secondary Green */
	--mds-secondary-green: #6FC5B5;
	/* Tints */
	--mds-secondary-green-10: #eff9f7;
	--mds-secondary-green-20: #ddf2ee;
	--mds-secondary-green-30: #caeae4;
	--mds-secondary-green-40: #b8e3db;
	--mds-secondary-green-50: #a6dbd1;
	--mds-secondary-green-60: #94d4c8;
	--mds-secondary-green-70: #81ccbe;
	--mds-secondary-green-80: #6fc5b5;
	
	/* Utility Green */
	--mds-utility-green-10: #ecf8ed;
	--mds-utility-green-20: #cbeacd;
	--mds-utility-green-30: #a1daa5;
	--mds-utility-green-40: #83d28a;
	--mds-utility-green-50: #59c965;
	--mds-utility-green-60: #35b646;
	--mds-utility-green-70: #30a43f;
	--mds-utility-green-80: #2a9237;
	--mds-utility-green-90: #258130;
	--mds-utility-green-100: #164d1d;
	
	/* Utility Red */
	--mds-utility-red-10: #fcf0ef;
	--mds-utility-red-20: #f6d4d1;
	--mds-utility-red-30: #eeb2ad;
	--mds-utility-red-40: #ea9087;
	--mds-utility-red-50: #e86152;
	--mds-utility-red-60: #e92e16;
	--mds-utility-red-70: #d22914;
	--mds-utility-red-80: #ba2411;
	--mds-utility-red-90: #a5200f;
	--mds-utility-red-100: #631309;
	
	/* Utility Yellow */
	--mds-utility-yellow-10: #fefbf5;
	--mds-utility-yellow-20: #fbf4e3;
	--mds-utility-yellow-30: #f8ebcd;
	--mds-utility-yellow-40: #f5dda2;
	--mds-utility-yellow-50: #f5ce65;
	--mds-utility-yellow-60: #f9c31f;
	--mds-utility-yellow-70: #f6bb07;
	--mds-utility-yellow-80: #daa606;
	--mds-utility-yellow-90: #c19305;
	--mds-utility-yellow-100: #745803;
	
	/* Gradient Bases */
	--mds-gradient-blue-40: #1a4152;
	--mds-gradient-blue-30: #0d93cc;
	--mds-gradient-blue-20: #bee1f0;
	--mds-gradient-blue-10: #ffffff;
	--mds-gradient-grey-10: #9eb0b6;
	
	/* Dark Mode Variables */
	@media (prefers-color-scheme: dark) {
		--brand-primary-blue-100: #e6eced;
		--brand-primary-blue-90: #bbdae6;
		--brand-primary-blue-80: #8fc8e0;
		--brand-primary-blue-70: #64b7d9;
		--brand-primary-blue-60: #38a5d3;
		--brand-primary-blue-50: #0d93cc;
		--brand-primary-blue-40: #107ba9;
		--brand-primary-blue-30: #126386;
		--brand-primary-blue-20: #144c63;
		--brand-primary-blue-10: #173440;
		--brand-secondary-green-80: #eff9f7;
		--brand-secondary-green-70: #ddf2ee;
		--brand-secondary-green-60: #caeae4;
		--brand-secondary-green-50: #b8e3db;
		--brand-secondary-green-40: #a6dbd1;
		--brand-secondary-green-30: #94d4c8;
		--brand-secondary-green-20: #81ccbe;
		--brand-secondary-green-10: #6fc5b5;
		--brand-white: #ffffff;
		--brand-black: #000000;
		--utility-green-10: #071a0a;
		--utility-green-20: #15481b;
		--utility-green-30: #258130;
		--utility-green-40: #298f36;
		--utility-green-50: #2fa23e;
		--utility-green-60: #35b646;
		--utility-green-70: #53c760;
		--utility-green-80: #7ed085;
		--utility-green-90: #a1daa5;
		--utility-green-100: #c7e9c9;
		--utility-red-10: #210603;
		--utility-red-20: #5c1208;
		--utility-red-30: #a5200f;
		--utility-red-40: #b72411;
		--utility-red-50: #cf2913;
		--utility-red-60: #e92e16;
		--utility-red-70: #e85b4b;
		--utility-red-80: #ea8a81;
		--utility-red-90: #eeb2ad;
		--utility-red-100: #f5d1ce;
		--utility-yellow-10: #271d01;
		--utility-yellow-20: #6b5203;
		--utility-yellow-30: #c19305;
		--utility-yellow-40: #d6a306;
		--utility-yellow-50: #f3b806;
		--utility-yellow-60: #f9c31f;
		--utility-yellow-70: #f5cc5d;
		--utility-yellow-80: #f5db9a;
		--utility-yellow-90: #f8ebcd;
		--utility-yellow-100: #fbf3e1;
		--brand-bg-grey: #182024;
	}
	
	
	
	/* Foundation Spacing ------------ */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
	--mds-spacing-1: 0.125rem;
	--mds-spacing-2: 0.25rem;
	--mds-spacing-3: 0.375rem;
	--mds-spacing-4: 0.5rem;
	--mds-spacing-5: 0.75rem;
	--mds-spacing-6: 1rem;
	--mds-spacing-7: 1.25rem;
	--mds-spacing-8: 1.5rem;
	--mds-spacing-9: 1.75rem;
	--mds-spacing-10: 2rem;
	--mds-spacing-11: 2.25rem;
	--mds-spacing-12: 2.5rem;
	--mds-spacing-13: 2.75rem;
	--mds-spacing-14: 3rem;
	--mds-spacing-15: 3.25rem;
	--mds-spacing-16: 3.5rem;
	--mds-spacing-17: 3.75rem;
	--mds-spacing-18: 4rem;
	--mds-spacing-19: 4.25rem;
	--mds-spacing-20: 4.5rem;
	--mds-spacing-21: 4.75rem;
	--mds-spacing-22: 5rem;
	--mds-spacing-23: 6rem;
	--mds-spacing-24: 7rem;
	
	
	
	/* Foundation Shape -------------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
    --mds-none: 0rem;
	--mds-radius-xs: 0.125rem;
	--mds-radius-sm: 0.25rem;
	--mds-radius-md: 0.5rem;
	--mds-radius-lg: 1rem;
	--mds-radius-xl: 1.5rem;
	--mds-radius-2xl: 2.5rem;
	--mds-radius-round: 1000rem;

	
	
    
	/* Foundation Typography --------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
	/* Font Family */
    --mds-font: "Poppins", sans-serif;
	
	/* Font Weight */
	--mds-fw-light: 300;
	--mds-fw-regular: 400;
	--mds-fw-medium: 500;
	--mds-fw-semibold: 600;
	--mds-fw-bold: 700;
	
	/* Font Size */
	--mds-fs-1: 0.625rem;
	--mds-fs-2: 0.75rem;
	--mds-fs-3: 0.875rem;
	--mds-fs-4: 1rem;
	--mds-fs-5: 1.125rem;
	--mds-fs-6: 1.25rem;
	--mds-fs-7: 1.5rem;
	--mds-fs-8: 1.75rem;
	--mds-fs-9: 2rem;
	--mds-fs-10: 2.25rem;
	--mds-fs-11: 2.5rem;
	--mds-fs-12: 2.75rem;
	--mds-fs-13: 3rem;
	--mds-fs-14: 3.375rem;
	--mds-fs-15: 3.75rem;
	--mds-fs-16: 4rem;
	--mds-fs-17: 4.25rem;
	--mds-fs-18: 4.75rem;
	--mds-fs-19: 5rem;
	--mds-fs-20: 5.25rem;
	--mds-fs-21: 5.75rem;
	--mds-fs-label-xs: 0.5rem;

	/* Line Height */
	--mds-lh-dense: 1.05;
	--mds-lh-normal: 1.3;
	--mds-lh-expanded: 1.5;
	--mds-lh-1: 0.625rem;
	--mds-lh-2: 0.75rem;
	--mds-lh-3: 0.875rem;
	--mds-lh-4: 1rem;
	--mds-lh-5: 1.125rem;
	--mds-lh-6: 1.25rem;
	--mds-lh-7: 1.5rem;
	--mds-lh-8: 1.75rem;
	--mds-lh-9: 2rem;
	--mds-lh-10: 2.25rem;
	--mds-lh-11: 2.625rem;
	--mds-lh-12: 3rem;
	--mds-lh-13: 3.375rem;
	--mds-lh-14: 3.75rem;
	--mds-lh-15: 4.25rem;
	--mds-lh-16: 4.75rem;
	--mds-lh-17: 5.25rem;
	--mds-lh-18: 5.75rem;
	--mds-lh-19: 1.375rem;
	
	
	
	/* Mapped Variables -------------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
	--mds-min-width: 769px;
	--mds-max-width: 1280px;
	
	--nav-height: 64.4px;
	 
	/* Margin */
	--mds-margin-static: var(--mds-spacing-10);
	
	/* Padding */
	--mds-padding-body: var(--mds-spacing-10);
	--mds-padding-body-xs: 0rem;
	
	--mds-padding-article-body: var(--mds-spacing-14);
	
	--mds-padding-static: var(--mds-spacing-8);
	--mds-padding-xs: var(--mds-spacing-3);
	--mds-padding-sm: var(--mds-spacing-5);
	--mds-padding-smedium: var(--mds-spacing-6);
	--mds-padding-md: var(--mds-spacing-8);
	--mds-padding-lg: var(--mds-spacing-10);
	--mds-padding-xl: var(--mds-spacing-14);
	--mds-padding-xxl: var(--mds-spacing-18);
	
	/* Gutter */
	--mds-gutter-xs: var(--mds-spacing-3);
	--mds-gutter-sm: var(--mds-spacing-5);
	--mds-gutter-smedium: var(--mds-spacing-6);
	--mds-gutter-md: var(--mds-spacing-8);
	--mds-gutter-lg: var(--mds-spacing-10);
	--mds-gutter-xl: var(--mds-spacing-14);
	--mds-gutter-xxl: var(--mds-spacing-18);
	
	/* Global Header Font Size */
	--mds-fs-h1-global: var(--mds-fs-10);
	--mds-fs-h2-global: var(--mds-fs-9);
	--mds-fs-h3-global: var(--mds-fs-8);
	--mds-fs-h4-global: var(--mds-fs-7);
	--mds-fs-h5-global: var(--mds-fs-6);
	--mds-fs-h6-global: var(--mds-fs-4);
	
	/* Article Header Font Size */
	--mds-fs-h1-article: var(--mds-fs-12);
	--mds-fs-h2-article: var(--mds-fs-11);
	--mds-fs-h3-article: var(--mds-fs-10);
	--mds-fs-h4-article: var(--mds-fs-9);
	--mds-fs-h5-article: var(--mds-fs-8);
	--mds-fs-h6-article: var(--mds-fs-7);
	
	/* Display Header Font Size */
	--mds-fs-h1-display: var(--mds-fs-15);
	--mds-fs-h2-display: var(--mds-fs-14);
	--mds-fs-h3-display: var(--mds-fs-13);
	--mds-fs-h4-display: var(--mds-fs-12);
	--mds-fs-h5-display: var(--mds-fs-11);
	
	/* Header Line Height */
	--mds-lh-header: 1.2;
	--mds-lh-h1: var(--mds-lh-11);
	--mds-lh-h2: var(--mds-lh-9);
	--mds-lh-h3: var(--mds-lh-8);
	--mds-lh-h4: var(--mds-lh-7);
	--mds-lh-h5: var(--mds-lh-6);
	--mds-lh-h6: var(--mds-lh-5);
	
	/* Body Line Height */
	--mds-lh-body: 1.4;
	--mds-lh-h1: var(--mds-lh-11);
	--mds-lh-h2: var(--mds-lh-9);
	--mds-lh-h3: var(--mds-lh-8);
	--mds-lh-h4: var(--mds-lh-7);
	--mds-lh-h5: var(--mds-lh-6);
	--mds-lh-h6: var(--mds-lh-5);
	
	/* Text */
	--text-primary: var(--mds-primary-blue-100);
	--text-primary-hover: var(--mds-primary-blue-60);
	--text-primary-selected: var(--mds-primary-blue-60);
	--text-primary-contrastText: var(--mds-white);
	/* must update property below if --mds-primary-blue-100 is updated*/
	--text-primary-85pct: hsl(198 47 17 / .85); 
	--text-primary-85pct: hsl(from var(--mds-primary-blue-100) h s l / .85);
	/* must update property below if --mds-primary-blue-100 is updated*/
	--text-primary-65pct: hsl(198 47 17 / .65);
	--text-primary-65pct: hsl(from var(--mds-primary-blue-100) h s l / .65);
	
	--text-secondary: hsl(from var(--mds-primary-blue-100) h s l / .85);
	--text-secondary-hover: var(--mds-primary-blue-60);
	--text-secondary-selected: var(--mds-primary-blue-60);
	--text-secondary-contrastText: var(--mds-white);
	
	--text-tertiary: hsl(from var(--mds-primary-blue-100) h s l / .65);
	
	/* Disabled variable to be used with opacity: ; property. DO NOT USE FOR color:; */
	--disabled: .38;
	
	/* Border */
	--border-regular: var(--mds-secondary-grey-10);
	/* must update property below if --mds-secondary-grey-10 is updated*/
	--border-subtleWhite: hsl(210 13 91 / .5);
	--border-subtleWhite: hsl(from var(--mds-secondary-grey-10) h s l / .5);
	--border-emphasis: var(--mds-primary-blue-60);
	/* must update property below if --mds-primary-blue-60 is updated*/
	--border-subtleBlue: hsl(198 88 43 / .15);
	--border-subtleBlue: hsl(from var(--mds-primary-blue-60) h s l / .5);
	--border-focused: var(--mds-primary-blue-20);
	
	/* Divider */
	--divider: var(--border-regular);
	
	/* Background */
	--background-primary: var(--mds-white);
	--background-secondary: var(--mds-bg-grey);
	--background-dark: var(--mds-primary-blue-100);
	--background-light: var(--mds-white);
	--background-callout: var(--mds-primary-blue-60);
	
	/* Gradient */
	--gradient-100: var(--mds-primary-blue-60);
	--gradient-200: var(--mds-primary-blue-90);
	
	/* Avatar */
	--avatar-background: var(--mds-secondary-grey-60);
	
	/* Buttons */
	--btn-focusedBorder: var(--mds-primary-blue-20);
	
	--btn-cta: var(--mds-primary-blue-60);
	--btn-cta-hover: var(--mds-primary-blue-80);
	--btn-cta-active: var(--mds-primary-blue-80);
	--btn-cta-disabled: var(--mds-primary-blue-40);
	
	--btn-primary: var(--mds-primary-blue-90);
	--btn-primary-hover: var(--mds-primary-blue-100);
	--btn-primary-active: var(--mds-primary-blue-100);
	--btn-primary-disabled: var();
	
	--btn-primary-outlinedFocused: 2px;
	
	--btn-primary-rev: var(--mds-white);
	--btn-primary-rev-hover: var(--mds-primary-blue-10);
	--btn-primary-rev-active: var(--mds-primary-blue-10);
	/* must update property below if --mds-white is updated*/
	--btn-primary-rev-disabled: hsl(0 0 100 / .5);
	--btn-primary-rev-disabled: hsl(from var(--mds-white) h s l / .5);
	--btn-primary-rev-contrastText: var(--mds-primary-blue-100);
	
	--btn-secondary: var(--mds-secondary-grey-10);
	--btn-secondary-hover: var(--mds-secondary-grey-20);
	--btn-secondary-active: var(--mds-secondary-grey-80);
	/* must update property below if --mds-secondary-grey-10 is updated*/
	--btn-secondary-disabled: hsl(210 13 91 / .5);
	--btn-secondary-disabled: hsl(from var(--mds-secondary-grey-10) h s l / .5);
	
	
	/* Badge */
	--badge-cta: var(--mds-primary-blue-60);
	--badge-cta-hover: var(--mds-primary-blue-80);
	--badge-cta-active: var(--mds-primary-blue-80);
	
	--badge-primary: var(--mds-secondary-grey-10);
	--badge-primary-hover: var(--mds-secondary-grey-20);
	--badge-primary-active: var(--mds-secondary-grey-20);
		
	
	/* Card */
	--card-backgrounds-primary: var(--mds-white);
	--card-backgrounds-primary: hsl(0 0 100 / .96);
	--card-backgrounds-secondary: var(--mds-bg-grey);
	--card-backgrounds-secondary: hsl(210 60 98 / .96);	
	--card-backgrounds-gradient-10: 
		radial-gradient(
			1253.01% 343.82% at -10.18% -53.79%, 
			var(--mds-gradient-blue-10, #FFF) 0%, 
			var(--mds-gradient-blue-20, #BEE1F0) 65%)
		;
	--card-backgrounds-gradient-50: 
		radial-gradient(
			1563.29% 807.52% at -6.58% -321.71%, 
			var(--mds-gradient-blue-20, #BEE1F0) 20.76%, 
			var(--mds-gradient-blue-30, #0D93CC) 71.46%, 
			var(--mds-primary-blue-80, #126386) 100%)
		;
	--card-backgrounds-gradient-90: 
		radial-gradient(
			1449.63% 249.38% at -42.6% -71.67%, 
			var(--mds-primary-blue-30, #8FC8E0) 0%, 
			var(--mds-gradient-blue-30, #0D93CC) 51.77%, 
			var(--mds-gradient-blue-40, #1A4152) 100%)
		;
	
	
	/* Shadows */
    --mds-shadow-xs: 0px 0px 6px hsl(198 47 17 / 0.04);
    --mds-shadow-sm: 0px 6px 10px hsl(0 0 0 / 0.1);
    --mds-shadow-md: 0px 8px 16px hsl(0 0 0 / 0.16);
    --mds-shadow-lg: 0px 10px 20px hsl(0 0 0 / 0.3);
		
		
	/* Transitions */
	--mds-anim-slow: all .75s ease-in-out;
    --mds-anim-normal: all .35s ease-in-out;
	--mds-anim-fast: all .15s ease-in-out;
	
	
		
		
		
	--peakNav-primary-main: var();
	--peakNav-primary-dark: var();
	--peakNav-primary-light: var();
	
	--peakNav-secondary-main: var();
	--peakNav-secondary-dark: var();
	--peakNav-secondary-light: var();
	
	
	/* Tablet Media Queries */
	@media (max-width: 832px) { 
	/* max width above is 768px + 64px <-- 64px is body-padding * 2 */
		
		--mds-min-width: 561px;
		--mds-max-width: 768px;

		/* Margin Variables */
		--mds-margin-static: var(--mds-spacing-10);

		/* Padding Variables */
		--mds-padding-body: var(--mds-spacing-8);
		--mds-padding-body-xs: 0rem;

		--mds-padding-static: var(--mds-spacing-8);
		--mds-padding-xs: var(--mds-spacing-3);
		--mds-padding-sm: var(--mds-spacing-5);
		--mds-padding-smedium: var(--mds-spacing-6);
		--mds-padding-md: var(--mds-spacing-8);
		--mds-padding-lg: var(--mds-spacing-10);
		--mds-padding-xl: var(--mds-spacing-14);
		--mds-padding-xxl: var(--mds-spacing-18);

		/* Gutter Variables */
		--mds-gutter-xs: var(--mds-spacing-3);
		--mds-gutter-sm: var(--mds-spacing-5);
		--mds-gutter-smedium: var(--mds-spacing-6);
		--mds-gutter-md: var(--mds-spacing-8);
		--mds-gutter-lg: var(--mds-spacing-10);
		--mds-gutter-xl: var(--mds-spacing-14);
		--mds-gutter-xxl: var(--mds-spacing-18);
		
		
		
		/* Global Header Font Size */
		--mds-global-h1-fs: var(--mds-fs-9);
		--mds-global-h2-fs: var(--mds-fs-7);
		--mds-global-h3-fs: var(--mds-fs-6);
		--mds-global-h4-fs: var(--mds-fs-5);
		--mds-global-h5-fs: var(--mds-fs-4);
		--mds-global-h6-fs: var(--mds-fs-3);

		/* Article Header Font Size */
		--mds-article-h1-fs: var(--mds-fs-9);
		--mds-article-h2-fs: var(--mds-fs-7);
		--mds-article-h3-fs: var(--mds-fs-6);
		--mds-article-h4-fs: var(--mds-fs-5);
		--mds-article-h5-fs: var(--mds-fs-4);
		--mds-article-h6-fs: var(--mds-fs-3);
	}
	
	
	/* Mobile Media Queries */
	@media (max-width: 560px) {
		
		--mds-min-width: 320px;
		--mds-max-width: 560px;

		/* Margin Variables */
		--mds-margin-static: var(--mds-spacing-10);

		/* Padding Variables */
		--mds-padding-body: 0rem;
		--mds-padding-body-xs: var(--mds-spacing-6);
		
		--mds-padding-article-body: var(--mds-spacing-8);

		--mds-padding-static: var(--mds-spacing-8);
		--mds-padding-xs: var(--mds-spacing-2);
		--mds-padding-sm: var(--mds-spacing-4);
		--mds-padding-smedium: var(--mds-spacing-5);
		--mds-padding-md: var(--mds-spacing-6);
		--mds-padding-lg: var(--mds-spacing-8);
		--mds-padding-xl: var(--mds-spacing-12);
		--mds-padding-xxl: var(--mds-spacing-14);

		/* Gutter Variables */
		--mds-gutter-xs: var(--mds-spacing-2);
		--mds-gutter-sm: var(--mds-spacing-4);
		--mds-gutter-smedium: var(--mds-spacing-5);
		--mds-gutter-md: var(--mds-spacing-6);
		--mds-gutter-lg: var(--mds-spacing-8);
		--mds-gutter-xl: var(--mds-spacing-12);
		--mds-gutter-xxl: var(--mds-spacing-14);
		
		
		/* Global Header Font Size */
		--mds-global-h1-fs: var(--mds-fs-9);
		--mds-global-h2-fs: var(--mds-fs-7);
		--mds-global-h3-fs: var(--mds-fs-6);
		--mds-global-h4-fs: var(--mds-fs-5);
		--mds-global-h5-fs: var(--mds-fs-4);
		--mds-global-h6-fs: var(--mds-fs-3);

		/* Article Header Font Size */
		--mds-article-h1-fs: var(--mds-fs-9);
		--mds-article-h2-fs: var(--mds-fs-7);
		--mds-article-h3-fs: var(--mds-fs-6);
		--mds-article-h4-fs: var(--mds-fs-5);
		--mds-article-h5-fs: var(--mds-fs-4);
		--mds-article-h6-fs: var(--mds-fs-3);
	}
}

/* MDS Buttons : START */
/* Button Styles ----------------- */
/* ------------------------------ */
/* ----------------------------- */
/* ---------------------- (°_°) */


/* Default Button ---------------- */
/* ------------------------------ */

[type="button"], [type="reset"], [type="submit"], button, a.btn, .btn {
    display: inline-flex;
    position: relative;
    column-gap: var(--mds-spacing-4);
    align-items: center;
    justify-content: center;
    padding: var(--mds-spacing-4) var(--mds-spacing-5);
    min-width: var(--mds-spacing-6);
    min-height: var(--mds-spacing-6);
    font-family: var(--mds-font);
    font-size: var(--mds-fs-3);
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
    color: var(--text-primary-contrastText);
    background: var(--btn-primary);
    border: 1px solid var(--btn-primary);
    border-radius: var(--mds-radius-lg);
    box-shadow: none;
    transition: var(--mds-anim-normal);
    flex-shrink: 0;
    cursor: pointer;
    overflow: hidden;
}

a.btn:hover, .btn:hover{
    color: var(--text-primary-contrastText);
    background: var(--btn-primary-hover);
    border: 1px solid var(--btn-primary-hover);
    transition: var(--mds-anim-normal) ;
}

a.btn:focus, .btn:focus,
a.btn:focus-visible, .btn:focus-visible{
    color: var(--text-primary-contrastText);
    background: var(--btn-primary-active);
    border: 1px solid var(--btn-primary-active);
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
    transition: var(--mds-anim-normal);
}

a.btn.btn:active, button.btn.btn:active{
    color: var(--text-primary-contrastText);
    background: var(--btn-primary-active);
    border: 1px solid var(--btn-primary-active);
    transition: var(--mds-anim-normal);
}

.btn svg, .btn .icon{
    max-width: var(--mds-spacing-6); max-height: var(--mds-spacing-6);
}

.btn .fill--clr-1 {
    transition: var(--mds-anim-normal);
}


/* CTA Button -------------------- */
/* ------------------------------ */

a.btn--cta, .btn--cta {
    color: var(--text-primary-contrastText);
    background: transparent;
    border: 1px solid var(--btn-cta);
    overflow: hidden;
}

.btn--cta * {
    position: relative;
    z-index: 2;
}

a.btn--cta::after, .btn--cta::after {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    background: 
      linear-gradient(
          0deg, 
          #107BA9 0%,
          #0693CC 25%,
          #3CABD9 100%
      );
    opacity: 1;
    transition: var(--mds-anim-normal);
}

a.btn--cta:hover, .btn--cta:hover {
    color: var(--text-primary-contrastText);
    background: var(--btn-cta-hover);
    border: 1px solid var(--mds-primary-blue-80);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--cta:hover::after, .btn--cta:hover::after,
a.btn--cta:focus::after, .btn--cta:focus::after,
a.btn--cta:active::after, .btn--cta:active::after {
    opacity: 0;
    transition: var(--mds-anim-normal);
}

a.btn--cta:focus, .btn--cta:focus {
    color: var(--text-primary-contrastText);
    background: var(--btn-cta-hover);
    border: 1px solid var(--mds-primary-blue-80);
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
    box-shadow: var(--mds-shadow-xs);
}

a.btn.btn--cta:active, button.btn.btn--cta:active {
    color: var(--text-primary-contrastText);
    background: var(--btn-cta-hover);
    border: 1px solid var(--mds-primary-blue-80);
    box-shadow: var(--mds-shadow-xs);
}


/* Primary Button ---------------- */
/* ------------------------------ */
/* 
These classes are not needed as they are the same as the default btn class. Left here for reference.

*/
a.btn--primary:hover, .btn--primary:hover {
    color: var(--text-primary-contrastText);
    background: var(--btn-primary-hover);
    border: 1px solid var(--btn-primary-hover);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--primary:focus, .btn--primary:focus {
    color: var(--text-primary-contrastText);
    background: var(--btn-primary-active);
    border: 1px solid var(--btn-primary-active);
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
}

a.btn.btn--primary:active, button.btn.btn--primary:active {
    color: var(--text-primary-contrastText);
    background: var(--btn-primary-active);
    border: 1px solid var(--btn-primary-active);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--primary .fill--clr-1, .btn--primary .fill--clr-1 {fill: var(--text-primary-contrastText);}
a.btn--primary:hover .fill--clr-1, .btn--primary:hover .fill--clr-1,
a.btn--primary:focus .fill--clr-1, .btn--primary:focus .fill--clr-1,
a.btn.btn--primary:active .fill--clr-1, button.btn.btn--primary:active .fill--clr-1 {fill: var(--text-primary-contrastText);}

a.btn--primary:disabled, .btn--primary:disabled,
button.btn--primary[disabled], .btn--primary[aria-disabled="true"] {
    color: var(--text-primary-contrastText);
    background: var(--btn-primary-disabled);
    border: 1px solid var(--btn-primary-disabled);
}

a.btn--primary:disabled .fill--clr-1, .btn--primary:disabled .fill--clr-1,
button.btn--primary[disabled] .fill--clr-1, .btn--primary[aria-disabled="true"] .fill--clr-1 {
    fill: var(--text-primary-contrastText);
}


/* Primary Reverse Button -------- */
/* ------------------------------ */

a.btn--primary-rev, .btn--primary-rev {
    color: var(--btn-primary-rev-contrastText);
    background: var(--btn-primary-rev);
    border: 1px solid var(--btn-primary-rev);
}

a.btn--primary-rev:hover, .btn--primary-rev:hover {
    color: var(--btn-primary-rev-contrastText);
    background: var(--btn-primary-rev-hover);
    border: 1px solid var(--btn-primary-rev-hover);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--primary-rev:focus, .btn--primary-rev:focus {
    color: var(--btn-primary-rev-contrastText);
    background: var(--btn-primary-rev-active);
    border: 1px solid var(--btn-primary-rev-active);
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
    box-shadow: var(--mds-shadow-xs);
}

a.btn.btn--primary-rev:active, button.btn.btn--primary-rev:active {
    color: var(--btn-primary-rev-contrastText);
    background: var(--btn-primary-rev-active);
    border: 1px solid var(--btn-primary-rev-active);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--primary-rev .fill--clr-1, .btn--primary-rev .fill--clr-1 {fill: var(--text-primary);}
a.btn--primary-rev:hover .fill--clr-1, .btn--primary-rev:hover .fill--clr-1 {fill: var(--btn-primary-rev-contrastText);}

a.btn--primary-rev:disabled, .btn--primary-rev:disabled,
button.btn--primary-rev[disabled], .btn--primary-rev[aria-disabled="true"] {
    color: var(--btn-primary-rev-contrastText);
    background: var(--btn-primary-rev-disabled);
    border: 1px solid var(--btn-primary-rev-disabled);
    box-shadow: none;
}

a.btn--primary-rev:disabled .fill--clr-1, .btn--primary-rev:disabled .fill--clr-1,
button.btn--primary-rev[disabled] .fill--clr-1, .btn--primary-rev[aria-disabled="true"] .fill--clr-1 {
    fill: var(--btn-primary-rev-contrastText);
}

/* Primary Outlined Button ------- */
/* ------------------------------ */

a.btn--primary-outlined, .btn--primary-outlined{
    color: var(--text-primary);
    background: transparent;
    border: 1px solid var(--btn-primary);
}

a.btn--primary-outlined:hover, .btn--primary-outlined:hover{
    color: var(--text-primary-contrastText);
    background: var(--btn-primary);
    border: 1px solid var(--btn-primary);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--primary-outlined:focus, .btn--primary-outlined:focus{
    color: var(--text-primary-contrastText);
    background: var(--btn-primary-active);
    border: 1px solid var(--btn-primary-active);
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
    box-shadow: var(--mds-shadow-xs);
}

a.btn.btn--primary-outlined:active, button.btn.btn--primary-outlined:active{
    color: var(--text-primary-contrastText);
    background: var(--btn-primary-active);
    border: 1px solid var(--btn-primary-active);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--primary-outlined .fill--clr-1, .btn--primary-outlined .fill--clr-1 {fill: var(--text-primary);}

a.btn--primary-outlined:hover .fill--clr-1, .btn--primary-outlined:hover .fill--clr-1 {fill: var(--text-primary-contrastText);}
a.btn--primary-outlined:focus .fill--clr-1, .btn--primary-outlined:focus .fill--clr-1,
a.btn.btn--primary-outlined:active .fill--clr-1, button.btn.btn--primary-outlined:active .fill--clr-1 {fill: var(--text-primary-contrastText);}

a.btn--primary-outlined:disabled, .btn--primary-outlined:disabled,
button.btn--primary-outlined[disabled], .btn--primary-outlined[aria-disabled="true"]{
    color: var(--text-primary);
    background: transparent;
    border: 1px solid var(--btn-primary-disabled);
    box-shadow: none;
}

a.btn--primary-outlined:disabled .fill--clr-1, .btn--primary-outlined:disabled .fill--clr-1,
button.btn--primary-outlined[disabled] .fill--clr-1, .btn--primary-outlined[aria-disabled="true"] .fill--clr-1{
    fill: var(--text-primary);
}


/* Primary Outlined Reversed Button ------- */
/* --------------------------------------- */

a.btn--primary-outlined-rev, .btn--primary-outlined-rev{
    color: var(--text-primary-contrastText);
    background: transparent;
    border: 1px solid var(--btn-primary-rev);
}

a.btn--primary-outlined-rev:hover, .btn--primary-outlined-rev:hover{
    color: var(--text-primary);
    background: var(--btn-primary-rev);
    border: 1px solid var(--btn-primary-rev);
}

a.btn--primary-outlined-rev:focus, .btn--primary-outlined-rev:focus{
    color: var(--text-primary);
    background: var(--btn-primary-rev);
    border: 1px solid var(--btn-primary-rev);
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
}

a.btn.btn--primary-outlined-rev:active, button.btn.btn--primary-outlined-rev:active{
    color: var(--text-primary);
    background: var(--btn-primary-rev);
    border: 1px solid var(--btn-primary-rev);
}

a.btn--primary-outlined-rev .fill--clr-1, .btn--primary-outlined-rev .fill--clr-1 {fill: var(--text-primary-contrastText);}
a.btn--primary-outlined-rev:hover .fill--clr-1, .btn--primary-outlined-rev:hover .fill--clr-1,
a.btn--primary-outlined-rev:focus .fill--clr-1, .btn--primary-outlined-rev:focus .fill--clr-1,
a.btn.btn--primary-outlined-rev:active .fill--clr-1, button.btn.btn--primary-outlined-rev:active .fill--clr-1 {fill: var(--text-primary);}

a.btn--primary-outlined-rev:disabled, .btn--primary-outlined-rev:disabled,
button.btn--primary-outlined-rev[disabled], .btn--primary-outlined-rev[aria-disabled="true"]{
    color: var(--text-primary-contrastText);
    background: transparent;
    border: 1px solid var(--btn-primary-rev-disabled);
    box-shadow: none;
}

a.btn--primary-outlined-rev:disabled .fill--clr-1, .btn--primary-outlined-rev:disabled .fill--clr-1,
button.btn--primary-outlined-rev[disabled] .fill--clr-1, .btn--primary-outlined-rev[aria-disabled="true"] .fill--clr-1{
    fill: var(--text-primary-contrastText);
}


/* Primary Text Button ----------- */
/* ------------------------------ */

a.btn--primary-text, .btn--primary-text{
    color: var(--text-primary);
    background: transparent;
    border: 1px solid transparent;
    padding: var(--mds-spacing-4) 0;
}

a.btn--primary-text:hover, .btn--primary-text:hover{
    color: var(--text-primary);
    background: transparent;
    border: 1px solid transparent;
    text-decoration: underline;
}

a.btn--primary-text:focus, .btn--primary-text:focus{
    color: var(--text-primary);
    background: transparent;
    border: 1px solid transparent;
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
    text-decoration: underline;
}

a.btn.btn--primary-text:active, button.btn.btn--primary-text:active{
    color: var(--text-primary);
    background: transparent;
    border: 1px solid transparent;
    text-decoration: underline;
}

a.btn--primary-text .fill--clr-1, .btn--primary-text .fill--clr-1 {fill: var(--text-primary);}
a.btn--primary-text:hover .fill--clr-1, .btn--primary-text:hover .fill--clr-1 {fill: var(--text-primary);}
a.btn--primary-text:focus .fill--clr-1, .btn--primary-text:focus .fill--clr-1,
a.btn.btn--primary-text:active .fill--clr-1, button.btn.btn--primary-text:active .fill--clr-1 {fill: var(--text-primary);}


/* Primary Outlined Text Button ------ */
/* ---------------------------------- */

a.btn--primary-text, .btn--primary-text{
    color: var(--text-primary);
    background: transparent;
    border: 1px solid transparent;
    padding: var(--mds-spacing-4) 0;
}

a.btn--primary-text:hover, .btn--primary-text:hover{
    color: var(--text-primary);
    background: transparent;
    border: 1px solid transparent;
    text-decoration: underline;
}

a.btn--primary-text:focus, .btn--primary-text:focus{
    color: var(--text-primary);
    background: transparent;
    border: 1px solid transparent;
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
    text-decoration: underline;
}

a.btn.btn--primary-text:active, button.btn.btn--primary-text:active{
    color: var(--text-primary);
    background: transparent;
    border: 1px solid transparent;
    text-decoration: underline;
}

a.btn--primary-text .fill--clr-1, .btn--primary-text .fill--clr-1 {fill: var(--text-primary);}
a.btn--primary-text:hover .fill--clr-1, .btn--primary-text:hover .fill--clr-1 {fill: var(--text-primary);}
a.btn--primary-text:focus .fill--clr-1, .btn--primary-text:focus .fill--clr-1,
a.btn.btn--primary-text:active .fill--clr-1, button.btn.btn--primary-text:active .fill--clr-1 {fill: var(--text-primary);}


/* Secondary Button -------------- */
/* ------------------------------ */

a.btn--secondary, .btn--secondary {
    color: var(--text-secondary);
    background: var(--btn-secondary);
    border: 1px solid var(--btn-secondary);
}

a.btn--secondary:hover, .btn--secondary:hover {
    color: var(--text-secondary);
    background: var(--btn-secondary-hover);
    border: 1px solid var(--btn-secondary-hover);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--secondary:focus, .btn--secondary:focus {
    color: var(--text-secondary);
    background: var(--btn-secondary-hover);
    border: 1px solid var(--btn-secondary-hover);
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
    box-shadow: var(--mds-shadow-xs);
}

a.btn.btn--secondary:active, button.btn.btn--secondary:active {
    color: var(--text-secondary);
    background: var(--btn-secondary-active);
    border: 1px solid var(--btn-secondary-active);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--secondary .fill--clr-1, .btn--secondary .fill--clr-1 {
    fill: var(--text-secondary);
}

a.btn--secondary:hover .fill--clr-1, .btn--secondary:hover .fill--clr-1 {
    fill: var(--text-secondary);
}

a.btn--secondary:focus .fill--clr-1, .btn--secondary:focus .fill--clr-1,
a.btn.btn--secondary:active .fill--clr-1, button.btn.btn--secondary:active .fill--clr-1 {
    fill: var(--text-secondary);
}

a.btn--secondary:disabled, .btn--secondary:disabled,
button.btn--secondary[disabled], .btn--secondary[aria-disabled="true"] {
    color: var(--text-secondary);
    background: var(--btn-secondary-disabled);
    border: 1px solid var(--btn-secondary-disabled);
    box-shadow: none;
}

a.btn--secondary:disabled .fill--clr-1, .btn--secondary:disabled .fill--clr-1,
button.btn--secondary[disabled] .fill--clr-1, .btn--secondary[aria-disabled="true"] .fill--clr-1 {
    fill: var(--text-secondary);
}

/* Secondary Outlined Button ----- */
/* ------------------------------ */

a.btn--secondary-outlined, .btn--secondary-outlined {
    color: var(--text-secondary);
    background: transparent;
    border: 1px solid var(--btn-secondary);
}

a.btn--secondary-outlined:hover, .btn--secondary-outlined:hover {
    color: var(--text-secondary);
    background: var(--btn-secondary-hover);
    border: 1px solid var(--btn-secondary-hover);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--secondary-outlined:focus, .btn--secondary-outlined:focus {
    color: var(--text-secondary);
    background: var(--btn-secondary-hover);
    border: 1px solid var(--btn-secondary-hover);
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
    box-shadow: var(--mds-shadow-xs);
}

a.btn.btn--secondary-outlined:active, button.btn.btn--secondary-outlined:active {
    color: var(--text-secondary);
    background: var(--btn-secondary-active);
    border: 1px solid var(--btn-secondary-active);
    box-shadow: var(--mds-shadow-xs);
}

a.btn--secondary-outlined .fill--clr-1, .btn--secondary-outlined .fill--clr-1 {fill: var(--text-secondary);}
a.btn--secondary-outlined:hover .fill--clr-1, .btn--secondary-outlined:hover .fill--clr-1,
a.btn--secondary-outlined:focus .fill--clr-1, .btn--secondary-outlined:focus .fill--clr-1,
a.btn.btn--secondary-outlined:active .fill--clr-1, button.btn.btn--secondary-outlined:active .fill--clr-1 {fill: var(--text-secondary);}

a.btn--secondary-outlined:disabled, .btn--secondary-outlined:disabled,
button.btn--secondary-outlined[disabled], .btn--secondary-outlined[aria-disabled="true"]{
    color: var(--text-secondary);
    background: transparent;
    border: 1px solid var(--btn-secondary-disabled);
    box-shadow: none;
}

a.btn--secondary-outlined:disabled .fill--clr-1, .btn--secondary-outlined:disabled .fill--clr-1,
button.btn--secondary-outlined[disabled] .fill--clr-1, .btn--secondary-outlined[aria-disabled="true"] .fill--clr-1{
    fill: var(--text-secondary);
}


/* Secondary Text Button --------- */
/* ------------------------------ */

a.btn--secondary-text, .btn--secondary-text {
    color: var(--text-secondary);
    background: transparent;
    border: 1px solid transparent;
    padding: inherit 0;
}

a.btn--secondary-text:hover, .btn--secondary-text:hover {
    color: var(--text-secondary-hover);
    background: transparent;
    border: 1px solid transparent;
}

a.btn--secondary-text:focus, .btn--secondary-text:focus {
    color: var(--text-secondary-hover);
    background: transparent;
    border: 1px solid transparent;
    outline: 3px solid var(--border-focused);
    outline-offset: 2px;
}

a.btn.btn--secondary-text:active, button.btn.btn--secondary-text:active {
    color: var(--text-secondary-active);
    background: var(--btn-secondary-active);
    border: 1px solid var(--btn-secondary-active);
}

a.btn--secondary-text .fill--clr-1, .btn--secondary-text .fill--clr-1 {fill: var(--text-secondary);}
a.btn--secondary-text:hover .fill--clr-1, .btn--secondary-text:hover .fill--clr-1,
a.btn--secondary-text:focus .fill--clr-1, .btn--secondary-text:focus .fill--clr-1,
a.btn.btn--secondary-text:active .fill--clr-1, button.btn.btn--secondary-text:active .fill--clr-1 {fill: currentColor;} 

a.btn--secondary-text.btn--icon-only:active,
a.btn--secondary-text.btn--icon-only:focus,
a.btn--secondary-text.btn--icon-only:focus-visible,
button.btn--secondary-text.btn--icon-only:active,
button.btn--secondary-text.btn--icon-only:focus,
button.btn--secondary-text.btn--icon-only:focus-visible {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
}

a.btn--secondary-text.btn--icon-only:active .fill--clr-1,
a.btn--secondary-text.btn--icon-only:focus .fill--clr-1,
a.btn--secondary-text.btn--icon-only:focus-visible .fill--clr-1,
button.btn--secondary-text.btn--icon-only:active .fill--clr-1,
button.btn--secondary-text.btn--icon-only:focus .fill--clr-1,
button.btn--secondary-text.btn--icon-only:focus-visible .fill--clr-1 {
    fill: currentColor;
}

/* Button Links --------- */
/* ------------------------------ */
a.btn--link, .btn--link {
    color: var(--text-primary);
    background-color: transparent;
    border: 1px solid transparent;
}

a.btn--link:hover, .btn--link:hover {
    text-decoration: underline;
    color: var(--text-primary-hover);
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: 0 0 0 transparent;
}

a.btn--link .fill--clr-1, .btn--link .fill--clr-1 {
    fill: var(--text-secondary);
}

a.btn--link:hover .fill--clr-1, .btn--link:hover .fill--clr-1 {
    fill: var(--text-secondary-hover);
}

a.btn--link:focus .fill--clr-1, .btn--link:focus .fill--clr-1,
a.btn.btn--link:active .fill--clr-1, button.btn.btn--link:active .fill--clr-1 {
    fill: var(--text-secondary-hover);
}


/* Button Size Variants ---------------- */
/* (Must come after other variants ---- */

.btn.btn--xs, a.btn--xs, button.btn--xs{
    font-size: var(--mds-fs-3);
    line-height: 1.2;
    padding: 0 var(--mds-spacing-3);
}

.btn--xs svg, .btn--xs .icon{
    max-width: var(--mds-spacing-3); max-height: var(--mds-spacing-3);
}

.btn.btn--sm, a.btn--sm, button.btn--sm{
    font-size: var(--mds-fs-3);
    line-height: 1.2;
    padding: var(--mds-spacing-3) var(--mds-spacing-4);
}

.btn--sm svg, .btn--sm .icon{
    max-width: var(--mds-spacing-5); max-height: var(--mds-spacing-5);
}

.btn.btn--md, a.btn--md, button.btn--md{
    font-size: var(--mds-fs-4);
    line-height: 1.2;
    padding: var(--mds-spacing-4) var(--mds-spacing-5);
}

.btn--md svg, .btn--md .icon{
    max-width: var(--mds-spacing-6); max-height: var(--mds-spacing-6);
}

.btn.btn--lg, a.btn--lg, button.btn--lg{
    font-size: var(--mds-fs-4);
    line-height: 1.2;
    padding: var(--mds-spacing-5) var(--mds-spacing-6);
    column-gap: var(--mds-padding-smedium);
}

.btn--lg svg, .btn--lg .icon{
    max-width: var(--mds-spacing-3); max-height: var(--mds-spacing-3);
}

.btn.btn--icon-only, a.btn--icon-only, button.btn--icon-only{
    padding: var(--mds-spacing-4);
}

.btn.btn--icon-only.btn--xs, a.btn--icon-only.btn--xs, button.btn--icon-only.btn--xs{
    padding: 0;
}

.btn.btn--icon-only.btn--sm, a.btn--icon-only.btn--sm, button.btn--icon-only.btn--sm{
    padding: var(--mds-spacing-2);
}

.btn.btn--icon-only.btn--md, a.btn--icon-only.btn--md, button.btn--icon-only.btn--md{
    padding: var(--mds-spacing-3);
}

.btn.btn--icon-only.btn--lg, a.btn--icon-only.btn--lg, button.btn--icon-only.btn--lg{
    padding: var(--mds-spacing-5);
}
/* MDS Buttons : END */

/* Migrated Actions-Bar : START */
/* Action Bar Styles ----------------- */
/* ------------------------------ */
/* ----------------------------- */
/* ---------------------- (°_°) */

.action-bar {
    display: grid;
    grid-area: action-bar;
    position: relative;
    top: auto;
    inset: auto;
    background: var(--background-primary);
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    float: none;
    --action-bar-inline-padding: 0px;
    --action-bar-scrollbar-size: 8px;
    --action-bar-scroll-btn-size: 1.25rem;
    --action-bar-scroll-btn-offset: max(var(--mds-spacing-2), calc((var(--action-bar-inline-padding) - var(--action-bar-scroll-btn-size)) / 2));
    --action-bar-edge-fade-width: calc(var(--action-bar-inline-padding) + var(--mds-spacing-4));
    --action-bar-scroll-top-allowance: var(--mds-spacing-2);
}

#articleTabsScroll div:first-child {
    top: 0!important;
}]

.action-bar__list {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--mds-spacing-8);
	padding: 0 var(--mds-padding-smedium);
	/* border-bottom: 1px solid var(--border-regular); */
	margin: 0;
	list-style: none;
    min-width: max-content;
}

.action-bar__item {
	margin: 0;
	flex: 0 0 auto;
}

.action-bar__scroll-area {
	width: 100%;
	padding-bottom: 0;
}

.action-bar--article {
    --action-bar-inline-padding: var(--mds-padding-article-body);
    width: calc(100% + (var(--action-bar-inline-padding) * 2));
    margin: .5rem calc(var(--action-bar-inline-padding) * -1) 0;
    position: relative;
    z-index: 0;
    isolation: isolate;
    overflow: visible;
}

.action-bar--article .action-bar__scroll-area {
    position: relative;
    overflow: visible;
    padding-top: var(--action-bar-scroll-top-allowance);
    margin-top: calc(var(--action-bar-scroll-top-allowance) * -1);
}

.action-bar--article .action-bar__list {
	width: max-content;
	min-width: 100%;
    padding-left: var(--action-bar-inline-padding);
    padding-right: var(--action-bar-inline-padding);
}

.action-bar__scroll-area .os-scrollbar-horizontal {
	--os-size: var(--action-bar-scrollbar-size);
    height: var(--action-bar-scrollbar-size) !important;
    padding: var(--os-padding-perpendicular) var(--action-bar-inline-padding);
	bottom: 0;
    opacity: 0;
    pointer-events: none;
}

.action-bar__scroll-area:hover .os-scrollbar-horizontal,
.action-bar__scroll-area .os-scrollbar-horizontal:hover,
.action-bar__scroll-area .os-scrollbar-horizontal.os-scrollbar-interaction,
.action-bar__scroll-area .os-scrollbar-horizontal.os-scrollbar-visible {
    opacity: 0 !important;
    pointer-events: none;
}

.action-bar__scroll-area .os-scrollbar-track,
.action-bar__scroll-area .os-scrollbar-track:hover {
	background: var(--divider);
}

.action-bar__scroll-area .os-scrollbar-horizontal .os-scrollbar-handle {
	width: 3rem !important;
	max-width: 3rem !important;
	min-width: 1.75rem !important;
	border-radius: 3px;
}

.action-bar--vertical {
    flex-direction: row;
}

.action-bar--vertical .action-bar__list {
    flex-direction: column;
}

.action-bar__tab {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    padding: 0 0.125rem 0.25rem 0.125rem;
    font: 500 14px/1.2 ui-sans-serif, system-ui;
    border-radius: 0;
    cursor: pointer;
    text-decoration: none;
    transition: background var(--mds-anim-fast), color var(--mds-anim-fast);
    width: 100%;
    text-align: left;

    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom: 2px solid transparent;
}

.action-bar__icon {
    display: inline-flex;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.action-bar__label {
    flex: 1;
}

.action-bar__tab:hover {
    color: var(--text-primary-hover);
    text-decoration: none;
}

.action-bar__tab:hover span{
    color: var(--text-primary-hover);
}

a.action-bar__tab,
a.action-bar__tab:hover,
a.action-bar__tab:focus,
a.action-bar__tab:active {
    text-decoration: none;
}

.action-bar__tab:focus-visible {
    outline: none;
    box-shadow: var(--mds-primary-blue-50);
}

.action-bar__tab[aria-selected="true"] {
    color: var(--text-primary-selected);
    border-bottom: 2px solid var(--mds-primary-blue-50);
}

.action-bar__tab[aria-selected="true"] span{
    color: var(--text-primary-selected);
}

.action-bar__tab[disabled],
.action-bar__tab[aria-disabled="true"] {
    color: var(--text-secondary);
    opacity: var(--disabled);
    cursor: not-allowed;
    pointer-events: none;
}

.action-bar__panel {
	padding-top: var(--mds-padding-md);
    padding-bottom: var(--mds-padding-xl);
}

.action-bar__panel[hidden] {
    display: none;
}

.action-bar__panel--fade {
    opacity: 0;
    transition: opacity var(--mds-anim-fast);
}

.action-bar__panel--fade.action-bar__panel--show {
    opacity: 1;
}

.action-bar--scrollable::before,
.action-bar--scrollable::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 1px;
    width: var(--action-bar-edge-fade-width);
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: opacity var(--mds-anim-fast);
}

.action-bar--scrollable::before {
    left: 0;
    background: linear-gradient(to right, var(--background-primary) 40%, transparent 100%);
}

.action-bar--scrollable::after {
    right: 0;
    background: linear-gradient(to left, var(--background-primary) 40%, transparent 100%);
}

.action-bar--scrollable.action-bar--has-prev::before {
    opacity: 1;
}

.action-bar--scrollable.action-bar--has-next::after {
    opacity: 1;
}

.action-bar__scroll-btn {
    position: absolute;
    top: calc(50% + (var(--action-bar-scroll-top-allowance) / 2) - (var(--action-bar-scrollbar-size) / 2));
    z-index: 3;
    width: var(--action-bar-scroll-btn-size);
    height: var(--action-bar-scroll-btn-size);
    justify-content: center;
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
    transition: opacity 180ms ease, visibility 180ms ease;
}

.action-bar__scroll-btn--prev {
    left: var(--action-bar-scroll-btn-offset);
}

.action-bar__scroll-btn--next {
    right: var(--action-bar-scroll-btn-offset);
}

.action-bar__scroll-btn[disabled] {
    color: var(--text-tertiary);
    background: var(--btn-secondary);
    border-color: var(--btn-secondary);
    pointer-events: none;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
}

.action-bar__scroll-btn .icon {
    width: 0.625rem;
    height: 0.625rem;
}

.page-layout--article .action-bar__panel h2 {
    margin-top: 2rem;
}

.page-layout--article .action-bar__panel h3 {
    margin-top: 1.5rem;
}

.page-layout--article .action-bar__panel h4 {
    margin-top: 1.125rem;
}

.page-layout--article .action-bar__panel h5 {
    margin-top: 1rem;
}

.page-layout--article .action-bar__panel h6 {
    margin-top: .75rem;
}

.page-layout--article .action-bar__panel p {
    margin-bottom: 1rem;
}

.page-layout--article:first-child .action-bar__panel h2:first-child, .page-layout--article:first-child .action-bar__panel h3:first-child, .page-layout--article:first-child .action-bar__panel h4:first-child, .page-layout--article:first-child .action-bar__panel h5:first-child, .page-layout--article:first-child .action-bar__panel h6:first-child {
    margin-top: 0;
}

.content-teaser__preview-panels{
    width: 100%;
}

.content-teaser__preview-panel {
    display: flex;
    width: 100%;
    column-gap: var(--mds-gutter-smedium);
    justify-content: space-between;
	padding: 0 var(--mds-padding-smedium);
}

.content-teaser__preview-panel[hidden] {
    display: none;
}

.content-teaser__preview-panel--fade {
    opacity: 0;
    transition: opacity var(--mds-anim-fast);
}

.content-teaser__preview-panel--fade.content-teaser__preview-panel--show {
    opacity: 1;
}

.content-teaser__preview-panel--summary.action-bar__panel p,
.content-teaser__preview-panel--takeaways.action-bar__panel ul,
.content-teaser__preview-panel--takeaways.action-bar__panel ol {
  /* default fallback styles */
  position: relative;
  max-height: calc((var(--mds-lh-body)) * 3);
  overflow: hidden;
}

.btn.btn--audio-preview {
    box-shadow: var(--mds-shadow-sm) !important;
    padding-inline: var(--mds-padding-smedium);
}

@supports (-webkit-line-clamp: 1) {
  .content-teaser__preview-panel--summary.action-bar__panel p,
  .content-teaser__preview-panel--takeaways.action-bar__panel ul,
  .content-teaser__preview-panel--takeaways.action-bar__panel ol {
    /* use the clamp approach in supporting browsers */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* optionally override or remove fade overlay */
  }
}

.content-teaser__preview-panel--takeaways.action-bar__panel ul,
.content-teaser__preview-panel--takeaways.action-bar__panel ol {
    margin-bottom: 0;
}

.content-teaser__preview-panel--takeaways.action-bar__panel ul li:nth-child(n+4),
.content-teaser__preview-panel--takeaways.action-bar__panel ol li:nth-child(n+4) {
    display: none;
}


@supports (-webkit-line-clamp: 1) {
    .content-teaser__preview-panels .content-teaser__preview-panel--summary p, .content-teaser__preview-panels .content-teaser__preview-panel--takeaways ul, .content-teaser__preview-panels .content-teaser__preview-panel--takeaways ol {
        /* use the clamp approach in supporting browsers */
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        /* optionally override or remove fade overlay */
    }
}

.content-teaser__preview-panels .content-teaser__preview-panel--takeaways ul, .content-teaser__preview-panels .content-teaser__preview-panel--takeaways ol{
    margin-bottom: 0;
}

.content-teaser__preview-panels .content-teaser__preview-panel--takeaways ul li:nth-child(n+4), .content-teaser__preview-panels .content-teaser__preview-panel--takeaways ol li:nth-child(n+4){
    display: none;
}

.content-teaser .btn.content-teaser__preview-btn,
.content-teaser .btn.content-teaser__preview-btn:hover,
.content-teaser .btn.content-teaser__preview-btn:active {
    background: linear-gradient(90deg, hsl(210 60 98 / .0) 0%, hsl(210 60 98 / 1) 35%);
    position: absolute;
    bottom: calc((var(--mds-padding-smedium) - var(--mds-spacing-4) - 2px) * -1);
    right: calc(var(--mds-padding-smedium) - var(--mds-spacing-4));
    padding: var(--mds-spacing-4) var(--mds-spacing-4) var(--mds-spacing-4) var(--mds-spacing-10);  
    color: var(--text-secondary);
    font-weight: var(--mds-fw-semibold);
    border: 0px solid transparent;
}

.content-teaser .btn.content-teaser__preview-btn:hover{
    color: var(--text-secondary-hover);
}

.action-bar .btn.action-bar__read-more-btn,
.action-bar .btn.action-bar__read-more-btn:hover,
.action-bar .btn.action-bar__read-more-btn:active {
    background: linear-gradient(90deg, hsl(210 60 98 / .0) 0%, hsl(210 60 98 / 1) 35%);
    position: absolute;
    bottom: calc((var(--mds-padding-smedium) - var(--mds-spacing-4) - 2px) * -1);
    right: calc(var(--mds-padding-smedium) - var(--mds-spacing-4));
    padding: var(--mds-spacing-4) var(--mds-spacing-4) var(--mds-spacing-4) var(--mds-spacing-10);  
    color: var(--text-secondary);
    font-weight: var(--mds-fw-semibold);
    border: 0px solid transparent;
}

.action-bar .btn.action-bar__read-more-btn:hover{
    color: var(--text-secondary-hover);
}

.action-bar__footer-buttons{
	display: flex;
	gap: var(--mds-gutter-sm);
}

.action-bar__footer-buttons div:first-child{
	margin-right: auto;
}
/* Migrated Actions-Bar : END */

/* AI Derivative - Report Styles : START ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */

.panel-report {
    min-width: 0;
}

.report-table-card {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.report-table-card table {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
}

.report-table-card th,
.report-table-card td {
    min-width: 9rem;
    padding: var(--mds-spacing-4);
    text-align: left;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
    border-right: 1px solid var(--border-regular);
    border-bottom: 1px solid var(--border-regular);
}

.report-table-card th:last-child,
.report-table-card td:last-child {
    border-right: 0;
}

.report-table-card tr:last-child td {
    border-bottom: 0;
}

.report-table-card th {
    font-weight: var(--mds-fw-semibold);
    background: var(--background-secondary);
}

@media (max-width: 560px) {
    .report-table-card th,
    .report-table-card td {
        min-width: 8.25rem;
        padding: var(--mds-spacing-3);
    }
}
/* AI Derivative - Report Styles : END ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */


/* AI Derivative - Quiz Styles : START ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */
.post__copy.survey {
    --survey-font: "Raleway", sans-serif;
    --survey-text-primary: #173440;
    --survey-text-secondary: #3a525d;
    --survey-text-tertiary: #5d6065;
    --survey-red: #e92e16;
    --survey-red-radio: #dc3545;
    --survey-green-label: #008236;
    --survey-green-radio: #198754;
    --survey-purple-progress: #8977c4;
    --survey-grey-track: #e4e7ea;
    --survey-card-bg: #f7fafd;
    --survey-btn-bg: #144c63;
    --survey-white: #fff;
    --survey-radius-sm: 4px;
    --survey-radius-md: 8px;
    width: 100%;
    max-width: 620px;
    font-family: var(--survey-font);
    color: var(--survey-text-primary);
    box-sizing: border-box;
    flex-direction: column;
    gap: 24px;
    display: flex
}

.post__copy .survey__header {
    align-items: flex-end;
    gap: 24px;
    width: 100%;
    display: flex
}

.post__copy .survey__title {
    color: var(--survey-text-primary);
    flex: 1;
    margin: 0;
    padding-top: 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2
}

.post__copy .survey__progress {
    flex-direction: column;
    flex-shrink: 0;
    align-items: flex-end;
    width: 133px;
    display: flex
}

.post__copy .survey__progress-label {
    color: var(--survey-text-primary);
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4
}

.post__copy .survey__progress-bar {
    width: 100%;
    height: 16px;
    position: relative
}

.post__copy .survey__progress-track {
    background-color: var(--survey-grey-track);
    border-radius: 2px;
    height: 4px;
    position: absolute;
    top: 6px;
    left: 0;
    right: 0
}

.post__copy .survey__progress-fill {
    background-color: var(--survey-purple-progress);
    border-radius: 2px;
    height: 4px;
    position: absolute;
    top: 6px;
    left: 0
}

.post__copy .survey__body {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    display: flex
}

.post__copy .survey__question {
    color: var(--survey-text-primary);
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.post__copy .survey__footer {
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    width: 100%;
    display: flex
}

.post__copy .survey__btn {
    background-color: var(--survey-btn-bg);
    color: var(--survey-white);
    border-radius: var(--survey-radius-sm);
    min-height: 24px;
    font-family: var(--survey-font);
    white-space: nowrap;
    cursor: pointer;
    border: none;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    transition: background-color .15s ease-in-out;
    display: inline-flex
}

.post__copy .survey__btn:hover {
    background-color: #0f3a4d
}

.post__copy .survey__btn:focus-visible {
    outline: 2px solid var(--survey-purple-progress);
    outline-offset: 2px
}

.post__copy .survey__options-section {
    box-sizing: border-box;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding-left: 28px;
    display: flex
}

.post__copy .survey__feedback {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4
}

.post__copy .survey__feedback--wrong {
    color: var(--survey-red)
}

.post__copy .survey__feedback--right {
    color: var(--survey-green-label)
}

.post__copy .survey__options-list {
    flex-direction: column;
    gap: 6px;
    display: flex
}

.post__copy .survey__option {
    background-color: var(--survey-white);
    border: 1px solid var(--survey-grey-track);
    border-radius: var(--survey-radius-md);
    box-sizing: border-box;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 200px;
    height: 36px;
    padding: 8px;
    display: flex
}

.post__copy .survey__radio {
    background-color: var(--survey-white);
    box-sizing: border-box;
    border: 1px solid #00000026;
    border-radius: 100px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative
}

.post__copy .survey__option--correct .survey__radio {
    background-color: var(--survey-green-radio);
    border-color: var(--survey-green-radio)
}

.post__copy .survey__option--correct .survey__radio:after {
    content: "";
    background-color: var(--survey-white);
    border-radius: 100px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.post__copy .survey__option--invalid .survey__radio {
    background-color: var(--survey-red-radio);
    border-color: var(--survey-red-radio)
}

.post__copy .survey__option--invalid .survey__radio:after {
    content: "";
    background-color: var(--survey-white);
    border-radius: 100px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.post__copy .survey__option--disabled .survey__radio {
    background-color: var(--survey-text-tertiary);
    border-color: var(--survey-text-tertiary)
}

.post__copy .survey__option--disabled .survey__radio:after {
    content: "";
    background-color: var(--survey-white);
    border-radius: 100px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.post__copy .survey__option-text {
    color: var(--survey-text-primary);
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4
}

.post__copy .survey__option--correct .survey__option-text {
    color: var(--survey-green-label)
}

.post__copy .survey__option--invalid .survey__option-text {
    color: var(--survey-red)
}

.post__copy .survey__option--disabled .survey__option-text {
    color: var(--survey-grey-track)
}

.post__copy .survey__state-icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex
}

.post__copy .survey__rationale-section {
    box-sizing: border-box;
    width: 100%;
    padding-left: 28px
}

.post__copy .survey__rationale-card {
    background-color: var(--survey-card-bg);
    border-radius: var(--survey-radius-md);
    box-sizing: border-box;
    width: 100%;
    padding: 12px
}

.post__copy .survey__rationale-text {
    color: var(--survey-text-secondary);
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4
}

.post__copy .survey__rationale-text+.post__copy .survey__rationale-text {
    margin-top: 8px
}

.post__copy .survey__rationale-text strong {
    color: var(--survey-text-secondary);
    font-weight: 700
}

.post__copy .survey__summary-overview {
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    display: flex
}

.post__copy .survey__summary {
    flex-direction: column;
    flex-shrink: 0;
    align-items: flex-start;
    gap: 16px;
    display: flex
}

.post__copy .survey__grade-heading {
    color: var(--survey-text-primary);
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

.post__copy .survey__score-links {
    align-items: flex-start;
    gap: 16px;
    display: flex
}

.post__copy .survey__score-card {
    border-radius: var(--survey-radius-md);
    box-sizing: border-box;
    background: radial-gradient(200% 200% at -10% -50%, #fff 0%, #bee1f0 65%);
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    width: 120px;
    padding: 12px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 0 6px #1734400a
}

.post__copy .survey__score-label {
    color: var(--survey-text-primary);
    text-align: center;
    width: 80px;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.post__copy .survey__score-value {
    color: var(--survey-text-primary);
    text-align: center;
    width: 96px;
    margin: 0;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2
}

.post__copy .survey__action-links {
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    display: flex
}

.post__copy .survey__action-link {
    min-height: 24px;
    font-family: var(--survey-font);
    color: var(--survey-text-tertiary);
    white-space: nowrap;
    cursor: pointer;
    background: 0 0;
    border: none;
    align-items: center;
    gap: 6px;
    padding: 4px 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
    display: inline-flex
}

.post__copy .survey__action-link:hover {
    color: var(--survey-text-primary)
}

.post__copy .survey__action-icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    display: flex
}

.post__copy .survey__helpful {
    align-items: center;
    gap: 16px;
    display: flex
}

.post__copy .survey__helpful-label {
    color: var(--survey-text-primary);
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4
}

.post__copy .survey__helpful-btns {
    align-items: center;
    gap: 6px;
    display: flex
}

.post__copy .survey__helpful-btn {
    min-height: 24px;
    font-family: var(--survey-font);
    color: var(--survey-text-tertiary);
    cursor: pointer;
    white-space: nowrap;
    background: 0 0;
    border: none;
    align-items: center;
    gap: 6px;
    padding: 4px 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    display: inline-flex
}

.post__copy .survey__helpful-btn:hover {
    color: var(--survey-text-primary)
}

.post__copy .survey__divider {
    border: none;
    border-top: 1px solid var(--survey-grey-track);
    width: 100%;
    margin: 8px 0
}

.post__copy .survey__divider--thick {
    border-top-width: 3px
}

.post__copy .survey__results {
    background: var(--survey-white);
    flex-direction: column;
    gap: 32px;
    width: 100%;
    display: flex
}

.post__copy .survey__results-heading {
    color: var(--survey-text-primary);
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

.post__copy .survey__qa-list {
    flex-direction: column;
    gap: 64px;
    width: 100%;
    display: flex
}

.post__copy .survey__results-body {
    position: relative
}

.post__copy .survey__results-body--collapsed {
    max-height: 323px;
    overflow: hidden
}

.post__copy .survey__results-body--collapsed:after {
    content: "";
    pointer-events: none;
    background: linear-gradient(#fff0 0%, #fff 50%);
    height: 101px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.post__copy .survey__qa-block {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    display: flex
}

.post__copy .survey__qa-question {
    color: var(--survey-text-primary);
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.post__copy .survey__toggle-wrap {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    display: flex
}

.post__copy .survey__toggle-row {
    align-items: center;
    gap: 5px;
    width: 100%;
    display: flex
}

.post__copy .survey__toggle-line {
    background-color: var(--survey-grey-track);
    flex: 1;
    min-width: 0;
    height: 1px
}

.post__copy .survey__toggle-btn {
    border-radius: var(--survey-radius-sm);
    background: var(--survey-white);
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #d0d4d7;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 6px;
    transition: background-color .15s;
    display: flex
}

.post__copy .survey__toggle-btn:hover {
    background-color: #f0f2f4
}

.post__copy .survey__toggle-btn svg {
    transition: transform .2s
}

.post__copy .survey__toggle-btn.is-expanded svg {
    transform: rotate(180deg)
}

.post__copy .survey__toggle-label {
    color: var(--survey-text-primary);
    text-align: center;
    white-space: nowrap;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4
}

.post__copy .survey__radio--correct {
    accent-color: green
}

.post__copy .survey__radio--incorrect {
    accent-color: red
}

.counter {
    color: var(--accent);
    background: var(--accent-bg);
    border: 2px solid #0000;
    border-radius: 5px;
    margin-bottom: 24px;
    padding: 5px 10px;
    font-size: 16px;
    transition: border-color .3s
}

.counter:hover {
    border-color: var(--accent-border)
}

.counter:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px
}

.hero {
    position: relative
}

.hero .base,
.hero .framework,
.hero .vite {
    margin: 0 auto;
    inset-inline: 0
}

.hero .base {
    z-index: 0;
    width: 170px;
    position: relative
}

.hero .framework,
.hero .vite {
    position: absolute
}

.hero .framework {
    z-index: 1;
    height: 28px;
    top: 34px;
    transform: perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)
}

.hero .vite {
    z-index: 0;
    width: auto;
    height: 26px;
    top: 107px;
    transform: perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)
}

#center {
    flex-direction: column;
    flex-grow: 1;
    place-content: center;
    place-items: center;
    gap: 25px;
    display: flex
}

@media (width<=1024px) {
    #center {
        gap: 18px;
        padding: 32px 20px 24px
    }
}

#next-steps {
    border-top: 1px solid var(--border);
    text-align: left;
    display: flex
}

#next-steps>div {
    flex: 1 1 0;
    padding: 32px
}

@media (width<=1024px) {
    #next-steps>div {
        padding: 24px 20px
    }
}

#next-steps .icon {
    width: 22px;
    height: 22px;
    margin-bottom: 16px
}

@media (width<=1024px) {
    #next-steps {
        text-align: center;
        flex-direction: column
    }
}

#docs {
    border-right: 1px solid var(--border)
}

@media (width<=1024px) {
    #docs {
        border-right: none;
        border-bottom: 1px solid var(--border)
    }
}

#next-steps ul {
    gap: 8px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
    display: flex
}

#next-steps ul .logo {
    height: 18px
}

#next-steps ul a {
    color: var(--text-h);
    background: var(--social-bg);
    border-radius: 6px;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    font-size: 16px;
    text-decoration: none;
    transition: box-shadow .3s;
    display: flex
}

#next-steps ul a:hover {
    box-shadow: var(--shadow)
}

#next-steps ul a .button-icon {
    width: 18px;
    height: 18px
}

@media (width<=1024px) {
    #next-steps ul {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 20px
    }

    #next-steps ul li {
        flex: calc(50% - 8px)
    }

    #next-steps ul a {
        box-sizing: border-box;
        justify-content: center;
        width: 100%
    }
}

#spacer {
    border-top: 1px solid var(--border);
    height: 88px
}

@media (width<=1024px) {
    #spacer {
        height: 48px
    }
}

.ticks {
    width: 100%;
    position: relative
}

.ticks:before,
.ticks:after {
    content: "";
    border: 5px solid #0000;
    position: absolute;
    top: -4.5px
}

.ticks:before {
    border-left-color: var(--border);
    left: 0
}

.ticks:after {
    border-right-color: var(--border);
    right: 0
}
/* AI Derivative - Quiz Styles : END ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */


/* AI Derivative - Poll Styles : START ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */
:root {
    --poll-font:             'Raleway', sans-serif;
    --poll-text-primary:     #173440;
    --poll-text-secondary:   #3a525d;
    --poll-btn-bg:           #144c63;
    --poll-btn-bg-hover:     #0f3a4d;
    --poll-white:            #ffffff;
    --poll-border:           #e4e7ea;
    --poll-radius-sm:        4px;
    --poll-radius-md:        8px;
    --poll-focus-ring:       #8977c4;
    --poll-purple-bar:       #8977c4;
    --poll-purple-label:     #6656a3;
}

/* ============================================================
   Card container
   ============================================================ */

.poll {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 24px;
    background-color: var(--poll-white);
    border: 1px solid var(--poll-border);
    border-radius: var(--poll-radius-md);
    font-family: var(--poll-font);
    color: var(--poll-text-primary);
    box-sizing: border-box;
    backdrop-filter: blur(8px);
    overflow: clip;
}

/* ============================================================
   Question
   ============================================================ */

.poll__question {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--poll-text-primary);
    margin: 0;
}

/* ============================================================
   Multi-choice inputs
   ============================================================ */

.poll__choices {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.poll__instruction {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--poll-text-secondary);
    margin: 0;
}

.poll__options-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ---- Individual option ---- */

.poll__option {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 200px;
    padding: 8px;
    background-color: var(--poll-white);
    border: 1px solid var(--poll-border);
    border-radius: var(--poll-radius-md);
    box-sizing: border-box;
    cursor: pointer;
    font-family: var(--poll-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--poll-text-primary);
    text-align: left;
    transition: border-color 0.15s ease-in-out;
}

.poll__option:hover {
    border-color: #b8bfc4;
}

.poll__option:focus-visible {
    outline: 2px solid var(--poll-focus-ring);
    outline-offset: 2px;
}

/* Selected state */
.poll__option--selected {
    border-color: var(--poll-btn-bg);
}

/* ---- Radio indicator ---- */

.poll__radio {
    position: relative;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: var(--poll-white);
    box-sizing: border-box;
}

.poll__option--selected .poll__radio {
    background-color: var(--poll-btn-bg);
    border-color: var(--poll-btn-bg);
}

.poll__option--selected .poll__radio::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: var(--poll-white);
}

/* ---- Option label text ---- */

.poll__option-text {
    flex: 1;
}

/* ============================================================
   Footer row
   ============================================================ */

.poll__footer {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.poll__responses {
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--poll-text-secondary);
    margin: 0;
}

.poll__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

/* ---- Text button ("See Results") ---- */

.poll__btn-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 24px;
    min-width: 24px;
    padding: 6px;
    background: none;
    border: none;
    border-radius: var(--poll-radius-sm);
    font-family: var(--poll-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: var(--poll-text-primary);
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.15s ease-in-out;
}

.poll__btn-text:hover {
    color: var(--poll-text-secondary);
}

.poll__btn-text:focus-visible {
    outline: 2px solid var(--poll-focus-ring);
    outline-offset: 2px;
}

/* ---- Primary button ("Next") ---- */

.poll__btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 24px;
    min-width: 24px;
    padding: 6px 8px;
    background-color: var(--poll-btn-bg);
    color: var(--poll-white);
    border: none;
    border-radius: var(--poll-radius-sm);
    font-family: var(--poll-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

.poll__btn-primary:hover {
    background-color: var(--poll-btn-bg-hover);
}

.poll__btn-primary:focus-visible {
    outline: 2px solid var(--poll-focus-ring);
    outline-offset: 2px;
}

/* ============================================================
   Results — horizontal bar chart
   ============================================================ */

/* ---- Results list (replaces options-list) ---- */

.poll__results-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ---- Individual result row ---- */

.poll__result {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

/* ---- Percentage ---- */

.poll__result-pct {
    flex-shrink: 0;
    width: 52px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--poll-text-primary);
    margin: 0;
}

/* ---- Bar + labels column ---- */

.poll__result-data {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    gap: 2px;
    justify-content: center;
}

/* ---- Bar track ---- */

.poll__result-bar {
    width: 100%;
    border: 1px solid var(--poll-border);
    box-sizing: border-box;
}

/* ---- Bar fill ---- */

.poll__result-bar-fill {
    height: 28px;
    background-color: var(--poll-purple-bar);
}

/* ---- Labels row (option text + count) ---- */

.poll__result-meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.poll__result-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--poll-text-primary);
    margin: 0;
    white-space: nowrap;
}

.poll__result-count {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--poll-text-primary);
    margin: 0;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ---- Winner modifier ---- */

.poll__result--winner .poll__result-label {
    font-weight: 700;
    color: var(--poll-purple-label);
}
/* AI Derivative - Poll Styles : END ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */



/* AI Derivative - Takeaways Styles : START ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */
.number-of-takeaways{
    font-weight: var(--mds-fw-bold);
}

.panel-takeaways ul {
    display: grid;
    gap: var(--mds-gutter-sm);
}

.panel-takeaways ul .card {
    display: grid;
    grid-template-columns: var(--mds-fs-h4-display) 1fr;
    grid-template-rows: auto auto;
    gap: 0 var(--mds-gutter-sm);
    padding: var(--mds-padding-lg);
    box-shadow: 0 0 0 transparent;
    border: 1px solid var(--mds-secondary-grey-10);
}

.panel-takeaways ul .card .display {
    grid-row: 1/3;
    grid-column: 1/2;
    margin: 0;
    line-height: 0.65;
    font-size: var(--mds-fs-h1-display);
    color: var(--mds-secondary-purple-60);
}

.panel-takeaways ul .card h5.header {
    grid-row: 1/2;
    grid-column: 2/3;
    margin: 0;
}

.panel-takeaways ul .card p {
    grid-row: 2/3;
    grid-column: 2/3;
    margin-bottom: 0;
}
/* AI Derivative - Takeaways Styles : END ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */



/* AI Derivative - Listen Tab Player Styles : START ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */
#listen .audio-player {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--mds-gutter-sm);
    padding: var(--mds-padding-sm) var(--mds-padding-md) var(--mds-padding-sm) var(--mds-padding-sm);
    background: var(--background-secondary);
    border: 1px solid var(--border-regular);
    border-radius: var(--mds-radius-md);
}

#listen .audio-btns {
    display: flex;
    align-items: center;
    gap: var(--mds-gutter-xs);
}

#listen .audio-btn {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 2.5rem;           /* consistent clickable area */
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--mds-anim-fast);
    line-height: 0;    
}

#listen .audio-btn svg {
    display: block;
    width: 1.375rem;
    height: 1.375rem;
    fill: var(--text-primary);
}

#listen .audio-btn:hover svg {
    fill: var(--text-primary-hover);
}

#listen .audio-btn:disabled {
    opacity: var(--disabled);
    cursor: not-allowed;
}

/* === Waveform === */
#listen .audio-wave {
    flex: 1 1 auto;
    min-width: 160px;
}

#listen #waveform {
    width: 100%;
    height: 44px;
}

/* === Time === */
#listen .audio-time {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: var(--mds-fs-3);
    color: var(--text-tertiary);
    white-space: nowrap;
}

/* === Volume Popover === */
#listen .volume-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

#listen .volume-popover {
    position: absolute;
    top: calc(100% + var(--mds-spacing-2));
    left: 50%;
    transform: translateX(-50%);
    padding: var(--mds-padding-xs) var(--mds-padding-sm);
    background: var(--background-primary);
    border: 1px solid var(--border-regular);
    border-radius: var(--mds-radius-sm);
    box-shadow: var(--mds-shadow-sm);
    z-index: 10;
}

#listen .volume-popover[hidden] {
    display: none;
}

/* === AI Footer Popovers === */
.popover--source,
.popover--attribution {
    bottom: calc(anchor(top) + 4px);
    padding: var(--mds-spacing-6);
    max-width: min(420px, 90vw);
    font-family: var(--mds-font);
    background: var(--background-primary);
    border: 1px solid var(--border-regular);
    box-shadow: var(--mds-shadow-sm);
    color: var(--text-secondary);
    overflow-wrap: break-word;
    word-break: break-word;
}

.popover--source {
    left: anchor(left);
}

.popover--attribution {
    right: anchor(right);
}

.action-bar__footer-buttons > .popover-wrapper:only-child .popover--attribution {
    left: anchor(left);
    right: auto;
}

#source-popover.popover--source p {
    margin-bottom: var(--mds-spacing-3);
    line-height: 1.45;
}

#source-popover.popover--source *:last-child,
#attribution-popover.popover--attribution *:last-child {
    margin-bottom: 0;
}

#listen .volume__range {
    width: 110px;
    height: 6px;
    appearance: none;
    background: var(--border-regular);
    border-radius: var(--mds-radius-round);
    outline: none;
}

#listen .volume__range:focus-visible {
    box-shadow: 0 0 0 2px var(--btn-focusedBorder);
}

#listen .volume__range::-webkit-slider-thumb {
    appearance: none;
    width: 14px;
    height: 14px;
    background: var(--mds-primary-blue-60);
    border-radius: var(--mds-radius-round);
    border: 2px solid var(--background-primary);
    cursor: pointer;
}

#listen .volume__range::-moz-range-thumb {
    width: 14px;
    height: 14px;
    background: var(--mds-primary-blue-60);
    border-radius: var(--mds-radius-round);
    border: 2px solid var(--background-primary);
    cursor: pointer;
}

/* === Screen-reader only === */
#listen .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
/* AI Derivative - Listen Tab Player Styles : END ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */


/* AI Derivative - Author Profile Modal Styles : START ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */
.author-profile-link {
    font-weight: 600;
}

.author-profile-modal .modal-dialog {
    max-width: 1080px;
}

.author-profile-modal .modal-content {
    padding: var(--mds-padding-xl);
    border: 0;
    border-radius: var(--mds-radius-lg);
    box-shadow: var(--mds-shadow-lg);
}

.author-profile-modal .modal-body {
    position: relative;
    padding: 0;
}

.author-profile-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.author-profile-modal__layout {
    display: grid;
    gap: var(--mds-gutter-lg);
}

.author-profile-modal__header {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: var(--mds-gutter-md);
    align-items: start;
}

.author-profile-modal__avatar {
    width: 160px;
    height: 160px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid var(--border-regular);
}

.author-profile-modal__title-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: baseline;
    margin-bottom: var(--mds-spacing-2);
}

.author-profile-modal__title-row h2,
.author-profile-modal__title-row p {
    margin: 0;
}

.author-profile-modal__role {
    margin-bottom: var(--mds-spacing-5);
    color: var(--text-secondary);
}

.author-profile-modal__meta {
    display: grid;
    gap: var(--mds-spacing-2);
    margin-bottom: var(--mds-spacing-6);
}

.author-profile-modal__meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mds-spacing-2);
}

.author-profile-modal__meta-row strong {
    font-weight: 600;
}

.author-profile-modal__specialties {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mds-spacing-2);
}

.author-profile-modal__specialties span + span::before {
    content: "•";
    margin-right: var(--mds-spacing-2);
    color: var(--text-tertiary);
}

.author-profile-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mds-gutter-sm);
}

.author-profile-modal__rule {
    margin: 0;
}

.author-profile-modal__section-head {
    margin-bottom: var(--mds-spacing-5);
}

.author-profile-modal__list {
    display: grid;
    gap: var(--mds-gutter-sm);
}

.author-profile-modal__item {
    display: flex;
    flex-direction: row;
    gap: var(--mds-gutter-md);
    align-items: center;
    padding: var(--mds-padding-smedium);
    background: var(--background-secondary);
    border-radius: var(--mds-radius-md);
    box-shadow: 0 0 6px rgba(23, 52, 64, 0.13);
    text-decoration: none;
    color: inherit;
}

.author-profile-modal__item:hover {
    text-decoration: none;
}

.author-profile-modal__item:focus-visible {
    outline: 2px solid var(--btn-focusedBorder);
    outline-offset: 4px;
}

.author-profile-modal__item > div {
    flex: 1 1 auto;
    min-width: 0;
}

.author-profile-modal__item-label,
.author-profile-modal__item-meta {
    margin: 0;
}

.author-profile-modal__item-label {
    color: var(--text-tertiary);
}

.author-profile-modal__item-title {
    margin: 0.25rem 0 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: var(--mds-anim-fast);
}

.author-profile-modal__item:hover .author-profile-modal__item-title,
.author-profile-modal__item:focus-visible .author-profile-modal__item-title {
    color: var(--text-primary-hover);
}

.author-profile-modal__item-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mds-spacing-2);
    color: var(--text-tertiary);
}

.author-profile-modal__dot,
.author-profile-modal__item-dot {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: currentColor;
    opacity: 0.55;
}

.author-profile-modal__time {
    display: inline-flex;
    align-items: center;
    gap: var(--mds-spacing-1);
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: var(--background-primary);
    border: 1px solid var(--border-regular);
    color: var(--text-secondary);
}

.author-profile-modal__thumb {
    flex: 0 0 114px;
    width: 116px;
    height: 64px;
    border-radius: var(--mds-radius-sm);
    object-fit: cover;
}

.author-profile-modal__show-all {
    margin-top: var(--mds-spacing-3);
}

@media (max-width: 767px) {
    .author-profile-modal .modal-content {
        padding: var(--mds-padding-md);
    }

    .author-profile-modal__header {
        grid-template-columns: 1fr;
    }

    .author-profile-modal__avatar {
        width: 96px;
        height: 96px;
    }

    .author-profile-modal__item {
        flex-direction: column;
        align-items: flex-start;
    }

    .author-profile-modal__thumb {
        width: 100%;
        height: auto;
        aspect-ratio: 114 / 64;
    }
}

/* AI Derivative - Author Profile Modal Styles : END ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */




/* AI Derivative - Author Profile Styles : START ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */
.page-layout--profile {
    display: grid;
    grid-template-areas: "profile aside";
    grid-template-columns: 1fr 18.875rem;
    align-items: start;
    gap: var(--mds-gutter-xl) var(--mds-gutter-md);
    padding-top: var(--mds-padding-md);
    padding-bottom: var(--mds-padding-xxl);
}

.profile-page {
    grid-area: profile;
    display: grid;
    gap: var(--mds-gutter-lg);
}

.card.profile-page__hero,
.card.profile-page__panel {
    padding: var(--mds-padding-lg);
}

.profile-page__hero-header {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: var(--mds-gutter-md);
    align-items: start;
}

.profile-page__avatar {
    width: 160px;
    height: 160px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid var(--border-regular);
}

.profile-page__hero-copy {
    display: grid;
    gap: var(--mds-spacing-4);
}

.profile-page__title-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mds-spacing-2);
    align-items: baseline;
}

/* .profile-page__title-row h1,
.profile-page__title-row p,
.profile-page__section h4,
.profile-page__section h6 {
    margin: 0;
} */

.profile-page__title-row p,
.profile-page__role,
.profile-page__item p,
.profile-page__inline-list {
    color: var(--text-secondary);
}

.profile-page__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mds-gutter-sm);
}

.profile-page__tabs {
    display: flex;
    align-items: center;
    gap: var(--mds-padding-md);
    border-bottom: 1px solid var(--border-regular);
}

.profile-page__tab {
    display: inline-flex;
    align-items: center;
    padding: var(--mds-padding-smedium) var(--mds-spacing-2);
    border: 0px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 2px solid transparent;
    color: var(--text-secondary);
    font-size: var(--mds-fs-5);
    font-weight: var(--mds-fw-medium);
    text-decoration: none;
    transition: var(--mds-anim-fast);
    border-style: inset;
}

.profile-page__tab:hover {
    color: var(--text-primary-hover);
    text-decoration: none;
    border-bottom: 2px solid var(--border-subtleBlue);
    transition: var(--mds-anim-fast);
}

.profile-page__tab.is-active {
    border-bottom: 2px solid var(--border-emphasis);
    color: var(--text-primary-hover);
}

.profile-page__tab.is-active:hover {
    border-top: 0px solid transparent;
    border-bottom: 3px solid var(--border-emphasis);
    transition: var(--mds-anim-fast);
}

.profile-page__hero .avatar,
.profile-page__item .avatar{
    width: 100%;
}

.page-layout--profile .area--aside{
    display: grid;
}

.profile-page__item {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--mds-gutter-sm);
    align-items: start;
}

.profile-page__item:has(.avatar){
    grid-template-columns: 18px minmax(0, 1fr);
}

.profile-page__inline-list--bulleted {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    color: var(--text-secondary);
}

.profile-page__inline-list--bulleted li {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: calc(1rem + 8px);
    left: calc(-1rem - 8px);
}

.profile-page__inline-list--bulleted li::before {
    content: "•";
    position: absolute;
    font-size: 1.5rem;
    top: 50%;
    aspect-ratio: 1 / 1;
    color: var(--mds-secondary-grey-30);
    transform: translateY(-51%);
    left: 0;
}

@media (max-width: 767px) {
    .profile-page__hero .avatar--profile{
        width: 100px;
    }
}

.profile-page__panel hr {
    margin: var(--mds-padding-lg) 0;
}

.profile-page__section {
    display: grid;
    gap: var(--mds-spacing-4);
    border-bottom: 1px solid var(--divider);
    width: 100%;
    padding-bottom: var(--mds-gutter-lg);
    margin-bottom: var(--mds-gutter-lg);
}

.profile-page__stack {
    display: grid;
    gap: var(--mds-padding-md);
}

.profile-page__stack--compact {
    gap: var(--mds-padding-sm);
}

.profile-page__item {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: var(--mds-gutter-sm);
    align-items: start;
}

.profile-page__item-icon {
    width: 18px;
    height: 18px;
    border-radius: var(--mds-radius-xs);
    background: var(--border-regular);
    margin-top: 0.25rem;
}

.profile-page__item h6 + p {
    margin-top: 0.15rem;
}

.profile-page__inline-list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--mds-spacing-2);
    align-items: center;
}

.profile-page__bottom-ad {
    padding-bottom: var(--mds-padding-xl);
}

@media (max-width: 970px) {
    .page-layout--profile {
        grid-template-areas:
            "profile"
            "aside";
        grid-template-columns: 1fr;
    }
}

@media (max-width: 966px) {
    .page-layout--profile .aside-grouping--1, .page-layout--profile .aside-grouping--2, .page-layout--profile .aside-grouping--2 > .position-sticky {
        display: grid;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .profile-page__hero-header {
        grid-template-columns: 1fr;
    }

    .profile-page__avatar {
        width: 96px;
        height: 96px;
    }

    .profile-page__hero,
    .profile-page__panel {
        padding: var(--mds-padding-md);
    }

    .profile-page__tabs {
        gap: var(--mds-spacing-4);
        overflow-x: auto;
    }
}
/* AI Derivative - Author Profile Modal Styles : END ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */



/* AI Derivative - Thought Leaders Styles : START ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */
.mds-tabs--article{
	margin: -8px calc(var(--mds-gutter-lg) * -1);
	padding: 8px var(--mds-gutter-lg);
	scroll-padding-inline: var(--mds-gutter-lg);
	width: calc(100% + (2 * var(--mds-gutter-lg)));
	--fade-l: var(--mds-gutter-lg, 8px);
	--fade-r: var(--mds-gutter-lg, 8px);
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: linear-gradient(to right, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	mask-mode: match-source;
	overflow: scroll;
}

#top_thought_leaders .thought-leaders {
	display: grid;
	gap: var(--mds-gutter-md);
}

#top_thought_leaders .thought-leaders__intro {
	max-width: 56ch;
}

#top_thought_leaders .thought-leaders__intro h6 {
	margin-bottom: var(--mds-spacing-1);
}

#top_thought_leaders .thought-leaders__intro-copy {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--mds-spacing-2);
	align-items: baseline;
}

#top_thought_leaders .thought-leaders__intro-copy p,
#top_thought_leaders .thought-leaders__intro-copy a {
	margin: 0;
	font-size: var(--mds-fs-2);
	line-height: 1.4;
}

#top_thought_leaders .thought-leaders__intro-copy a {
	color: var(--mds-primary-blue-60);
	text-decoration: underline;
}

#top_thought_leaders .thought-leaders__list {
	display: grid;
	gap: var(--mds-gutter-md);
	padding-top: var(--mds-padding-md);
	margin: 0;
	list-style: none;
	border-top: 1px solid var(--border-regular);
}

#top_thought_leaders .thought-leaders__item {
	list-style: none;
}

/* Frontend behavior note: hover/focus color and avatar motion are CSS-only; backend only needs to output the trigger markup and matching modal ids. */
#top_thought_leaders .thought-leaders__trigger {
	display: grid;
	grid-template-columns: 2.25rem minmax(0, 1fr);
	gap: var(--mds-spacing-3);
	align-items: center;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
}

#top_thought_leaders .thought-leaders__trigger:has(.avatar){
	grid-template-columns: 2.25rem 40px minmax(0, 1fr);
}

#top_thought_leaders .thought-leaders__trigger:focus-visible {
	outline: 2px solid var(--btn-focusedBorder);
	outline-offset: 4px;
	border-radius: var(--mds-radius-sm);
}

#top_thought_leaders .thought-leaders__rank {
	margin: 0;
	font-size: var(--mds-fs-3);
	font-weight: var(--mds-fw-bold);
	line-height: 1;
	justify-self: start;
}

#top_thought_leaders .avatar--thought-leaders {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border: 1px solid var(--border-regular);
	border-radius: 50%;
	transition: var(--mds-anim-fast);
}

#top_thought_leaders .thought-leaders__trigger:hover .avatar--thought-leaders,
#top_thought_leaders .thought-leaders__trigger:focus-visible .avatar--thought-leaders {
	transform: scale(1.05);
	transition: var(--mds-anim-fast);
}

#top_thought_leaders .avatar--thought-leaders img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#top_thought_leaders .thought-leaders__content {
	min-width: 0;
}

#top_thought_leaders .thought-leaders__name {
	margin: 0 0 2px;
	font-size: var(--mds-fs-2);
	line-height: 1.3;
	transition: var(--mds-anim-fast);
}

#top_thought_leaders .thought-leaders__trigger:hover .thought-leaders__name,
#top_thought_leaders .thought-leaders__trigger:focus-visible .thought-leaders__name {
	color: var(--text-primary-hover);
	transition: var(--mds-anim-fast);
}

#top_thought_leaders .thought-leaders__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem 0.45rem;
	align-items: center;
}

#top_thought_leaders .thought-leaders__meta p,
#top_thought_leaders .thought-leaders__meta span {
	margin: 0;
	font-size: 11px;
	line-height: 1.35;
	color: var(--text-secondary);
}

#top_thought_leaders .thought-leaders__meta span {
	color: var(--text-tertiary);
}

.thought-leader-modal .modal-dialog {
	max-width: 1024px;
}

.thought-leader-modal .modal-content {
	border: 0;
	border-radius: var(--mds-radius-md);
	box-shadow: 0 0 6px rgba(23, 52, 64, 0.13);
}

.thought-leader-modal .modal-body {
	position: relative;
	padding: var(--mds-spacing-12);
}

.thought-leader-modal__close {
	position: absolute;
	top: var(--mds-spacing-6);
	right: var(--mds-spacing-6);
	z-index: 2;
}

.thought-leader-modal__profile {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: var(--mds-spacing-6);
	padding-bottom: var(--mds-spacing-8);
	margin-bottom: var(--mds-spacing-8);
	border-bottom: 1px solid var(--border-regular);
}

.avatar--thought-leaders-modal {
	width: 160px;
	height: 160px;
	overflow: hidden;
	border: 1px solid var(--border-regular);
	border-radius: 50%;
}

.avatar--thought-leaders-modal img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.thought-leader-modal__title-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--mds-spacing-2);
	align-items: baseline;
	margin-bottom: var(--mds-spacing-1);
}

.thought-leader-modal__title-row h1,
.thought-leader-modal__title-row .xl,
.thought-leader-modal__role,
.thought-leader-modal__bio,
.thought-leader-modal__label-row p,
.thought-leader-modal__show-all {
	margin: 0;
}

.thought-leader-modal__role.xl {
	margin-bottom: var(--mds-spacing-4);
}

.thought-leader-modal__details {
	display: grid;
	gap: var(--mds-spacing-1);
	margin-bottom: var(--mds-spacing-4);
}

.thought-leader-modal__label-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--mds-spacing-2);
	align-items: baseline;
}

.thought-leader-modal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mds-spacing-4);
	margin-top: var(--mds-spacing-5);
}

.thought-leader-modal__contributions {
	display: grid;
	gap: var(--mds-gutter-smedium);
}

.thought-leader-modal__contributions h6 {
	margin-bottom: 0;
}

.thought-leader-modal__contribution {
	display: flex;
	gap: var(--mds-gutter-md);
	align-items: center;
	padding: var(--mds-padding-smedium);
	background: var(--background-secondary);
	border-radius: var(--mds-radius-md);
	box-shadow: 0 0 6px rgba(23, 52, 64, 0.13);
	text-decoration: none;
	color: inherit;
}

.thought-leader-modal__contribution:hover {
	text-decoration: none;
}

.thought-leader-modal__contribution:focus-visible {
	outline: 2px solid var(--btn-focusedBorder);
	outline-offset: 4px;
}

.thought-leader-modal__contribution-copy {
	flex: 1 1 auto;
	min-width: 0;
}

.thought-leader-modal__contribution-copy label,
.thought-leader-modal__contribution-copy h5,
.thought-leader-modal__contribution-copy p,
.thought-leader-modal__contribution-meta {
	margin: 0;
}

.thought-leader-modal__contribution-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: var(--mds-anim-fast);
}

.thought-leader-modal__contribution:hover .thought-leader-modal__contribution-title,
.thought-leader-modal__contribution:focus-visible .thought-leader-modal__contribution-title {
	color: var(--text-primary-hover);
	transition: var(--mds-anim-fast);
}

.thought-leader-modal__contribution-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem 0.75rem;
	margin-top: var(--mds-spacing-1);
}

.thought-leader-modal__contribution-meta p {
	font-size: var(--mds-fs-2);
	color: var(--text-secondary);
}

.thought-leader-modal__contribution-thumb {
	flex: 0 0 114px;
	width: 114px;
	height: 64px;
	border-radius: var(--mds-radius-sm);
	overflow: hidden;
}

.thought-leader-modal__contribution-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.thought-leader-modal__show-all {
	display: inline-flex;
	align-items: center;
	gap: var(--mds-spacing-2);
	color: var(--text-primary);
	text-decoration: none;
}

@media (max-width: 575px) {
	#top_thought_leaders .thought-leaders__trigger {
		grid-template-columns: 2rem minmax(0, 1fr);
		gap: var(--mds-spacing-2);
	}

	#top_thought_leaders .thought-leaders__trigger:has(.avatar){
		grid-template-columns: 2rem 40px minmax(0, 1fr);
	}

	#top_thought_leaders .thought-leaders__intro-copy {
		display: block;
	}

	.thought-leader-modal .modal-body {
		padding: var(--mds-spacing-8);
	}

	.thought-leader-modal__profile {
		grid-template-columns: 1fr;
	}

	.avatar--thought-leaders-modal {
		width: 96px;
		height: 96px;
	}

	.thought-leader-modal__contribution {
		flex-direction: column;
		align-items: flex-start;
	}

	.thought-leader-modal__contribution-thumb {
		width: 100%;
		height: auto;
		aspect-ratio: 114 / 64;
	}
}
/* AI Derivative - Thought Leaders Styles : END ------ */
/* ---------------------------------------------- */
/* --------------------------------------------- */
/* -------------------------------------- (°_°) */


/* Top Institutions Derivative : START */
#top_institutions .top-institutions {
	display: grid;
	gap: var(--mds-gutter-md);
}

#top_institutions .top-institutions__intro {
	max-width: 56ch;
}

#top_institutions .top-institutions__intro h6 {
	margin-bottom: var(--mds-spacing-1);
}

#top_institutions .top-institutions__intro-copy p {
	margin: 0;
	font-size: var(--mds-fs-2);
	line-height: 1.4;
}

#top_institutions .top-institutions__list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--border-regular);
}

#top_institutions .top-institutions__item {
	list-style: none;
}

#top_institutions .top-institutions__entry {
	border-bottom: 1px solid var(--border-regular);
}

#top_institutions .top-institutions__entry[open] {
	padding-bottom: var(--mds-padding-md);
}

#top_institutions .top-institutions__summary {
	display: grid;
	grid-template-columns: 2.25rem minmax(0, 1fr) 1rem;
	gap: var(--mds-spacing-3);
	align-items: center;
	padding: var(--mds-padding-md) 0;
	cursor: pointer;
	list-style: none;
}

#top_institutions .top-institutions__summary:has(.avatar) {
	grid-template-columns: 2.25rem 32px minmax(0, 1fr) 1rem;
}

#top_institutions .top-institutions__summary::-webkit-details-marker {
	display: none;
}

#top_institutions .top-institutions__summary:focus-visible {
	outline: 2px solid var(--btn-focusedBorder);
	outline-offset: 4px;
	border-radius: var(--mds-radius-sm);
}

#top_institutions .top-institutions__rank,
#top_institutions .top-institutions__heading h6,
#top_institutions .top-institutions__heading p,
#top_institutions .top-institutions__panel p,
#top_institutions .top-institutions__tags p,
#top_institutions .top-institutions__tags ul {
	margin: 0;
}

#top_institutions .top-institutions__rank {
	font-size: var(--mds-fs-3);
	font-weight: var(--mds-fw-bold);
	line-height: 1;
}

#top_institutions .avatar--top-institutions {
	width: 32px;
	height: 32px;
	overflow: hidden;
	border: 1px solid var(--border-regular);
	border-radius: var(--mds-radius-round);
	transition: var(--mds-anim-fast);
}

#top_institutions .avatar--top-institutions img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#top_institutions .top-institutions__heading {
	min-width: 0;
}

#top_institutions .top-institutions__heading h6 {
	font-size: var(--mds-fs-2);
	line-height: 1.3;
}

#top_institutions .top-institutions__heading p {
	font-size: 11px;
	line-height: 1.35;
	color: var(--text-secondary);
}

#top_institutions .top-institutions__chevron {
	color: var(--text-secondary);
	transition: transform var(--mds-anim-fast);
}

#top_institutions .top-institutions__entry[open] .top-institutions__chevron {
	transform: rotate(180deg);
}

#top_institutions .top-institutions__panel {
	padding-left: calc(2.25rem + 32px + var(--mds-spacing-3));
	display: grid;
	gap: var(--mds-spacing-3);
}

#top_institutions .top-institutions__panel > p {
	max-width: 64ch;
	font-size: var(--mds-fs-2);
	line-height: 1.4;
	color: var(--text-secondary);
}

#top_institutions .top-institutions__tags {
	display: grid;
	gap: 0;
	padding-top: var(--mds-spacing-3);
}

#top_institutions .top-institutions__tags p {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--text-primary);
}

#top_institutions .top-institutions__tags ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.625rem;
	padding: 0;
	list-style: none;
}

#top_institutions .top-institutions__tags li {
	position: relative;
	padding-right: 0.75rem;
}

#top_institutions .top-institutions__tags li:not(:last-child)::after {
	content: "\2022";
	position: absolute;
	right: 0;
	top: 0;
	color: var(--text-tertiary);
}

#top_institutions .top-institutions__tags a {
	color: var(--mds-primary-blue-60);
	text-decoration: underline;
}

@media (max-width: 575px) {
	#top_institutions .top-institutions__summary {
		grid-template-columns: 2rem minmax(0, 1fr) 1rem;
		gap: var(--mds-spacing-2);
	}

	#top_institutions .top-institutions__summary:has(.avatar) {
		grid-template-columns: 2rem 32px minmax(0, 1fr) 1rem;
	}

	#top_institutions .top-institutions__panel {
		padding-left: 0;
	}
}
/* AI Derivative - Top Institutions : END */

/* AI Derivative - Top Topic : START */
#topic .topic-commentaries__intro,
#top_commentaries .topic-commentaries__intro {
	max-width: 62ch;
	margin-bottom: var(--mds-spacing-8);
}

#topic .topic-commentaries__list,
#top_commentaries .topic-commentaries__list {
	display: grid;
	gap: 1.5rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

#topic .topic-commentary,
#top_commentaries .topic-commentary {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.5rem;
	padding-top: 0;
	border-top: 0;
}

#topic .topic-commentary:first-child,
#top_commentaries .topic-commentary:first-child {
	padding-top: 1.5rem;
	border-top: 1px solid var(--border-regular);
}

#topic .topic-commentary__avatar,
#top_commentaries .topic-commentary__avatar {
	width: 40px;
	height: 40px;
	margin-top: var(--mds-spacing-1);
	overflow: hidden;
	border-radius: 50%;
}

#topic .topic-commentary__body,
#top_commentaries .topic-commentary__body {
	min-width: 0;
}

#topic .topic-commentary__name,
#top_commentaries .topic-commentary__name {
	margin: 0 0 var(--mds-spacing-1);
	font-weight: var(--mds-font-weight-semibold);
}

#topic .topic-commentary__meta,
#top_commentaries .topic-commentary__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 0.5rem;
	color: var(--text-secondary);
}

#topic .topic-commentary__meta p,
#top_commentaries .topic-commentary__meta p {
	margin: 0;
}

#topic .topic-commentary__dot,
#top_commentaries .topic-commentary__dot {
	color: var(--text-tertiary);
}

#topic .topic-commentary__quote,
#top_commentaries .topic-commentary__quote {
	position: relative;
	margin: 0 0 var(--mds-spacing-3);
	padding-left: var(--mds-spacing-4);
	border-left: 0;
}

#topic .topic-commentary__quote::before,
#topic .topic-commentary__quote::after,
#top_commentaries .topic-commentary__quote::before,
#top_commentaries .topic-commentary__quote::after {
	position: absolute;
	color: var(--text-secondary);
	font-size: 1.25em;
	line-height: 1;
}

#topic .topic-commentary__quote::before,
#top_commentaries .topic-commentary__quote::before {
	content: "\201C";
	left: 0;
	top: 0.1em;
}

#topic .topic-commentary__quote::after,
#top_commentaries .topic-commentary__quote::after {
	content: "\201D";
	position: static;
	margin-left: 0.1em;
}

#topic .topic-commentary__quote p,
#top_commentaries .topic-commentary__quote p {
	margin: 0;
	display: inline;
}

#topic .topic-commentary__source,
#top_commentaries .topic-commentary__source {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.875rem;
	font-weight: var(--mds-font-weight-medium);
	color: var(--mds-secondary-grey-80);
	text-decoration: none;
}

#topic .topic-commentary__source svg,
#top_commentaries .topic-commentary__source svg {
	flex: 0 0 auto;
}

@media (max-width: 575px) {
	#topic .topic-commentary,
	#top_commentaries .topic-commentary {
		grid-template-columns: 1fr;
		gap: var(--mds-spacing-3);
	}
}
/* AI Derivative - Top Topic : END */

/* Top Banner Styles */
.top-banner{
    position: relative;
    z-index: 1301;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* background: var(--mds-secondary-purple-70); */
    background: linear-gradient(270deg, var(--mds-primary-blue-70) 0%, var(--mds-primary-blue-60) 25%, var(--mds-primary-blue-50) 100%);    
    color: white;
    padding: .75rem 1rem;
    gap: 1rem;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    text-align: center;
}


.top-banner--hidden{
    display: none !important;
}

.top-banner__message{
    flex: 1 1 auto;
    font-size: 0.95rem;
    line-height: 1.4;
    min-width: 0;
}

.top-banner__message a,
.top-banner__message a:visited{
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding-left: 1rem;
}

.top-banner__close{
    opacity: 1;
    padding: 5px;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    background: transparent;
    background-image: none !important;
    /* background-color: white; */
    border-radius: 5rem;
    border: solid 1px white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.top-banner__close span{
    color: white;
    opacity: 1;
    font-size: 1rem;
    font-weight: 400;
    font-family: "Material Symbols Outlined";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: 0.2s ease-in-out;
}

.top-banner__close:hover {
    background-color: var(--mds-primary-blue-60);
    transition: 0.2s ease-in-out;
}

.top-banner__config{
    display: none;
}

@media (max-width: 767px) {
    .top-banner{
        flex-direction: row;
        align-items: stretch;
        text-align: left;
    }

    .top-banner__close{
        align-self: flex-start;
    }
    
   .top-banner__message a, .top-banner__message a:visited{
        display: block;
        padding-left: 0;
    }
}

/* Global Modal Styles */
.global-modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000!important;
	width: 100%;
	height: 100%;
	background: rgba(2, 10, 16, 0.9);
	display: block;
	transition: opacity 0.15s linear;
}

.global-modal-backdrop.show {
	opacity: 1;
}

.global-modal-shell {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	z-index: 20000;
	width: auto;
	pointer-events: none;
}

.global-modal-shell--centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - 0);
}

.global-modal {
	position: relative;
	display: flex;
	pointer-events: auto;
	width: 100%;
	max-width: 725px;
	margin: 0;
}

.global-modal.show {
	position: relative;
	width: auto;
	z-index: 20000;
}

.global-modal__dialog {
	position: relative;
	width: 100%;
	max-width: 725px;
	margin: 0;
	pointer-events: auto;
}

.global-modal__content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	outline: 0;
	overflow: hidden;
	max-height: 90vh;
	overflow-y: auto;
}

.global-modal__wrapper {
	display: grid;
	grid-template-columns: 3fr 2.4fr;
	gap: 0;
	align-items: stretch;
	width: 725px;
}

.global-modal__left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0;
}

.global-modal__right {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);
	padding: 0;
	min-height: 400px;
}

.global-modal__image {
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: contain;
}

.global-modal__image--mobile {
	display: none;
}

.global-modal__image--desktop {
	display: block;
}

.global-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 10;
	border: 0;
	background-color: white;
	color: var(--dark);
	opacity: 1;
	font-size: 0;
	padding: 8px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.global-modal__close span {
	color: var(--dark);
	font-size: 20px;
	font-family: 'Material Symbols Outlined';
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.global-modal__close:hover {
	background-color: var(--secondary-gray-20, #ECEFF1);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.global-modal__header {
	background: transparent;
	padding: 0;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
	text-align: center;
	position: relative;
	width: 100%;
}

.global-modal__logo-main {
	height: 40px;
	width: auto;
}

.global-modal__logo-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.global-modal__logo-mdspire {
	height: 50px;
	width: auto;
}

.global-modal__body {
	padding: 25px 30px 30px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 14px;
	flex: 1;
}

.global-modal__label-heading {
	margin: 0;
	color: var(--conexiant-com-ebony-clay, var(--poll-text-primary, #222D33));
	/* font-family: var(--font-family-Font-1, Poppins); */
	font-size: var(--font-size-18, 18px);
	font-style: normal;
	font-weight: var(--cx-font-weight-semibold, 600);
	line-height: var(--line-height-21_6, 21.6px);
}

.global-modal__title {
	margin: 0;
	color: var(--conexiant-com-ebony-clay, var(--poll-text-primary, #222D33));
	/* font-family: var(--font-family-Font-1, Poppins); */
	font-size: var(--font-size-28, 28px);
	font-style: normal;
	font-weight: var(--cx-font-weight-semibold, 600);
	line-height: var(--line-height-33_6, 33.6px);
}

.global-modal__description {
	margin: 0;
	color: var(--conexiant-com-ebony-clay, var(--poll-text-primary, #222D33));
	/* font-family: var(--font-family-Font-1, Poppins); */
	font-size: var(--font-size-14, 14px);
	font-style: normal;
	font-weight: var(--font-weight-300, 300);
	line-height: var(--line-height-21, 21px);
}

.global-modal__btn-primary {
	background-color: var(--primary-blue-90);
	color: white;
	border: 0;
	padding: 12px 24px;
	/* font-family: var(--font-family-Font-1, Poppins); */
	font-size: var(--font-size-16, 16px);
	font-style: normal;
	font-weight: var(--bs-body-font-weight, 400);
	line-height: var(--line-height-17_6, 17.6px);
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

.global-modal__btn-primary:hover {
	background-color: var(--primary-blue-80);
	color: white;
}

.global-modal__btn-secondary {
	background-color: var(--bg-clr, #F6F6F7);
	color: var(--mds-secondary-grey-50, var(--dark-50, #7E8487));
	border: 0;
	padding: 12px 24px;
	/* font-family: var(--font-family-Font-1, Poppins); */
	font-size: var(--font-size-16, 16px);
	font-style: normal;
	font-weight: var(--bs-body-font-weight, 400);
	line-height: var(--line-height-17_6, 17.6px);
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

.global-modal__btn-secondary:hover {
	color: var(--dark);
	background-color: var(--secondary-grey-10, #ECEFF1);
	box-shadow: inset 0 0 0 1px var(--secondary-grey-10, #D8DFE8);
}

@media (max-width: 767px) {
	.global-modal-shell {
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		margin: 0;
		width: 100%;
		max-width: 480px;
		height: 100%;
	}

	.global-modal.show {
		width: 100%;
		height: 100%;
	}

	.global-modal__wrapper {
		grid-template-columns: 1fr;
		width: 100%;
	}

	.global-modal__right {
		order: -1;
		min-height: 200px;
	}

	.global-modal__image--desktop {
		display: none;
	}

	.global-modal__image--mobile {
		display: block;
	}

	.global-modal__header {
		padding: 25px 20px;
		gap: 12px;
	}

	.global-modal__body {
		padding: 20px 20px 25px 20px;
		justify-content: flex-start;
		gap: 12px;
	}

	.global-modal__btn-primary,
	.global-modal__btn-secondary {
		width: 100%;
		padding: 12px 16px;
	}
}

@media (min-width: 480px) and (max-width: 777px) {
	.global-modal-shell {
		max-width: 400px;
	}
}

@media (max-width: 479px) {
	.global-modal-shell {
		top: 0;
		left: 0;
		transform: none;
		max-width: 100%;
		height: 100%;
	}

	.global-modal__content {
		height: 100vh;
		max-height: 100vh;
		border-radius: 0;
	}

	.global-modal__wrapper {
		align-content: start;
		min-height: 100%;
	}

	.global-modal__right {
		align-items: flex-start;
		min-height: 0;
		height: auto;
	}

	.global-modal__image--mobile {
		display: block;
		width: 100%;
		height: auto;
	}
}

/* Info Page Styles */
.info-page h2 {
    font-size: var(--mds-fs-8);
    line-height: var(--mds-lh-11);
}

.info-page p, .info-page li {
    font-size: var(--mds-fs-4);
    line-height: var(--mds-lh-8);
}

.info-page-hero {
    background-image: url('https://mdspire.com/media/k02da5a5/gradient-full-reverse.jpg');
    background-size: 120%;
    background-position: left top;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    position: relative;
    z-index: 1;
}

.info-page-hero::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width%3D%221920%22 height%3D%22373%22 viewBox%3D%220 0 1920 373%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cmask id%3D%22mask0_2353_2800%22 style%3D%22mask-type%3Aalpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%220%22 y%3D%220%22 width%3D%221920%22 height%3D%22373%22%3E %3Crect width%3D%221920%22 height%3D%22373%22 fill%3D%22url(%23paint0_linear_2353_2800)%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask0_2353_2800)%22%3E %3Cmask id%3D%22mask1_2353_2800%22 style%3D%22mask-type%3Aluminance%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%221030%22 y%3D%22-45%22 width%3D%22579%22 height%3D%22276%22%3E %3Cpath d%3D%22M1395.81 24.2168C1363.39 20.6023 1335.38 1.71663 1312.47 -21.988C1294.96 -40.0378 1264.75 -52.5321 1232.4 -39.3998C1201.99 -27.0531 1179.97 -3.68477 1180.42 33.8141C1180.58 46.3776 1174.76 58.1454 1164.94 65.7333C1155.05 73.7899 1141.77 76.7554 1129.27 73.3472C1060.01 54.593 999.848 135.212 1048.16 199.144C1098.14 261.786 1191.46 223.855 1190.58 152.302C1190.4 139.364 1196.61 127.279 1206.92 119.745C1216.73 112.172 1229.54 109.723 1241.71 112.839C1261.85 117.989 1283.85 114.832 1301.8 104.479C1327.91 89.4227 1358.27 83.1268 1388.47 87.2886C1420.1 90.9801 1449.63 105.638 1472.35 128.4C1552.63 201.757 1654.69 95.7325 1586.56 19.5837C1553.55 -18.3728 1511.01 -11.1702 1485.56 3.32636C1459.17 18.3557 1426.24 28.4077 1395.82 24.2153L1395.81 24.2168Z%22 fill%3D%22white%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask1_2353_2800)%22%3E %3Cpath d%3D%22M1440.66 1020.55L1441.32 1020.18L649.679 -429.755L649.014 -429.391L648.349 -429.027L1440 1020.91L1440.66 1020.55Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1449.27 1015.59L1449.94 1015.23L658.292 -434.711L657.627 -434.347L656.962 -433.984L1448.61 1015.95L1449.27 1015.59Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1457.87 1010.67L1458.53 1010.31L666.89 -439.623L666.225 -439.259L665.56 -438.896L1457.2 1011.04L1457.87 1010.67Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1466.49 1005.78L1467.15 1005.42L675.505 -444.52L674.84 -444.156L674.175 -443.792L1465.82 1006.15L1466.49 1005.78Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1475.09 1000.82L1475.76 1000.46L684.111 -449.479L683.446 -449.115L682.782 -448.752L1474.43 1001.19L1475.09 1000.82Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1483.7 995.931L1484.37 995.567L692.725 -454.366L692.061 -454.002L691.396 -453.639L1483.04 996.295L1483.7 995.931Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1492.31 990.99L1492.98 990.626L701.333 -459.311L700.668 -458.948L700.003 -458.584L1491.65 991.353L1492.31 990.99Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1500.91 986.082L1501.58 985.719L709.93 -464.219L709.266 -463.855L708.601 -463.492L1500.25 986.446L1500.91 986.082Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1509.53 981.156L1510.2 980.792L718.553 -469.14L717.888 -468.777L717.223 -468.413L1508.87 981.52L1509.53 981.156Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1518.14 976.223L1518.8 975.859L727.159 -474.074L726.494 -473.71L725.829 -473.347L1517.47 976.586L1518.14 976.223Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1526.74 971.292L1527.4 970.929L735.757 -479.009L735.092 -478.645L734.427 -478.282L1526.07 971.656L1526.74 971.292Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1535.34 966.365L1536.01 966.001L744.362 -483.932L743.697 -483.568L743.032 -483.205L1534.68 966.728L1535.34 966.365Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1543.96 961.438L1544.62 961.074L752.977 -488.859L752.312 -488.495L751.648 -488.131L1543.29 961.802L1543.96 961.438Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1552.58 956.559L1553.24 956.195L761.594 -493.742L760.929 -493.379L760.264 -493.015L1551.91 956.923L1552.58 956.559Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1561.16 951.623L1561.83 951.259L770.182 -498.678L769.517 -498.315L768.852 -497.951L1560.5 951.986L1561.16 951.623Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1569.79 946.672L1570.46 946.309L778.814 -503.624L778.149 -503.261L777.484 -502.897L1569.13 947.036L1569.79 946.672Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1578.39 941.747L1579.06 941.383L787.413 -508.554L786.748 -508.191L786.083 -507.827L1577.73 942.111L1578.39 941.747Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1586.97 936.815L1587.64 936.451L795.991 -513.486L795.326 -513.123L794.661 -512.759L1586.31 937.179L1586.97 936.815Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1595.62 931.867L1596.29 931.504L804.641 -518.429L803.976 -518.065L803.312 -517.702L1594.96 932.231L1595.62 931.867Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1604.22 926.997L1604.88 926.633L813.238 -523.305L812.574 -522.941L811.909 -522.577L1603.56 927.36L1604.22 926.997Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1612.84 922.047L1613.5 921.684L821.855 -528.254L821.19 -527.891L820.525 -527.527L1612.17 922.411L1612.84 922.047Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1621.45 917.113L1622.11 916.75L830.467 -533.183L829.802 -532.819L829.137 -532.456L1620.78 917.477L1621.45 917.113Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1630.06 912.186L1630.72 911.822L839.075 -538.116L838.41 -537.752L837.746 -537.388L1629.39 912.55L1630.06 912.186Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1638.67 907.267L1639.34 906.904L847.689 -543.034L847.025 -542.67L846.36 -542.307L1638.01 907.631L1638.67 907.267Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1647.27 902.352L1647.94 901.988L856.295 -547.945L855.63 -547.581L854.965 -547.217L1646.61 902.716L1647.27 902.352Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1655.85 897.411L1656.52 897.047L864.876 -552.886L864.211 -552.522L863.546 -552.159L1655.19 897.774L1655.85 897.411Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1664.49 892.501L1665.16 892.137L873.509 -557.801L872.844 -557.437L872.179 -557.073L1663.83 892.864L1664.49 892.501Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1673.08 887.582L1673.75 887.218L882.103 -562.715L881.439 -562.351L880.774 -561.987L1672.42 887.946L1673.08 887.582Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1681.7 882.658L1682.36 882.295L890.719 -567.639L890.055 -567.275L889.39 -566.911L1681.03 883.022L1681.7 882.658Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1690.3 877.738L1690.96 877.374L899.318 -572.563L898.653 -572.2L897.989 -571.836L1689.63 878.102L1690.3 877.738Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1698.92 872.818L1699.59 872.454L907.941 -577.479L907.276 -577.115L906.612 -576.752L1698.26 873.182L1698.92 872.818Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1707.52 867.882L1708.18 867.519L916.538 -582.414L915.873 -582.051L915.209 -581.687L1706.85 868.246L1707.52 867.882Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1716.13 862.948L1716.79 862.584L925.147 -587.354L924.482 -586.99L923.817 -586.626L1715.46 863.311L1716.13 862.948Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1724.74 858.042L1725.41 857.678L933.76 -592.26L933.095 -591.896L932.43 -591.533L1724.08 858.405L1724.74 858.042Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1733.35 853.099L1734.01 852.735L942.368 -597.198L941.703 -596.834L941.038 -596.471L1732.68 853.462L1733.35 853.099Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1741.95 848.167L1742.62 847.804L950.973 -602.134L950.308 -601.77L949.643 -601.406L1741.29 848.531L1741.95 848.167Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1750.56 843.245L1751.22 842.881L959.578 -607.057L958.913 -606.693L958.248 -606.329L1749.89 843.608L1750.56 843.245Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1759.2 838.347L1759.86 837.983L968.219 -611.95L967.555 -611.586L966.89 -611.223L1758.53 838.711L1759.2 838.347Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1767.78 833.408L1768.45 833.044L976.801 -616.894L976.136 -616.53L975.471 -616.166L1767.12 833.771L1767.78 833.408Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1776.38 828.487L1777.04 828.123L985.399 -621.815L984.734 -621.451L984.069 -621.087L1775.72 828.851L1776.38 828.487Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1785.01 823.539L1785.67 823.175L994.028 -626.758L993.363 -626.394L992.699 -626.03L1784.34 823.903L1785.01 823.539Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1793.61 818.64L1794.28 818.276L1002.63 -631.662L1001.96 -631.298L1001.3 -630.935L1792.95 819.003L1793.61 818.64Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1802.22 813.719L1802.88 813.355L1011.23 -636.583L1010.57 -636.219L1009.9 -635.856L1801.55 814.082L1802.22 813.719Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1810.82 808.801L1811.48 808.437L1019.84 -641.496L1019.17 -641.132L1018.51 -640.769L1810.15 809.164L1810.82 808.801Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1819.42 803.847L1820.08 803.483L1028.44 -646.45L1027.77 -646.087L1027.11 -645.723L1818.75 804.21L1819.42 803.847Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1828.03 798.934L1828.69 798.571L1037.04 -651.367L1036.38 -651.003L1035.72 -650.639L1827.36 799.298L1828.03 798.934Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1836.65 794.006L1837.31 793.643L1045.67 -656.29L1045 -655.927L1044.34 -655.563L1835.98 794.37L1836.65 794.006Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1845.26 789.108L1845.92 788.744L1054.28 -661.189L1053.62 -660.825L1052.95 -660.462L1844.59 789.471L1845.26 789.108Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1853.86 784.158L1854.52 783.794L1062.88 -666.144L1062.21 -665.78L1061.55 -665.416L1853.2 784.521L1853.86 784.158Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1862.49 779.25L1863.15 778.886L1071.5 -671.052L1070.84 -670.688L1070.17 -670.325L1861.82 779.613L1862.49 779.25Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1871.05 774.3L1871.72 773.937L1080.07 -675.997L1079.41 -675.633L1078.74 -675.269L1870.39 774.664L1871.05 774.3Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1879.7 769.373L1880.36 769.009L1088.71 -680.928L1088.05 -680.565L1087.39 -680.201L1879.03 769.737L1879.7 769.373Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1888.32 764.465L1888.99 764.102L1097.34 -685.836L1096.68 -685.472L1096.01 -685.109L1887.66 764.829L1888.32 764.465Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1896.92 759.536L1897.58 759.173L1105.94 -690.761L1105.27 -690.397L1104.61 -690.033L1896.25 759.9L1896.92 759.536Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1905.5 754.598L1906.16 754.234L1114.52 -695.703L1113.85 -695.339L1113.19 -694.976L1904.83 754.962L1905.5 754.598Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1914.12 749.677L1914.79 749.313L1123.14 -700.625L1122.48 -700.261L1121.81 -699.897L1913.46 750.041L1914.12 749.677Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1922.72 744.767L1923.39 744.404L1131.75 -705.53L1131.08 -705.166L1130.42 -704.803L1922.06 745.131L1922.72 744.767Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1931.35 739.852L1932.02 739.488L1140.37 -710.449L1139.7 -710.086L1139.04 -709.722L1930.69 740.216L1931.35 739.852Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1939.94 734.919L1940.6 734.555L1148.96 -715.382L1148.29 -715.019L1147.63 -714.655L1939.28 735.283L1939.94 734.919Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1948.57 730.013L1949.23 729.649L1157.59 -720.284L1156.93 -719.92L1156.26 -719.557L1947.9 730.376L1948.57 730.013Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1957.16 725.047L1957.82 724.683L1166.18 -725.25L1165.51 -724.886L1164.85 -724.523L1956.49 725.41L1957.16 725.047Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1965.77 720.142L1966.43 719.778L1174.79 -730.16L1174.12 -729.796L1173.46 -729.432L1965.1 720.505L1965.77 720.142Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M1974.39 715.215L1975.05 714.851L1183.41 -735.081L1182.75 -734.718L1182.08 -734.354L1973.73 715.579L1974.39 715.215Z%22 fill%3D%22%23107BA9%22%2F%3E %3C%2Fg%3E %3Cg opacity%3D%220.7%22%3E %3Cmask id%3D%22mask2_2353_2800%22 style%3D%22mask-type%3Aluminance%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%221433%22 y%3D%22109%22 width%3D%22462%22 height%3D%22374%22%3E %3Cpath d%3D%22M1760.76 477.106C1727.85 490.637 1690.23 474.67 1672.14 445.136L1671.71 444.436C1656.98 419.793 1637.92 395.801 1611.9 384.329L1611.9 384.328C1585.47 372.444 1553.51 373.799 1526.42 381.166C1490.4 390.962 1445.43 364.153 1435.66 319.925L1435.65 319.92C1418.24 244.461 1519.53 199.529 1566.02 269.388C1586.38 300.656 1615.01 325.464 1648.55 340.589C1662.21 346.749 1682.03 344.64 1699.85 337.614C1717.66 330.587 1733.67 318.565 1739.62 304.68C1754.31 270.389 1759.72 232.198 1752.22 194.467C1744.75 151.366 1769.4 121.66 1800.49 112.872C1831.35 104.153 1868.57 116.022 1887.11 155.997L1887.55 156.946C1902.82 192.608 1887.78 232.694 1857.11 247.642C1827.28 262.188 1808.02 283.022 1798.81 307.696C1789.59 332.364 1790.44 360.819 1800.71 390.578C1812.36 424.337 1795.5 463.909 1760.78 477.101L1760.76 477.106Z%22 fill%3D%22white%22 stroke%3D%22white%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask2_2353_2800)%22%3E %3Cpath d%3D%22M2491.3 699.947L2491.52 699.235L1037 260.508L1036.78 261.22L1036.57 261.933L2491.09 700.659L2491.3 699.947Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2493.72 691.301L2493.94 690.589L1039.42 251.862L1039.2 252.575L1038.99 253.287L2493.51 692.014L2493.72 691.301Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2496.18 682.672L2496.39 681.959L1041.88 243.234L1041.66 243.947L1041.45 244.659L2495.96 683.384L2496.18 682.672Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2498.61 674.037L2498.82 673.324L1044.3 234.597L1044.09 235.31L1043.87 236.022L2498.39 674.749L2498.61 674.037Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2501.04 665.422L2501.26 664.71L1046.74 225.983L1046.52 226.695L1046.31 227.408L2500.83 666.134L2501.04 665.422Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2503.46 656.772L2503.68 656.059L1049.16 217.334L1048.95 218.046L1048.73 218.759L2503.25 657.484L2503.46 656.772Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2505.87 648.132L2506.09 647.419L1051.57 208.693L1051.36 209.405L1051.14 210.118L2505.66 648.844L2505.87 648.132Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2508.32 639.497L2508.54 638.785L1054.02 200.058L1053.8 200.77L1053.59 201.483L2508.11 640.21L2508.32 639.497Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2510.75 630.847L2510.96 630.135L1056.45 191.41L1056.23 192.122L1056.02 192.834L2510.53 631.559L2510.75 630.847Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2513.18 622.218L2513.39 621.506L1058.88 182.781L1058.66 183.493L1058.45 184.205L2512.96 622.93L2513.18 622.218Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2515.59 613.578L2515.8 612.865L1061.28 174.139L1061.07 174.851L1060.85 175.563L2515.37 614.29L2515.59 613.578Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2518.01 604.961L2518.22 604.248L1063.71 165.523L1063.49 166.236L1063.28 166.948L2517.79 605.673L2518.01 604.961Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2520.45 596.309L2520.67 595.597L1066.16 156.872L1065.94 157.584L1065.72 158.297L2520.24 597.022L2520.45 596.309Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2522.88 587.687L2523.1 586.975L1068.58 148.248L1068.37 148.961L1068.15 149.673L2522.67 588.4L2522.88 587.687Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2525.33 579.059L2525.55 578.347L1071.03 139.62L1070.81 140.332L1070.6 141.045L2525.12 579.772L2525.33 579.059Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2527.75 570.4L2527.96 569.687L1073.45 130.962L1073.23 131.674L1073.02 132.387L2527.53 571.112L2527.75 570.4Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2530.19 561.791L2530.4 561.078L1075.89 122.352L1075.67 123.064L1075.46 123.777L2529.97 562.503L2530.19 561.791Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2532.6 553.142L2532.81 552.429L1078.3 113.703L1078.08 114.415L1077.87 115.128L2532.38 553.854L2532.6 553.142Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2535.02 544.5L2535.23 543.787L1080.72 105.062L1080.5 105.775L1080.29 106.487L2534.8 545.212L2535.02 544.5Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2537.46 535.862L2537.68 535.15L1083.16 96.4232L1082.95 97.1356L1082.73 97.8481L2537.25 536.575L2537.46 535.862Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2539.89 527.234L2540.1 526.522L1085.58 87.7953L1085.37 88.5077L1085.15 89.2201L2539.67 527.947L2539.89 527.234Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2542.33 518.591L2542.54 517.879L1088.03 79.1536L1087.81 79.866L1087.6 80.5784L2542.11 519.303L2542.33 518.591Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2544.75 509.958L2544.97 509.246L1090.45 70.5189L1090.23 71.2313L1090.02 71.9438L2544.54 510.67L2544.75 509.958Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2547.17 501.314L2547.39 500.602L1092.87 61.8751L1092.65 62.5876L1092.44 63.3L2546.96 502.027L2547.17 501.314Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2549.6 492.688L2549.82 491.975L1095.31 53.2503L1095.09 53.9627L1094.88 54.6751L2549.39 493.4L2549.6 492.688Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2552.04 484.054L2552.26 483.342L1097.74 44.6167L1097.53 45.3291L1097.31 46.0416L2551.83 484.767L2552.04 484.054Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2554.47 475.406L2554.68 474.693L1100.16 35.9667L1099.95 36.6791L1099.73 37.3915L2554.25 476.118L2554.47 475.406Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2556.88 466.771L2557.09 466.059L1102.58 27.334L1102.36 28.0464L1102.15 28.7588L2556.66 467.484L2556.88 466.771Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2559.33 458.15L2559.55 457.437L1105.03 18.7122L1104.82 19.4246L1104.6 20.137L2559.12 458.862L2559.33 458.15Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2561.74 449.496L2561.96 448.783L1107.44 10.0568L1107.23 10.7692L1107.01 11.4816L2561.53 450.208L2561.74 449.496Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2564.17 440.878L2564.39 440.166L1109.87 1.44066L1109.66 2.15306L1109.44 2.86547L2563.96 441.591L2564.17 440.878Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2566.59 432.216L2566.8 431.503L1112.29 -7.22175L1112.07 -6.50934L1111.86 -5.79693L2566.37 432.928L2566.59 432.216Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2569.02 423.593L2569.24 422.881L1114.72 -15.846L1114.5 -15.1336L1114.29 -14.4212L2568.81 424.305L2569.02 423.593Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2571.47 414.961L2571.68 414.249L1117.17 -24.4781L1116.95 -23.7657L1116.73 -23.0533L2571.25 415.673L2571.47 414.961Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2573.9 406.331L2574.11 405.619L1119.6 -33.106L1119.38 -32.3936L1119.17 -31.6812L2573.68 407.044L2573.9 406.331Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2576.33 397.704L2576.54 396.992L1122.02 -41.735L1121.81 -41.0226L1121.59 -40.3102L2576.11 398.416L2576.33 397.704Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2578.74 389.042L2578.95 388.329L1124.43 -50.3973L1124.22 -49.6849L1124 -48.9725L2578.52 389.754L2578.74 389.042Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2581.17 380.411L2581.39 379.698L1126.87 -59.0269L1126.66 -58.3145L1126.44 -57.6021L2580.96 381.123L2581.17 380.411Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2583.61 371.779L2583.83 371.066L1129.31 -67.6603L1129.09 -66.9478L1128.88 -66.2354L2583.4 372.491L2583.61 371.779Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2586.03 363.15L2586.25 362.438L1131.73 -76.2884L1131.51 -75.576L1131.3 -74.8636L2585.82 363.863L2586.03 363.15Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2588.46 354.513L2588.67 353.8L1134.16 -84.9248L1133.94 -84.2124L1133.73 -83.5L2588.24 355.225L2588.46 354.513Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2590.91 345.873L2591.12 345.161L1136.6 -93.5658L1136.39 -92.8534L1136.17 -92.141L2590.69 346.586L2590.91 345.873Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2593.32 337.246L2593.53 336.534L1139.01 -102.193L1138.8 -101.481L1138.58 -100.768L2593.1 337.958L2593.32 337.246Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2595.74 328.606L2595.96 327.894L1141.44 -110.831L1141.23 -110.119L1141.01 -109.406L2595.53 329.319L2595.74 328.606Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2598.18 319.967L2598.4 319.255L1143.88 -119.47L1143.67 -118.758L1143.45 -118.045L2597.97 320.68L2598.18 319.967Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2600.61 311.34L2600.83 310.627L1146.31 -128.099L1146.09 -127.387L1145.88 -126.674L2600.4 312.052L2600.61 311.34Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2603.02 302.704L2603.24 301.992L1148.72 -136.733L1148.51 -136.021L1148.29 -135.308L2602.81 303.417L2603.02 302.704Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2605.46 294.06L2605.67 293.347L1151.16 -145.378L1150.94 -144.665L1150.73 -143.953L2605.24 294.772L2605.46 294.06Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2607.9 285.417L2608.12 284.704L1153.6 -154.022L1153.38 -153.31L1153.17 -152.598L2607.68 286.129L2607.9 285.417Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2610.33 276.796L2610.54 276.083L1156.02 -162.644L1155.81 -161.931L1155.59 -161.219L2610.11 277.508L2610.33 276.796Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2612.75 268.15L2612.96 267.437L1158.45 -171.288L1158.23 -170.575L1158.02 -169.863L2612.53 268.862L2612.75 268.15Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2615.18 259.514L2615.39 258.802L1160.87 -179.925L1160.66 -179.213L1160.44 -178.5L2614.96 260.226L2615.18 259.514Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2617.61 250.881L2617.83 250.169L1163.31 -188.558L1163.1 -187.846L1162.88 -187.134L2617.4 251.593L2617.61 250.881Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2620.04 242.239L2620.26 241.527L1165.74 -197.198L1165.53 -196.486L1165.31 -195.774L2619.82 242.951L2620.04 242.239Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2622.47 233.612L2622.69 232.899L1168.17 -205.828L1167.95 -205.115L1167.74 -204.403L2622.25 234.324L2622.47 233.612Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2624.92 224.976L2625.13 224.264L1170.61 -214.463L1170.4 -213.75L1170.18 -213.038L2624.7 225.689L2624.92 224.976Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2627.33 216.335L2627.55 215.622L1173.04 -223.103L1172.82 -222.39L1172.61 -221.678L2627.12 217.047L2627.33 216.335Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2629.75 207.695L2629.96 206.983L1175.45 -231.744L1175.23 -231.032L1175.02 -230.319L2629.53 208.407L2629.75 207.695Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2632.19 199.066L2632.4 198.354L1177.88 -240.373L1177.67 -239.661L1177.45 -238.948L2631.97 199.778L2632.19 199.066Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2634.62 190.43L2634.84 189.718L1180.32 -249.007L1180.11 -248.295L1179.89 -247.582L2634.41 191.143L2634.62 190.43Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2637.03 181.779L2637.25 181.067L1182.73 -257.658L1182.52 -256.946L1182.3 -256.234L2636.81 182.491L2637.03 181.779Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2639.46 173.162L2639.68 172.45L1185.16 -266.277L1184.94 -265.564L1184.73 -264.852L2639.25 173.875L2639.46 173.162Z%22 fill%3D%22%23107BA9%22%2F%3E %3Cpath d%3D%22M2641.9 164.522L2642.11 163.81L1187.6 -274.915L1187.39 -274.203L1187.17 -273.49L2641.68 165.235L2641.9 164.522Z%22 fill%3D%22%23107BA9%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E %3Cdefs%3E %3ClinearGradient id%3D%22paint0_linear_2353_2800%22 x1%3D%2260.3225%22 y1%3D%22186.085%22 x2%3D%221846.54%22 y2%3D%22301.543%22 gradientUnits%3D%22userSpaceOnUse%22%3E %3Cstop stop-color%3D%22white%22 stop-opacity%3D%220%22%2F%3E %3Cstop offset%3D%221%22 stop-color%3D%22white%22%2F%3E %3C%2FlinearGradient%3E %3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-size: cover;
    z-index: 2;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
}

.info-page-hero__right-column {
    display: grid;
    gap: var(--mds-space-4);
    align-items: center;
}

.info-page-hero__image {
    width: 100%;
    max-width: 300px;
    height: auto;
    object-fit: cover;
}

.info-page-hero__subtitle {
    font-size: var(--mds-fs-6);
    font-weight: var(--mds-fw-semibold);
    line-height: var(--mds-lh-7);
}  

.info-page-hero__title {
    font-size: var(--mds-fs-13);
    font-weight: 400;
    line-height: var(--mds-lh-14);
    color: var(--mds-primary-blue-100);
    position: relative;
    z-index: 3;
}    

@media (max-width: 992px) {
    .info-page-hero__title {
        font-size: var(--mds-fs-10);
        line-height: var(--mds-lh-11);
    }         
}
@media (max-width: 767px) {
    .info-page-hero {
        /* background-image: initial; */
        background-position: left;
    }
        .info-page-hero__right-column {
        /* background: url(https://res.cloudinary.com/broadcastmed/image/fetch/q_auto,c_fill,g_faces:center,f_auto/https://conexiant.com/media/o3xl44vj/mdspire-news-intro-bg-mobile.jpg) no-repeat center; */
        /* background-size: cover; */
    }

    .info-page-hero__title {
        font-size: var(--mds-fs-9);
        line-height: var(--mds-lh-11);
    }       
}

button:has(svg.search-icon) {
	position: absolute;
    bottom: 22px;
    right: 0px;
    overflow: visible;
}