/* Marketing Site CSS Document */

:root{

    --primary-clr-1: #1B75BC;

    --primary-clr-2: #A6CE3C;

    --primary-clr-1-15: #286EB6;

    --secondary-clr-1: #BCBEC0;

    --secondary-clr-2: #664199;

    --dark: #222D33;

    --dark-50: #7E8487;

    --secondary-clr-1-50: #D5D7D7;

    --secondary-clr-1-25: #EAEBEB;

    

    --primary-blue-100: #0C3454;

    --primary-blue-90: #114A77;

    --primary-blue-80: #155B92;

    --primary-blue-70: #1869A8;

    --primary-blue-60: #1B75BC;

    --primary-blue-50: #759BCB;

    --primary-blue-40: #A3B9D9;

    --primary-blue-30: #C6D3E7;

    --primary-blue-20: #E4EAF3;

    --primary-blue-10: #F2F5F9;

    

    --secondary-gray-100: #1D1D1E;

    --secondary-gray-90: #3B3B3C;

    --secondary-gray-80: #58595A;

    --secondary-gray-70: #747577;

    --secondary-gray-60: #909193;

    --secondary-gray-50: #ABACAE;

    --secondary-gray-40: #BCBEC0;

    --secondary-gray-30: #D8D9DA;

    --secondary-gray-20: #ECEDED;

    --secondary-gray-10: #F6F6F6;

    

    --bg-clr: #F6F6F7;

    --header-font: "Poppins", sans-serif;

    --body-font: "Poppins", sans-serif;

    

    --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{

    font-size: 16px;

    font-family: var(--body-font);

    font-weight: 300;

}



body.nav-open{

    overflow: hidden;

/*    height: 100vh;*/

}



body *{

    scroll-margin-top: 80px;

}



main{

    background-color: var(--bg-clr);

    padding: 1px 0;

}



img{

    max-width: 100%;

    height: auto;

    vertical-align: middle;

    font-style: italic;

    background-repeat: no-repeat;

    background-size: cover;

    shape-margin: 1rem;

}



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-clr-2);

    padding: .25rem 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: 2px solid var(--primary-clr-2);

    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;

}



.section-heading{

/*    text-transform: uppercase;*/

    font-weight: 300;

    letter-spacing: .2px;

    font-size: 1.85rem;

}



p{

    /* font-size: 0.875rem; */

    font-size: 1rem;

    line-height: 1.5;

    font-weight: 300;

}



strong {font-weight: 600;}

b{font-weight: 700;}



hr, hr:not([size]){

    height: 2px;

    width: 100%;

    border: 0px transparent;

    background-color: #EAEBEB;

    border-radius: 2rem;

    opacity: 1;

}

hr.hr--green{background-color: var(--primary-clr-2);}



a{

    color: var(--primary-clr-1);

    text-decoration: none;

    transition: .2s ease-in-out;

}



a:hover{

    color: var(--primary-clr-1);

    text-decoration: underline;

    transition: .2s ease-in-out;

}



.max-width{max-width: 1400px;}

.max-width--md{max-width: 920px;}



.animated-underline{

    background-image: linear-gradient(var(--primary-clr-2), var(--primary-clr-2));

    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;

}



ul{padding: 0 0 0 1rem;}

li{margin-bottom: .5rem;}



.white-text{color: white;}



.bg--x, .x-bg {

    /* background-image: url("../images/x-bg-grey.jpg"); */

    background-image: url("https://res.cloudinary.com/broadcastmed/image/fetch/q_auto,c_crop,g_faces:center,f_auto,h_1323,w_1767/https://conexiant-solutions.useast01.umbraco.io/media/e1mjlbit/x-bg-grey.jpg");

    background-repeat: repeat;

    background-size: 700px;

    background-attachment: fixed;

}

.bg--gradient{

    /*background: linear-gradient(242deg, #69D467 0%, #075DB4 100%);*/

    background: linear-gradient(108deg, #1B75BC 24.91%, #A6CE3C 99.85%);

}   

.bg--gradient-blue, .blue-gradient{background-image: linear-gradient(180deg, var(--primary-clr-1) 50%, #015392 100%)}



/*.container-fluid{padding-right: 2rem;padding-left: 2rem;}*/



.py-6{padding-top: 3rem;padding-bottom: 3rem;}

.py-7{padding-top: 5rem;padding-bottom: 5rem;}



.py--section{padding-top: 5rem;padding-bottom: 5rem;}



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



.border-radius-2{border-radius: .5rem;overflow: hidden;}















/* Site Wide Text Styles */

.tag-texts, p.tag-texts, .card__copy .tag-texts, .card-copy .tag-texts{

    color: var(--dark-50);

    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(--dark-50);

    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: 2px solid var(--primary-clr-2);

}    



.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-clr-2);

    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;

}



.bullet-lvl-2{

    margin-left: 1rem;

}









/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/*-- Layout Styles : START --*/

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */



.grid{display: grid !important;}



.grid--2col{grid-template-columns: repeat(2, 1fr) !important;}

.grid--3col{grid-template-columns: repeat(3, 1fr) !important;}

.grid--4col{grid-template-columns: repeat(4, 1fr) !important;}

.grid--6col{grid-template-columns: repeat(6, 1fr) !important;}

.grid--9col{grid-template-columns: repeat(9, 1fr) !important;}

.grid--12col{grid-template-columns: repeat(12, 1fr) !important;}



.grid--4col-auto{grid-template-columns: repeat(4, auto) !important;}



.grid-span--1col{grid-column: span 1;}

.grid-span--2col{grid-column: span 2;}

.grid-span--3col{grid-column: span 3;}

.grid-span--4col{grid-column: span 4;}

.grid-span--5col{grid-column: span 5;}

.grid-span--6col{grid-column: span 6;}

.grid-span--7col{grid-column: span 7;}

.grid-span--8col{grid-column: span 8;}

.grid-span--9col{grid-column: span 9;}

.grid-span--10col{grid-column: span 10;}

.grid-span--11col{grid-column: span 11;}

.grid-span--12col{grid-column: span 12;}



.grid--12col__1-3{grid-column: 1/3;}

.grid--12col__1-4{grid-column: 1/4;}

.grid--12col__1-5{grid-column: 1/5;}

.grid--12col__1-6{grid-column: 1/6;}

.grid--12col__1-7{grid-column: 1/7;}

.grid--12col__3-7{grid-column: 3/7;}

.grid--12col__4-7{grid-column: 4/7;}

.grid--12col__5-13{grid-column: 5/13;}

.grid--12col__6-13{grid-column: 6/13;}

.grid--12col__7-13{grid-column: 7/13;}



.gap-1 {gap: .25rem !important;}

.gap-2 {gap: .5rem !important;}

.gap-3 {gap: 1rem !important;}

.gap-4 {gap: 1.5rem !important;}

.gap-4 {gap: 1.5rem !important;}

.gap-5 {gap: 2rem !important;}

.gap-6 {gap: 2.5rem !important;}

.gap-7 {gap: 3rem !important;}

.gap-8 {gap: 3.5rem !important;}

.gap-9 {gap: 4rem !important;}



.col-gap-3{column-gap: 1rem !important;}



.col-count-2{column: 2 250px;column-gap: 1.5rem;}

.col-count-3{columns: 3 250px;column-gap: 1.5rem;}

.col-count-4{columns: 4 250px;column-gap: 1.5rem;}

.col-count-5{columns: 5 250px;column-gap: 1.5rem;}

.col-count-6{columns: 6 250px;column-gap: 1.5rem;}



.grid__content-col .grid{

    align-items: flex-start;

}



.grid--1fr-400{grid-template-columns: 1fr 400px;gap: 2rem;align-items: flex-start;}

.grid--300-1fr{grid-template-columns: 300px 1fr;gap: 2rem;align-items: flex-start;}



@media (max-width: 750px) { 

    .col-count-2{

        column-count: 1;

    }

}



.flex{display: flex;}



.flex--3col {flex-wrap: wrap;justify-content: center;margin: 0 -1.5rem;}

.flex--3col > *{flex: 0 1 calc((100%/3) - 2rem);}



@media (max-width: 950px) { 

    .flex--3col {margin: 0 -.75rem;}

    .flex--3col > *{flex: 0 1 calc((100%/2) - 1.5rem);}

}



@media (max-width: 750px) { 

    .flex--3col {margin: 0 0rem;}

    .flex--3col > *{flex: 0 1 calc(100%);}

}



/*-- Layout Styles : END --*/











/*-- All Button Styles : START --*/



/*-- Old Button Styles : Depreciated! : START --*/

a.btn, .btn, .hs-submit .hs-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background-color: var(--primary-clr-1);

    color: white;

    padding: .5rem .75rem;

    border: 0;

    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);

    box-shadow: 0 0 10px rgba(0,0,0,0.15);

    transition: .2s ease-in-out;

}

.btn--white, a.btn--white{

    background-color: white;

    color: var(--primary-clr-1);

}

.btn--white:hover, a.btn--white:hover{

    background-color: var(--primary-clr-2);

    color: var(--dark);

}

.btn--green, a.btn--green, .hs-submit .hs-button.primary {

    background-color: var(--primary-clr-2);

    border: 1px solid var(--primary-clr-2);

    color: var(--dark);

}

.btn--green:hover, a.btn--green:hover {

    background-color: var(--primary-clr-1);

    border: 1px solid var(--primary-clr-1);

    color: white;

}

.btn--blue, a.btn--blue{

    background-color: var(--primary-clr-1);

    color: white;

}

.btn--blue:hover, a.btn--blue:hover {

    background-color: white;

    color: var(--primary-clr-1);

}

.btn.btn--whitehover:hover{

    background-color: white;

    color: var(--primary-clr-1);

}

.intro .btn--green:hover, .intro a.btn--green:hover {

    background-color: white;

    color: var(--primary-clr-1);

}

/*-- Old Button Styles : Depreciated! : END --*/



/* Button Base Styles */

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);
    border: 1px solid var(--primary-clr-2);
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    transition: .2s ease-in-out;
}

a.btn .fill--clr-1, .btn .fill--clr-1 {

    fill: var(--primary-blue-40);

    transition: .2s ease-in-out;

}

a.btn:hover .fill--clr-1, .btn:hover .fill--clr-1 {

    fill: var(--dark);

    transition: .2s ease-in-out;

}

/* CTA */

a.btn--cta, .btn--cta, #btnSubmit {

    color: var(--dark);

    background-color: var(--primary-clr-2);

    border: 1px solid var(--primary-clr-2);

}

a.btn--cta:hover, .btn--cta:hover, #btnSubmit:hover {

    color: white;

    background-color: var(--primary-clr-1);

    border: 1px solid var(--primary-clr-1);

}

a.btn--cta .fill--clr-1, .btn--cta .fill--clr-1, #btnSubmit .fill--clr-1{

    fill: var(--secondary-gray-80);

}

a.btn--cta:hover .fill--clr-1, .btn--cta:hover .fill--clr-1, #btnSubmit:hover .fill--clr-1 {

    fill: white;

}

/* Primary */

a.btn--primary, .btn--primary {

    color: white;

    background-color: var(--primary-clr-1);

    border: 1px solid var(--primary-clr-1);

}

a.btn--primary:hover, .btn--primary:hover {

    color: var(--dark);

    background-color: var(--primary-clr-2);

    border: 1px solid var(--primary-clr-2);

}

a.btn--primary .fill--clr-1, .btn--primary .fill--clr-1{

    fill: var(--primary-blue-80);

}

a.btn--primary:hover .fill--clr-1, .btn--primary:hover .fill--clr-1 {

    fill: var(--dark);

}

/* Secondary */

a.btn--secondary, .btn--secondary {

    color: white;

    background-color: var();

    border: 1px solid var();

}

a.btn--secondary:hover, .btn--secondary:hover {

    color: var();

    /*

    background-color: white;

    border: 1px solid white;

    */

    background-color: var();

    border: 1px solid var();

}

a.btn--secondary .fill--clr-1, .btn--secondary .fill--clr-1 {

    fill: var();

}

a.btn--secondary:hover .fill--clr-1, .btn--secondary:hover .fill--clr-1 {

    fill: var();

}

/* Outlined Primary */

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-primary .fill--clr-1, .btn--outlined-primary .fill--clr-1 {

    fill: var(--primary-blue-70);

}

a.btn--outlined-primary:hover .fill--clr-1, .btn--outlined-primary:hover .fill--clr-1 {

    fill: white;

}

/* Outlined Secondary */

a.btn--outlined-secondary, .btn--outlined-secondary{

    color: var(--jadpro-gray-80);

    background-color: transparent;

    border: 1px solid var(--jadpro-gray-50);

}

a.btn--outlined-secondary:hover, .btn--outlined-secondary:hover{

    color: white;

    background-color: var(--jadpro-gray-60);

    border: 1px solid var(--jadpro-gray-60);

}

a.btn--outlined-secondary .fill--clr-1, .btn--outlined-secondary .fill--clr-1 {

    fill: var(--jadpro-gray-50);

}

a.btn--outlined-secondary:hover .fill--clr-1, .btn--outlined-secondary:hover .fill--clr-1 {

    fill: var(--jadpro-gray-50);

}

/* Link */

a.btn--link, .btn--link {

    color: var(--primary-clr-1);

    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--link .fill--clr-1, .btn--link .fill--clr-1 {

    fill: var(--primary-blue-40);

}

a.btn--link:hover .fill--clr-1, .btn--link:hover .fill--clr-1 {

    fill: var(--primary-clr-1);

}

/* Link Reverse */

a.btn--link-reverse, .btn--link-reverse {

    color: white;

    background-color: transparent;

    border: 1px solid transparent;

}

a.btn--link-reverse:hover, .btn--link-reverse:hover {

    text-decoration: underline;

    color: white;

    background-color: transparent;

    border: 1px solid transparent;

    box-shadow: 0 0 0 transparent;

}

a.btn--link-reverse .fill--clr-1, .btn--link-reverse .fill--clr-1 {

    fill: var(--primary-blue-20);

}

a.btn--link-reverse:hover .fill--clr-1, .btn--link-reverse:hover .fill--clr-1 {

    fill: white;

}

/*

a.btn, .btn, .hs-submit .hs-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background-color: var(--primary-clr-1);

    color: white;

    padding: .5rem .75rem;

    border: 0;

    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);

    box-shadow: 0 0 10px rgba(0,0,0,0.15);

    transition: .2s ease-in-out;

}

*/



/* Reverse */

.btn--reverse, a.btn--reverse, .btn--white, a.btn--white{

    background-color: white;

    color: var(--primary-clr-1);

    border: 1px solid white;

}

.btn--reverse:hover, a.btn--reverse:hover, .btn--white:hover, a.btn--white:hover{

    background-color: var(--primary-clr-2);

    color: var(--dark);

    border: 1px solid var(--primary-clr-2);

}

/* Reverse CTA */

.btn--reverse-cta, a.btn--reverse-cta{

    background-color: var(--primary-clr-2);

    border: 1px solid var(--primary-clr-2);

    color: var(--dark);

}

.btn--reverse-cta:hover, a.btn--reverse-cta:hover{

    background-color: white;

    color: var(--dark);

    border: 1px solid white;

}

a.btn--reverse-cta .fill--clr-1, .btn--reverse-cta .fill--clr-1 {

  fill: var(--secondary-gray-90);

  transition: .2s ease-in-out;

}

/* Reverse Outlined */

.btn--reverse-outlined, a.btn--reverse-outlined{

    background-color: transparent;

    color: white;

    border: 1px solid white;

}

.btn--reverse-outlined:hover, a.btn--reverse-outlined:hover{

    background-color: white;

    color: var(--primary-clr-1);

    border: 1px solid white;

}

a.btn--reverse-outlined .fill--clr-1, .btn--reverse-outlined .fill--clr-1 {

  fill: white;

  transition: .2s ease-in-out;

}

a.btn--reverse-outlined:hover .fill--clr-1, .btn--reverse-outlined:hover .fill--clr-1 {

  fill: var(--primary-clr-1);

  transition: .2s ease-in-out;

}



/* Other Button Modifiers : START */

.btn .icon{

    width: 100%;

    max-width: 20px;

}

.btn--link-sm{

    font-size: .8rem;

    color: var(--secondary-gray-60);

    fill: var(--secondary-gray-60);

}

.btn--link-sm .icon{

    fill: inherit;

}

.btn.btn--round{

    border-radius: 10rem;

}

.btn.btn--blue-hover:hover{

    color: white !important;

    background-color: var(--primary-clr-1) !important;

    border: 1px solid var(--primary-clr-1) !important;

}

/* Other Button Modifiers : END */





/* To Top Button : START */

#toTopBtn {

    display: inline-block;

    background: white;

    border: white;

    width: 40px;

    height: 40px;

    text-align: center;

    border-radius: 5rem;

    position: fixed;

    bottom: 1.5rem;

    right: 1.5rem;

    transition: background-color .3s, opacity .5s, visibility .5s;

    opacity: 0;

    visibility: hidden;

    z-index: 1500;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);

}

#toTopBtn::after {

    font-family: 'Material Icons';

    content: "\e5cf";

    font-weight: normal;

    font-style: normal;

    font-size: 28px;

    line-height: 40px;

    color: var(--primary-clr-1);

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%) rotate(180deg);

}

#toTopBtn:hover {

    background-color: var(--primary-clr-2);

    border: 1px solid var(--primary-clr-2);

}

#toTopBtn:hover::after {

    color: var(--dark);

}

#toTopBtn.show {

    opacity: 1;

    visibility: visible;

    cursor: pointer;

}

/* To Top Button : END */



/*-- All Button Styles : END --*/









/*-- Dropdown Styles : START --*/

.dropdown-toggle.show::after {

    transform: rotate(180deg);

    transition: all 0.25s ease-in-out;

}

/*-- Dropdown Styles : END --*/









/*-- Tab Button Styles : START --*/

.tab-btns{

    border: 1px solid var(--secondary-gray-30);

    border-radius: .35rem;

    width: 100%;

    max-width: max-content;

    padding: .125rem;

    margin: 0;

    overflow-y: auto;

    background-color: var(--secondary-gray-20);

}

.tab-btns__overflow-container{

    display: flex;

    gap: .5rem;

    justify-content: center;

    width: max-content;

}

.tab-btn{

    border-radius: .3rem;

    width: max-content;

}

.tab-btn:hover{

    color: var(--primary-blue-100);

    text-decoration: none;

}

.tab-btn.active{

    color: white;

    background-color: var(--primary-clr-1);

    border: 1px solid var(--primary-clr-1);

}

.tab-btn.active:hover{

    color: white;

    background-color: var(--primary-blue-100);

    border: 1px solid var(--primary-blue-100);

}



.tab-content{

    display: none;

    position: relative;

    top: 0;

    left: 0;

    opacity: 0;

    transition: .2s ease-in-out;

}

.tab-content.active{

    display: grid;

    gap: 6rem;

    opacity: 1;

    transition: .2s ease-in-out;

}

/*-- Tab Button Styles : START --*/









/* Card Styles : START */

.card{

    display: flex;

    flex-direction: column;

    border-radius: 0.35rem;

    border: 1px solid var(--secondary-clr-1-50);

}

.card__body{

    width: 100%;

    padding: 2rem;

}

.card__icon{

    position: absolute;

    bottom: 0px;

    left: 30px;

    z-index: 1

}

/* Card Styles : END */







/* 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%;

    border: 1px solid var(--secondary-gray-20);

    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;

}











/* Navigation Styles */



/* OLD Peak/Umbrella Nav Styles */

.b2c-link{

    text-align: right;

    padding: .125rem 0;

    background-color: white;

    position: relative;

    z-index: 1050;

    border-bottom: 1px solid var(--secondary-clr-1-25);

}



.b2c-link{

    font-size: .85rem;

}



/* Brand Nav Styles */

.navbar{

    background-color: white;

    box-shadow: 0 0 5px rgba(0,0,0,0.25);

}



.navbar-brand{

    display: flex;

    align-items: center;

    height: calc(80px - 1rem);

    width: 235px;

    order: 1;

}



#nav-logo{

    height: 30px;

    transition: .2s ease-in-out;

}



.navbar-nav {

    align-items: center;

    column-gap: 2.5rem;

    row-gap: 1rem;

}



.nav-item{

    margin-bottom: 0;

}



.nav-link {

    display: block;

    padding: .5rem 0rem;

    color: var(--dark);

    text-decoration: none;

    transition: all .2s ease-in-out;

}



.navbar-expand-lg .navbar-nav .nav-link{

    padding-left: 0;

    padding-right: 0;

}



.nav-link:focus, .nav-link:hover {

    color: var(--primary-clr-1);

    text-decoration: none;

    transition: all .2s ease-in-out;

}



.nav-active .animated-underline {

    background-size: 100% 2px;

    color: inherit;

}



.nav-btn, a.nav-btn{

   padding: .5rem .75rem; 

   order: 3;

}



.navbar-toggler{

    display: flex;

    flex-direction: column;

    gap: .25rem;

    border: 0;

    order: 3;

}



.navbar-toggler:focus {

    z-index: 3;

    outline: 0;

    box-shadow: 0 0 0 0;

}



.navbar-toggler-icon {

    position: relative;

    width: 1.5rem;

    height: 2px;

    border-radius: 5rem;

    background-image: none;

    background-color: var(--primary-clr-1);

    transition: .2s ease-in-out;

}



.navbar-toggler::before {

    content: '';

    width: 1.5rem;

    height: 2px;

    border-radius: 5rem;

    background-color: var(--primary-clr-1);

    transition: .2s ease-in-out;

}



.navbar-toggler::after {

    content: '';

    width: 1.5rem;

    height: 2px;

    border-radius: 5rem;

    background-color: var(--primary-clr-1);

    transition: .2s ease-in-out;

}



.navbar-toggler:not(.collapsed)::before {

    transform: translate(0, 6px) rotate(-45deg);

    transition: .2s ease-in-out;

}



.navbar-toggler:not(.collapsed)::after {

    transform: translate(0, -6px) rotate(45deg);

    transition: .2s ease-in-out;

}



.navbar-toggler:not(.collapsed) .navbar-toggler-icon {

    opacity: 0;

    transition: .2s ease-in-out;

}



.navbar-collapse{

/*        width: 100%;*/

    background-color: white;

    border-radius: 0 0 .25rem .25rem;

    justify-content: flex-end;

    order: 5;

}



.b2c-link{

    text-align: right;

    padding: .125rem 0;

    background-color: white;

    position: relative;

    z-index: 1050;

    border-bottom: 1px solid var(--secondary-clr-1-25);

}



.dropdown-toggle::after {

    display: inline-block;

    margin-left: .255em;

    vertical-align: .255em;

    font-family: 'Material Icons';

    content: "\e5cf";

    border-top: none;

    border-right: none;

    border-bottom: none;

    border-left: none;

    line-height: 0;

    position: relative;

    top: 6px;

    opacity: .5;

    transition: all 0.25s ease-in-out;

}



.dropdown-toggle.show::after {

  transform: rotate(-180deg);

  transition: all 0.25s ease-in-out;

}



.nav-item:hover .nav-link {

    color: var(--primary-clr-1);

}



.nav-item:hover .nav-link .animated-underline {

    background-size: 100% 2px;

    color: inherit;

    transition: all 0.25s ease-in-out;

}



.navbar-nav .dropdown-menu {

    position: absolute;

    margin-top: 0;

    top: 98%;

    left: 50%;

    right: auto;

    transform: translateX(-50%);

    border-radius: 0 0 .25rem .25rem;

    z-index: 40;

    border: 0px;

    border-top: 0;

}



.dropdown-menu li {

    padding: .5rem .9rem;

    margin-bottom: 0px;

    color: var(--dark);

    position: relative;

    list-style: none;

}



.dropdown-menu li a {

  color: var(--dark);

  padding: 0;

  text-align: left;

  transition: .2s ease-in-out;

  line-height: 1.2;

  font-weight: 300;

}



a.dropdown-item{

    color: var(--dark);

    text-decoration: none;

}



a.dropdown-item:hover{

    color: var(--primary-clr-1);

    background-color: transparent;

}



a.dropdown-item:hover .animated-underline {

    background-size: 100% 2px;

    color: inherit;

    transition: all 0.25s ease-in-out;

}



@media all and (min-width: 1200px) {

    .navbar-expand-xl .navbar-collapse {

        order: 2;

    }

    

    .navbar .nav-item .dropdown-menu{ display: none; }

    .navbar .nav-item:hover .nav-link{   }

    .navbar .nav-item:hover .dropdown-menu{ display: block; }

    .navbar .nav-item .dropdown-menu{ margin-top:0; }

    

    .nav-item:hover .dropdown-toggle::after {

        transform: rotate(-180deg);

        transition: all 0.25s ease-in-out;

    }

}



@media (max-width: 1200px) {

    .navbar-nav {

        align-items: flex-start;

    }

    

    .navbar-nav .dropdown-menu {

        position: relative;

        margin-top: 0;

        top: auto;

        left: auto;

        transform: none;

        border-radius: 0;

        z-index: 40;

        border: 0;

        border-top: 0;

        padding-top: 0;

    }

    

    .dropdown-menu li {

        padding: .5rem 0.9rem;

    }

}



@media (max-width: 576px) {

    .navbar-brand {

        width: 200px;

    }

}









/* Footer Styles */



footer {

    background: var(--dark);

    padding: 5rem 2rem;

    font-size: .85rem;

    color: var(--secondary-clr-1);

}



footer ul li a:hover {

    color: white;

    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(--secondary-clr-1);

}



.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(--secondary-clr-1);

    margin-bottom: 2rem;

}



 .footer__title, .footer-grid h3, .footer h3, .all-footer-logos-section h3 {

    color: white;

    text-transform: inherit;

    font-size: 1rem;

    letter-spacing: .05rem;

    margin-bottom: 1.25rem;

}



.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(--secondary-clr-1);

    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;

}



.terms-copyright-grid {

    color: inherit;

}



.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-clr-1);

    line-height: 1

}



.terms-privacy-links ul li:last-child{

    border-right: none;

}



.terms-privacy-links li{

    line-height: 1.2;

}



.terms-privacy-links li:hover{

    color: white;

    cursor: pointer;

    transition: .2s ease-in-out;

}



.terms-privacy-links a{

    color: var(--secondary-clr-1);

    text-decoration: none;

    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(--secondary-clr-1);

        margin-bottom: 1.75rem;

    }



    .pub-logo-footer{

        width: 120px;

    }

}







/* Hero Styles */



.hero{

}



.hero .vid-desktop, .hero .vid-mobile{

    width: 100%;

}



.hero .vid-desktop{

    display: block;

}



.hero .vid-mobile{

    display: none;

}



video:focus { 

    margin: -1px;

    clip-path: inset(0px); 

}



@media (max-width: 1280px) {

    .hero .vid-desktop{

        display: none;

    }



    .hero .vid-mobile{

        display: block;

    }

}









/* Intro Section Styles */



.intro{

    /*        background-color: var(--primary-clr-1);*/

    /*background-image: linear-gradient(180deg, var(--primary-clr-1) 30%, #055DA1 100%);*/

    background-image: linear-gradient(180deg, var(--primary-clr-1) 50%, #015392 100%);

}



.intro h2, .intro h3, .intro h4, .intro h5, .intro h6, .intro p{

    color: white;

}



.intro p{

    line-height: 1.8;

}



.intro .section-heading{

    padding-right: 15%;

}



.intro__flex{

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-column-gap: 5rem;

    grid-row-gap: 2rem;

    align-items: center;

}



.intro__flex .jwplayer{

    border-radius: .25rem;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

}



@media (max-width: 1200px) {

    .intro .section-heading{

        padding-right: 0;

    }

}



@media (max-width: 1000px) {

    .intro__flex{

        grid-template-columns: 1fr;

    }

}







/* Client Logo Styles */



.rotating-logos, .rotating-quotes{

    padding-bottom: 4rem;

}



.rotating-logos .swiper-pagination, .rotating-quotes .swiper-pagination {

    bottom: 0;

}



.rotating-logos .swiper-pagination-bullet-active, .rotating-quotes .swiper-pagination-bullet-active {

    background: var(--primary-clr-1);

}



.swiper-slide{

    text-align: center;

}







/* Pillars Styles */



.pillars-section__grid{

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));

    grid-gap: 1.5rem;

}



.card__pillar{

    display: grid;

    grid-template-columns: 150px 1fr;

    grid-gap: 2rem;

    align-items: center;

    justify-items: center;

}



.card__pillar img{

    max-width: 150px;

}



.card__pillar a{

    font-weight: bold;

    color: var(--primary-clr-1);

}



@media (max-width: 570px) {

    .pillars-section__grid{

        grid-template-columns: 1fr;

    }



    .card__pillar{

        grid-template-columns: 1fr;

    }

}







/* Stats Styles */



.stats-section{

    /*background-image: linear-gradient(180deg, var(--primary-clr-1) 70%, #055DA1 150%);*/

    background-image: linear-gradient(180deg, var(--primary-clr-1) 50%, #015392 100%);

}



.stats-section .section-heading {

    color: white;

}



.stats-section__grid{

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    align-items: flex-start;

    grid-row-gap: 3rem;

}



.stats-section__stat{

    display: grid;

    grid-gap: 0;

    text-align: center;

}



.stats-section__stat p{

    color: white;

    font-size: 1.125rem;

    margin-bottom: 0;

}



.stats-section__number{

    font-size: 5.5rem;

    color: var(--primary-clr-2);

    line-height: .9;

    margin-bottom: 0;

    letter-spacing: 0;

}



.stats-section__number--small{

    font-size: 3.5rem;

}



@media (max-width: 1300px) {

    .stats-section__grid{

        grid-template-columns: 1fr 1fr;

    }

}



@media (max-width: 750px) {

    .stats-section__grid{

        grid-template-columns: 1fr;

    }

}







/* Contact Section Styles */



.contact-section__gird{

    display: grid;

    grid-template-columns: auto 1fr;

    grid-column-gap: 2rem;

}



.timeline-animation{

    width: 100%;

    max-width: 550px;

    padding-right: 1rem;

}



.contact-section__form{

    width: 100%;

    position: relative;

}



.hbspt-form{

    background-color: white;

    border: 1px solid var(--secondary-clr-1-50);

    border-radius: .35rem;

    padding: 2rem;

    font-family: var(--body-font);

    width: 100%;

    max-width: 800px;

    margin: 0 auto;

}



.contact-section__form .hs-form-iframe{

    min-height: 75px !important;

}



.hs-form-field{

    margin-bottom: 1rem;

}



.hs-form-field > label{

    width: auto;

    font-size: 1rem;

    font-weight: 600;

    margin-bottom: .25rem;

}



.hs-input input, .hs-input select {

    width: 100%;

    background-color: var(--bg-clr);

    border: 0;

    padding: .75rem 1rem;

    border-radius: .35rem;

    color: var(--dark-50);

}



.hs-input input:focus-visible{

    border-color: var(--primary-clr-1);

}



.hs-form__field__input--error {

    border-color: #e51520 !important;

}



.hs-error-msgs li{

    margin-bottom: 0;

}



.hs-error-msg, .hs-form-required{

   color: red;

} 



.hs-error-msg {

    font-size: .85rem;

}



.hs-form__alerts__list-item--error {

    color: #e51520;

}



/*

.hs_firstname{

    width: 48%;

    display: inline-block;

    margin-right: 4%;

}



.hs_lastname{

    width: 48%;

    display: inline-block;

}

*/



.hs-form-field .hs-input, .hs_firstname .hs-input, .hs_lastname .hs-input, .hs_email .hs-input, .hs_company .hs-input{

    width: 100%;

    background-color: var(--bg-clr);

    border: 1px solid var(--secondary-clr-1-25);

    padding: .5rem .5rem;

    border-radius: .35rem;

    color: var(--dark-50);

    font-size: .9rem;

}



.hs-fieldtype-select .hs-input{

    background-color: var(--bg-clr);

    border: 1px solid var(--secondary-clr-1-25);

    padding: .5rem .5rem;

    border-radius: .35rem;

    color: var(--dark-50);

    font-size: .9rem;

}



ul.inputs-list{

    list-style: none;

    padding: 0;

}



.hs-form-checkbox-display input{

    margin-right: .5rem;

}



.hs-submit .hs-button{

    font-weight: 300;

    font-size: 1rem;

    transition: .2s ease-in-out;

}



.hs-submit .hs-button:hover{

    background-color: var(--primary-clr-1);

    color: white;

    transition: .2s ease-in-out;

}



@media (max-width: 1300px) {

    .contact-section__gird{

        grid-template-columns: 3fr 4fr;

    }

}



@media (max-width: 750px) {

    .contact-section h2{

        text-align: center;

    }

    .contact-section__gird{

        grid-template-columns: 1fr;

        justify-items: center;

        grid-gap: 0rem;

        align-items: flex-start;

    }

    .timeline-animation{

        margin: 0 auto;

    }

}













/* All Sections Styles */



.intro, .client-logos, .pillars-section, .stats-section, .contact-section, .content-development-intro, .content-types{

    padding: 5rem 0;

}

/*

.pillars-section, .contact-section{

    background-image: url("../images/x-bg-grey.jpg");

    background-image: url("/media/2axh3r5n/x-bg-grey.jpg");

    background-repeat: repeat;

    background-size: 700px;

}

*/



@media (max-width: 1000px) {

   .intro, .client-logos, .pillars-section, .stats-section, .contact-section, .content-development-intro, .content-types{

        padding: 3rem 0;

    } 

}

















/*-------  SUBPAGE STYLES START  -------*/

/*-------  SUBPAGE STYLES START  -------*/

/*-------  SUBPAGE STYLES START  -------*/









/* Careers Page */



.card--featured-roles{

    position: relative;

}



.btn--all-openings{

    position: absolute;

    top: 1.5rem;

    right: 1.5rem;

}





.card--featured-roles .card__body{

    display: flex;

    overflow-x: scroll;

    gap: 24px;

    align-items: stretch;

    padding: 0 1.5rem;

    margin: 1rem 0 0 0;

}



.card--featured-roles .card__header{

    display: flex;

    align-items: center;

    gap: 1.5rem;

}



.next_prev_buttons{

    display: inline-flex;

    gap: .5rem;

}



.card--role{

    display: flex;

    flex: 0 0 auto;

    width: 90%;

    max-width: 640px;

}



.card--role hr{

    width: 75px;

    background-color: var(--primary-clr-2);

    margin: 1.5rem 0;

}



.card--role__description p{

    display: -webkit-box;

    margin: 0 auto;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;



    height: 4.5em;

}



@media all and (max-width: 700px) {

    .card--featured-roles{

        padding-bottom: calc(35.6px + 3rem) !important;

    }

    

    .btn--all-openings{

        position: absolute;

        top: auto;

        right: auto;

        bottom: 1.5rem;

        left: 1.5rem;

    }

}



.culture-values-vision-section{

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 2rem;

}



.culture-values-vision-section .card__thumbnail{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.culture-values-vision-section .card--thumb-side .card__copy, .culture-values-vision-section .card--thumb-top .card__copy{

    padding: 3rem;

}



.culture-values-vision-section .card--thumb-side{

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



.culture-values-vision-section .card--thumb-side .card__thumbnail{

    flex: 1 1 600px;

    width: 600px;

}



.culture-values-vision-section .card--thumb-side .card__copy{

    flex: 1 2 200px;

    padding: 3rem;

}



.culture-values-vision-section .card--thumb-top{

    display: grid;

    grid-template-rows: auto 1fr;

    justify-content: center;

    align-items: center;

    overflow: hidden;



}



.culture-values-vision-section .card--thumb-top .card__thumbnail{

    height: auto;

}



.culture-values-vision-section .card--thumb-top .card__copy{

    text-align: center;

}



.col-span-2{

    grid-column: 1/3;

}



.culture-values-vision-section .modal .btn-close{

    position: absolute;

    right: 1rem;

}



.culture-values-vision-section .modal h2{

    color: var(--primary-clr-1);

}



.culture-values-vision-section .modal h2 span{

    color: var(--primary-clr-2);

}



.culture-values-vision-section .modal .callout{

    padding: 1rem;

    background-color: #F3F9E6;

    border-radius: .35rem;

}



@media (max-width: 1120px){   

    .culture-values-vision-section .card--thumb-side .card__thumbnail, .culture-values-vision-section .card--thumb-side .card__copy{

        flex: 1 1 100%;

        height: auto;

    }



    .culture-values-vision-section .card--thumb-side .card__thumbnail{

        max-height: 400px;

        object-position: top center;

    }

}



@media all and (max-width: 900px) {

    .culture-values-vision-section .card--thumb-top{

        display: grid;

        grid-template-rows: 1fr;

        grid-template-columns: 1fr 1fr;

        grid-column: 1/3;

    }

}



@media all and (max-width: 750px) {

    .culture-values-vision-section .card--thumb-top{

        grid-template-columns: 2fr 1fr;

    }

}



@media all and (max-width: 700px) {

    .culture-values-vision-section .card--thumb-top{

        grid-template-rows: auto 1fr;

        grid-template-columns: 1fr;

    }

}









#accordionBenefits .accordion-item{

    background-color: var(--primary-clr-1);

    margin-bottom: 2rem;

    overflow: hidden;

    border-radius: .5rem;

}



#accordionBenefits .accordion__flex-wrapper{

    display: flex;

    gap: 2rem;

    align-items: center;

    justify-content: center;

    padding: 3rem;

}



#accordionBenefits .icon{

    flex: 0 0 auto;

}



#accordionBenefits .accordion__copy{

    flex: 1 1 auto;

}



#accordionBenefits .accordion__copy *{

    color: white;

}



#accordionBenefits .accordion__copy p{

    margin-bottom: .5rem;

}



#accordionBenefits .accordion-button, #accordionBenefits .accordion-body{

    background-color: #1867A5;

    color: white;

}



#accordionBenefits .accordion-button{

    text-align: center;

    justify-content: center;

    transition: .2s ease-in-out;

}



#accordionBenefits .accordion-body{

    padding: 1rem 3rem 3rem 3rem;

}





#accordionBenefits .accordion-button *, #accordionBenefits .accordion-body *{

    color: white;

}



#accordionBenefits .accordion-body p a{

    color: var(--primary-clr-2);

}



#accordionBenefits .accordion-body hr{

    opacity: .25;

    width: 75px;

    margin: 1rem 0;

}



#accordionBenefits  .accordion-button:not(.collapsed) {

    color: var(--primary-clr-2);

    box-shadow: none;

    background-color: #1867A5;

    text-decoration: underline;

}



#accordionBenefits  .accordion-button:hover {

    color: var(--primary-clr-2);

    text-decoration: underline;

    transition: .2s ease-in-out;

}



#accordionBenefits .accordion-button::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    margin-left: .5rem;

    transition: .2s ease-in-out;

}



#accordionBenefits .accordion-button:not(.collapsed)::after, #accordionBenefits .accordion-button:hover::after{

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23A6CE3C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    transition: .2s ease-in-out;

}



.benefits-section .sticky-top {

    z-index: 1010;

    top: calc(80px + 3rem);

}



@media all and (max-width: 700px) {

    #accordionBenefits .accordion__flex-wrapper{

        flex-direction: column;

    }

}



















/* Subpage Hero Styles */



.hero__subpage{

    width: 100%;

    height: 40vw;

    background-color: #1958b7;

    max-height: 400px;

    max-height: 300px;

    min-height: 230px;

}



.hero__subpage h1{

    font-weight: 300;

    letter-spacing: .2px;

    font-size: 2.5rem;

    color: white;

    margin-bottom: .5rem;

}



.hero__inner-wrapper{

    position: relative;

    display: flex;

    height: 100%;

}



.hero__text{

    width: 100%;

    z-index: 5;

    display: flex;

    flex-direction: column;

    justify-content: center;

    color: white;

}



.hero__text-inner{

    max-width: 500px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 40vw;   

    padding: 3rem 0; 

}



.hero__text .section-heading{

    color: white;

    margin-bottom: .5rem;

}



.hero__solutions-subpages h1{

    font-size: 1.125rem;

    margin-bottom: 1rem;

}



.hero__solutions-subpages p{

    font-size: 2.5rem;

    line-height: 1.2;

}



.hero__bg-graphics{

    position: absolute; 

    width: 100%; 

    height: 100%; 

    overflow: hidden;

}



.hero__graphic{

    position: absolute; 

    z-index: 2; 

    height: 37vw;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    min-height: 326px;

    max-height:500px;

}



.hero__bg-graphics .container-fluid{

    position: absolute;

    height: 100%;

    width: 100%;

    left: 50%;

    transform: translateX(-50%);

    z-index: 2;

}



.hero__bg{

/*

    object-fit: cover;

    object-position: center right;

*/

    height: 100%;

    width: auto;

    z-index: 1;

    position: absolute;

    right: 0;

/*

    mask-image: linear-gradient(to left, rgb(25,88,183) 75%, rgba(0,0,0,0));

*/

}



.hero__bg img{

    object-fit: cover;

    object-position: center right;

    height: 100%;

    width: auto;

}



.hero__bg::after{

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-image: linear-gradient(to right, rgb(25,88,183), rgba(0,0,0,0) 50%);

}



.hero__specialties .hero__graphic{

    height: 77vw;

    right: -140px;

    right: -100px;

    top: 50%;

    max-height: 650px;

    max-height: 550px;

}



.hero__content-development .hero__graphic{

    height: 60vw;

    max-height: 590px;

    max-height: 450px;

    right: -70px;

    right: 0px;

}



.hero__market-amp .hero__graphic{

    height: 48vw;

    right: -60px;

    top: 53%;

    max-height: 520px;

    max-height: 410px;

    right: 40px;

}



.hero__event-engage .hero__graphic{

    right: 20px;

    top: 53%;

    max-height: 420px;

    right: 40px;

}



.hero__event-engage  .hero__text-inner{

    max-width: 550px;

}



.hero__datainsights .hero__graphic{

    right: -100px;

    top: 55%;

    max-height: 400px;

    right: -30px;}



.hero__datainsights  .hero__text-inner{

    max-width: 400px;

}



.hero__hosted-platform .hero__graphic{

    top: 64%;

    height: 48vw;

    right: -90px;

    right: -70px;

    max-height: 540px;

    max-height: 440px;

}



.hero__press-release .hero__graphic{

    top: 56%;

}



.hero__blog .hero__graphic{

    max-height: 260px;

    min-height: 150px;

    top: 53%;

    right: 45px;

}



@media (max-width: 768px) {

    .hero__subpage{

        height: auto;

        max-height: 100%;

    }



    .hero__text {

        justify-content: flex-start;

    }



    .hero__text-inner {

        width: auto;

        padding-bottom: 480px;

        max-width: 100% !important;

    }



    .hero__graphic {

        height: auto;

        top: auto;

        transform: translate(-50%, 0);

        width: 550px;

        bottom: -40px;

        left: 50%;

        max-width: 1000px;

    }



/*

    .hero__bg{

        mask-image: linear-gradient(to top, rgb(25,88,183) 30%, rgba(0,0,0,0));

    }

*/

    

    .hero__bg::after{

        background-image: linear-gradient(to bottom, rgb(25,88,183), rgba(0,0,0,0) 60%);

    }

    

    .hero__specialties .hero__graphic {

        height: auto;

        right: 0;

        top: auto;

        max-height: 100%;

        bottom: -210px;

        width: 610px;

    }

    

    .hero__content-development .hero__graphic {

        height: auto;

        max-height: 600px;

        bottom: -80px;

        width: 650px;

    }

    

    .hero__market-amp .hero__graphic{

        width: 540px;

        bottom: -75px;

        max-height: 100%;

        height: auto;

        right: auto;

        top: auto;

    }

    

    .hero__event-engage .hero__graphic{

        left: 52%;

        top: auto;

        bottom: -60px;

    }

    

    .hero__datainsights .hero__graphic{

        width: 720px;

        bottom: -60px;

        left: 48%;

        top: auto;

    }

    

    .hero__hosted-platform .hero__graphic{

        top: auto;

        height: auto;

        right: auto;

        max-height: 100%;

        left: 64%;

        bottom: -115px;

    }

    

    .hero__press-release .hero__graphic{

        width: 100%;

        max-width: 460px;

        max-height:420px;

        top: auto;

        left: auto;

        right: 0;

        transform: none;

    }

    

    .hero__blog .hero__graphic{

        max-height: none;

        min-height: auto;

        top: auto;

        bottom: 10px;

        right: auto;

        left: 50%;

        transform: translateX(-50%);

        width: 75vw;

        max-width: 550px;

    }

    

    .hero__blog .hero__text-inner {

        padding-bottom: 55vw;

    }

}



.subhero-callouts{

    display: flex;

    flex-wrap: wrap;

    gap: 1rem 1.5rem;

    justify-content: center;

    align-items: center;

}



.subhero-callouts .subhero-callouts__stat{

    line-height: 1;

    font-size: 1rem;

    break-inside: avoid-column;

    margin-bottom: 0;

}



.btn-close{

    background: transparent;

    right: var(--bs-modal-padding);

    position: absolute;

}



#pdfGateModal .hbspt-form{

    padding: 0;

    border: 0px solid transparent;

    margin-top: 1.5rem;

}





/* Our Story Subpage Styles */



/* Our Story Cards */



.card__knockout{

    background: transparent;

    border: 1px solid white;

}



.story-card{

    height: 100%;

}



.story-card img{

    max-width: 200px;

    margin: 0 auto 1.5rem auto;

}



/* Rotating Quotes */



.rotating-quotes{

    position: relative;



}



.rotating-quotes .swiper-slide{

    display: table-cell;

}



.card__quote{

    display: table;

    background-color: white;

    border-radius: 0.35rem;

    border: 1px solid var(--secondary-clr-1-50);

    height: 100%;

}



.quote__author{

    text-align: left;

    padding: 2rem 2rem 0rem 2rem;

    vertical-align: top;

}



.quote__quotegraphic{

    position: absolute;

    left: 15px;

    top: 15px;

}



.quote__name{

    margin-bottom: 0;

}



.quote__text{

    text-align: left;

    margin-bottom: 0;

    padding: 2rem 2rem;

    vertical-align: bottom;

    font-size: 1.125rem;

}





/* Publications Subpage Styles */



.hero__pubs .hero__graphic{

    max-height: 400px;

    max-height: 300px;

    height: 26vw;

    min-height: 200px;

    top: 53%;

    right: 20px;

}



@media (max-width: 768px) {

    @media (max-width: 768px) {

        .hero__pubs .hero__text-inner {

            padding-bottom: 56vw;

        }

        

        .hero__pubs .hero__graphic{

            max-height: 100%;

            height: auto;

            min-height: 0;

            top: auto;

            width: 100%;

            bottom: 0;

        }

        

    }

}



.pubs-section{
    padding: 3px;
}

.pubs-section-eu{
    padding: 1.5rem 0;
}

.dropdown.dropdown--location, .dropdown.dropdown--location:hover{
    text-decoration: none;
}

.dropdown--location .dropdown-toggle{
    display: flex;
    align-items: center;
    color: var(--secondary-gray-70);
    font-size: .875rem;
}

.dropdown--location .dropdown-toggle .fill--clr-1 {
    fill: var(--secondary-gray-50);
}

.dropdown--location .dropdown-toggle:hover{
    color: var(--primary-clr-1);
}

.dropdown--location .dropdown-toggle:hover .fill--clr-1 {
    fill: var(--primary-clr-1);
}

.umbrella-nav .dropdown--location:hover .dropdown-toggle::after {
    color: var(--primary-clr-1);
}

/*@media (max-width: 576px) { */
@media (max-width: 768px) { 
    .location-popup .modal-dialog{
        width: 95vw;
    }

    .location-popup .modal-content{
        background-position: top right;
        background-size: 100%;
    }
    .location-popup .modal-body {
        background: linear-gradient(0deg, #FFF 30%, rgba(255, 255, 255, 0.75) 51%, rgba(255, 255, 255, 0.00) 100%);
        padding: 1.5rem;
    }
    .location-popup .modal-inner-wrapper {
        justify-content: flex-end;
    }
}


.pubs-section__grid{

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));

    grid-gap: 3px;

}

.pubs-section__grid-eu{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: .5rem;
}



.pub-tile{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 320px;
    padding: 2rem 3rem;
    overflow: hidden;
    position: relative;
    background-color: var(--primary-clr-1);
}

.pub-tile-eu{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 320px;
    padding: 3rem 3rem 2rem 3rem;
    overflow: hidden;
    position: relative;
    background-color: var(--primary-clr-1);
    border-radius: .35rem;
    text-decoration: none;
}

a.pub-tile{
    text-decoration: none;
}

.pub-tile__logo-spec{
    display: flex;
    flex-direction: column;
    opacity: 1;
    transition: all .5s ease-in-out;
    z-index: 2;
}

.pub-tile-eu .pub-tile__logo-spec{
    justify-content: center;
    align-items: center;
}

.pub-tile:hover > .pub-tile__logo-spec {
    opacity: 0;
    transition: all .25s ease-in-out;
}

.pub-tile-eu:hover > .pub-tile__logo-spec{
    opacity: 1;
}

.pub-tile__spec{
    margin: 0 auto 1.65rem auto;
    text-align: center;
    padding-bottom: 1.125rem;
    border-bottom: 2px solid white;
    color: white;
    font-weight: 600;
    
}

.pub-tile-eu .pub-tile__spec{
    margin: 0 auto 1.65rem auto;
    text-align: center;
    padding: 1rem 1rem .5rem 1rem;
    border: 1px solid white;
    color: white;
    font-weight: 300;
    border-radius: .35rem;
    border-top: 0;
    position: absolute;
    top: -.5rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: hsl(206 73 17 / 50%);
    color: white;
    transition: all .25s ease-in-out;
}

.pub-tile-eu:hover > .pub-tile__logo-spec .pub-tile__spec{
    background-color: white;
    color: var(--dark);
    transition: all .25s ease-in-out;
}

.pub-tile__logo{
    max-width: 350px;
    filter: drop-shadow(0px 0px 20px rgba(12,47,75,1));
}

.pub-tile__hover-content{
    position: absolute;
    top: 110%;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: 2;
    transition: all .4s ease-in-out;
}

.pub-tile:hover > .pub-tile__hover-content{
    top: 0;
    opacity: 1;
    transition: all .4s ease-in-out;
}

.pub-tile.pub-tile-eu:hover > .pub-tile__hover-content{
    top: auto;
    opacity: 0;
}

.pub-tile__hover-content__btn {
    color: var(--dark);
    background-color: var(--primary-clr-2);
    padding: 5px 10px;
    border-radius: .35rem;
    text-decoration: none;
    font-weight: 400;
    filter: drop-shadow(0px 0px 35px rgba(12,47,75,.75));
    transition: all .2s ease-in-out;
}

.pub-tile__hover-content__btn:hover {
    color: var(--primary-clr-1);
    text-decoration: none;
    background-color: white;
    transition: all .2s ease-in-out;
}

.pub-tile__bg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}

.pub-tile__bg img{
    opacity: .5;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    transition: all .25s ease-in-out;
}

.pub-tile:hover > .pub-tile__bg img{
    opacity: .125;
    transform: scale(1.075);
    transition: all .25s ease-in-out;
}



.pub-tile__adan .pub-tile__logo{max-width: 280px;}
.pub-tile__compendium .pub-tile__logo{max-width: 310px;}
.pub-tile__id .pub-tile__logo{max-width: 290px;}
.pub-tile__idh .pub-tile__logo{max-width: 350px;}
.pub-tile__idt .pub-tile__logo{max-width: 180px;}
.pub-tile__ndn .pub-tile__logo{max-width: 300px;}
.pub-tile__tap .pub-tile__logo{max-width: 350px;}
.pub-tile__jadpro .pub-tile__logo{max-width: 270px;}
.pub-tile__jnccn .pub-tile__logo{max-width: 240px;}
.pub-tile__cp .pub-tile__logo{max-width: 230px;}
.pub-tile__gp .pub-tile__logo{max-width: 230px;}
.pub-tile__nrp .pub-tile__logo{max-width: 270px;}
.pub-tile__oasc .pub-tile__logo{max-width: 320px;}
.pub-tile__ophpro .pub-tile__logo{max-width: 310px;}
.pub-tile__top .pub-tile__logo{max-width: 320px;}
.pub-tile__ophman .pub-tile__logo{max-width: 280px;}
.pub-tile__rp .pub-tile__logo{max-width: 200px;}
.pub-tile__cls .pub-tile__logo{max-width: 300px;}
.pub-tile__eb .pub-tile__logo{max-width: 130px;}
.pub-tile__tno .pub-tile__logo{max-width: 300px;}
.pub-tile__optman .pub-tile__logo{max-width: 300px;}
.pub-tile__pp .pub-tile__logo{max-width: 250px;}
.pub-tile__tas .pub-tile__logo{max-width: 350px;}
.pub-tile__tcs .pub-tile__logo{max-width: 340px;}
.pub-tile__idtrans .pub-tile__logo{max-width: 280px;}
.pub-tile__tmm .pub-tile__logo{max-width: 300px;}
.pub-tile__tp .pub-tile__logo{max-width: 240px;}
.pub-tile__tts .pub-tile__logo{max-width: 290px;}





/* Our Specialties Subpage */

.section--feat_specialties .grid{

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 1.5em;

}



.section--feat_specialties .card{

    background-color: var(--primary-clr-1);

    overflow: hidden;

}



.section--feat_specialties .card__description {

    display: -webkit-box;

    margin: 0 auto;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 5.5rem;

}



.card--stacked-promo {

    width: 100%;

}



.section--feat_specialties .btn-container{

    background-color: #082557;

}



.card--stacked-promo .card__body{

    padding: min(1.5em, 25%) min(1.5em, 25%) 0 min(1.5em, 25%);

}



.section--feat_specialties .next_prev_buttons{

    display: none;

}



.section--feat_specialties .modal .modal__thumbnail {

    padding: 0;

}



.section--feat_specialties .modal .modal-content {

    min-height: 0;

    max-height: 100%;

}



.section--feat_specialties .modal .modal__thumbnail-img {

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    object-fit: cover;

    object-position: center;

}



.ourspecialties {

    padding: 2rem 0;

}

.ourspecialties__grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));

    grid-gap: 1.5rem;

}

/* .ourspecialties__tile {

    display: grid;

    grid-template-columns: 1fr;

    grid-template-rows: 300px auto;

    background-color: var(--primary-clr-1);

    border-radius: .35rem;

    overflow: hidden;

} */

.ourspecialties__tile {

    display: grid;

    grid-template-columns: 1fr;

    grid-template-rows: auto;

    background-color: white;

    border-radius: .35rem;

    overflow: hidden;

}

.ourspecialties__tile p {

    font-size: 0.875rem;

}

.ourspecialties__tile-image {

    width: 100%;

    height: 100%;

    position: relative;

}

.ourspecialties__tile-image::after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-image: linear-gradient(to top, rgb(27, 117, 188) 1%, rgba(27, 117, 188, 0.1) 80%);

}

.ourspecialties__tile-image img {

    opacity: .75;

    object-fit: cover;

    object-position: center center;

    width: 100%;

    height: 100%;

    transition: all .25s ease-in-out

}

/* .ourspecialties__tile-copy {

    padding: 0 2rem 2rem 2rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

} */

.ourspecialties__tile-copy {

    padding: 2rem 2.5rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}

.discoversolutions {

    text-align: center;

}

@media (max-width: 1275px) {

    .section--feat_specialties .grid{

        display: flex;

        overflow-x: scroll;

        width: 100%;

    }

    

    .section--feat_specialties .next_prev_buttons{

        display: flex;

        justify-content: space-between;

        margin-top: 1.5rem;

    }



    .card--stacked-promo {

        flex: 0 0 auto;

        max-width: 300px;

        width: 90%;

    }

    

    

}

@media (max-width: 1250px) {

    .oursepcialties__tile {

        grid-template-columns: 1fr;

        grid-template-rows: 250px 1fr;

    }

    .oursepcialties__tile-image::after {

        background-image: linear-gradient(to top, rgb(27, 117, 188) 1%, rgba(27, 117, 188, 0.1) 80%);

    }

    .oursepcialties__tile-copy {

        padding: 0 2rem 2rem 2rem;

    }

}

@media (max-width: 1022px) {

    .oursepcialties__tile {

        grid-template-columns: 225px 1fr;

        grid-template-rows: 1fr;

    }

    .oursepcialties__tile-image::after {

        background-image: linear-gradient(to left, rgb(27, 117, 188) 1%, rgba(27, 117, 188, 0.1) 80%);

    }

    .oursepcialties__tile-copy {

        padding: 2rem 2rem 2rem 0;

    }

}

@media (max-width: 900px) {

    .section--feat_specialties .modal .modal-dialog{

        max-width: 500px;

        margin: 0 auto;

    }

    

    .section--feat_specialties .modal .modal-content {

        max-width: 100%;

        margin: 0 auto;

    }

    

    .section--feat_specialties .modal .modal-body {

        grid-template-rows: auto auto;

    }

    

    .section--feat_specialties .modal .modal-body__copy {

        overflow-y: visible;

    }

}

@media (max-width: 660px) {

    .ourspecialties__grid {

        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));

    }

    .oursepcialties__tile {

        grid-template-columns: 1fr;

        grid-template-rows: 250px 1fr;

    }

    .oursepcialties__tile-image::after {

        background-image: linear-gradient(to top, rgb(27, 117, 188) 1%, rgba(27, 117, 188, 0.1) 80%);

    }

    .oursepcialties__tile-image img {

        object-position: center center;

    }

    .oursepcialties__tile-copy {

        padding: 0 2rem 2rem 2rem;

    }

}









/* Our Solutions Subpage Styles */



.solutions-tiles {

    display: flex;

    flex-wrap: wrap;

    gap: 3px;

    padding: 0 3px 3px 3px;

}



.solutions-tiles__tile {

    display: flex;

    flex: 1 1 260px;

    justify-content: center;

    align-items: center;

    min-height: 320px;

    padding: 2rem 3rem;

    overflow: hidden;

    position: relative;

    background-color: var(--primary-clr-1);

}



a.solutions-tiles__tile {

    text-decoration: none;

}



.solutions-tiles__tile-text {

    display: flex;

    flex-direction: column;

    opacity: 1;

    transition: all .5s ease-in-out;

    text-align: center;

    z-index: 2;

}



.solutions-tiles__tile:hover > .solutions-tiles__tile-text {

    opacity: 0;

    transition: all .25s ease-in-out;

}



.solutions-tiles__tile-hover-text {

    position: absolute;

    top: 110%;

    bottom: 0;

    right: 0;

    left: 0;

    display: flex;

    flex-direction: column;

    row-gap: 2rem;

    align-items: center;

    justify-content: center;

    opacity: 0;

    z-index: 2;

    transition: all .4s ease-in-out;

}



.solutions-tiles__tile:hover > .solutions-tiles__tile-hover-text {

    top: 0;

    opacity: 1;

    transition: all .4s ease-in-out;

}



.solutions-tiles__tile-hover-text .btn {

    filter: drop-shadow(0px 0px 35px rgba(12, 47, 75, .75));

}



.solutions-tiles_tile-bg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

    overflow: hidden;

}



.solutions-tiles_tile-bg img {

    opacity: .75;

    object-fit: cover;

    object-position: center center;

    width: 100%;

    height: 100%;

    transition: all .25s ease-in-out;

}



.section--solutions .card{

    position: relative;

    overflow: hidden;

    /*justify-content: center; */

}



.section--solutions .card .card__body{

    position: relative;

    z-index: 2;

}



/*





@media (max-width: 1505px) {

    .solutions-tiles__tile {

        flex: 1 1 33.33%;

    }



    .solutions-tiles__tile:nth-child(4),.solutions-tiles__tile:nth-child(5){

        flex: 1 1 50%;

    }

}

*/



@media (max-width: 1320px) {}

.green-topper-rule {

    display: block;

    width: 70px;

    height: 2px;

    background-color: var(--primary-clr-2);

    border: none;

    opacity: 1;

}







/* Content Development/Content Production Subpage Styles */



.content-development-intro p, .content-development-intro .embed-container {

    /*max-width: 650px;*/

}



.content-types__container {

    display: flex;

    gap: 3rem;

    justify-content: center;

    flex-wrap: wrap;

}



.content-types__type {

    display: grid;

    grid-template-columns: 130px 1fr;

    grid-gap: 1.5rem;

    align-items: center;

    min-width: 350px;

    max-width: 400px;

}



@media (max-width: 1100px) { 

    .section--video .grid--12col__1-7{

        grid-column: 1/6;

    }

    

    .section--video .grid--12col__7-13{

        grid-column: 6/13;

    }

}



@media (max-width: 992px) { 

    .section--video .grid--12col__1-7{

        grid-column: 1/13;

    }

    

    .section--video .grid--12col__7-13{

        grid-column: 1/13;

    }

}



.card--content-types{

    position: relative;

}



.card--content-types .card__header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 1.5rem;

}



.card--content-types > .card__body {

    display: flex;

    overflow-x: scroll;

    gap: 24px;

    align-items: stretch;

    padding: 0 3rem;

    margin: 1rem 0 0 0;

}



.card--content-types .card{

    display: flex;

    flex-direction: column;

    flex: 0 0 auto;

    width: 90%;

    max-width: 450px;

    overflow: hidden;

}



.card--content-types .card .card__body{

    position: relative;

    z-index: 3;

}



.card--content-types .card::after{

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    background: linear-gradient(315deg, rgba(255, 255, 255, 0.75) 23.32%, rgba(255, 255, 255, 0.95) 40%, #FFF 100%);

}



.card--content-types .card > img{

    position: absolute;

    bottom: -50px;

    right: -50px;

    width: 350px;

    max-width: none;

    z-index: 1;

}









/* Marketing Amplification Subpage Styles */



.market-amp-banner {

    /*background-image: url("../images/market-amp-gradient.png");*/

    background-image: url("https://conexiant-solutions.useast01.umbraco.io/media/pgsh2qx5/market-amp-gradient.png");

    background-size: cover;

    background-position: center center;

    padding: 1rem 10px;

    text-align: center;

}









/* Event Technology (Was Event Engagement) Subpage Styles */



.event-engagement-banner {

    /*background-image: url("../images/market-amp-gradient.png");*/

    background-image: url("https://conexiant-solutions.useast01.umbraco.io/media/pgsh2qx5/market-amp-gradient.png");

    background-size: cover;

    background-position: center center;

    padding: 1rem 10px;

    text-align: center;

    overflow: hidden;

    height: 25vw;

    display: grid;

    align-content: center;

    justify-content: center;

}



.eventengagement-vid-section {

    text-align: center;

}



.eventengagement-vid {

    width: 100%;

    max-width: 650px;

    margin: 0 auto;

    border-radius: .25rem;

}



.eventengagement-vid .jwplayer {

    border-radius: .25rem;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

}



.section--dxp-features .flex{

    display: flex;

    overflow-x: scroll;

    gap: 1.5rem;

    align-items: stretch;

    padding: .5rem 1.5rem .75rem 1.5rem;

    justify-content: left;

    margin: 0 auto;

    max-width: max-content;

}



.section--dxp-features .card{

    display: flex;

    flex: 0 0 auto;

    width: 325px;

    max-width: 325px;

    min-height: 400px;

    overflow: hidden;

    border-radius: 1.5rem;

    position: relative;

    bottom: 0;

    transform: scale(1);

    transition: .2s ease-in-out;

}



.section--dxp-features .card:hover {

    bottom: 3px;

    transform: scale(1.01);

    text-decoration: none !important;

    transition: .2s ease-in-out;

}



.section--dxp-features .card .card__body{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    height: 100%;

}



.section--dxp-features .card .card__title{

    font-size: 1.25rem;

    font-weight: 600;

    text-align: center;

    transition: .2s ease-in-out;

}



.section--dxp-features .card:hover .card__title{

    color: var(--primary-clr-1);

    transition: .2s ease-in-out;

}



.section--dxp-features .card .btn{

    position: relative;

    bottom: -5rem;

    transition: .2s ease-in-out;

}



.section--dxp-features .card:hover .btn{

    bottom: 0;

    transition: .2s ease-in-out;

}



.card--image-bg > *{

    position: relative;

    z-index: 2;

}



.card--image-bg .bg-image{

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

}



.bg-image img{

    object-fit: cover;

    object-position: center center;

    width: 100%;

    height: 100%;

    transform: scale(1);

    transition: .25s ease-in-out;

}







/* Data Insights Subpage Styles */



.data-insights-banner {

    /*background-image: url("images/data-insights-banner-bg.png");*/

    background-image: url("https://conexiant-solutions.useast01.umbraco.io/media/zr4kdxcm/data-insights-banner-bg.png");

    background-size: cover;

    background-position: center center;

}



.data-insight-tool {

    max-width: 280px;

    margin: 0 auto;

}







/* Hosted Platform Subpage Styles */



.hosted-platform-mockup {

    position: relative;

}



.hosted-platform-mockup > img {

    position: relative;

    right: -11%;

    top: 50%;

    z-index: 2;

    transform: translateY(-50%);

    padding: 2rem 0;

}



.hosted-platform-banner__text {

    font-size: 1rem;

    padding: 2rem 2rem 2rem 5rem;

}



.hosted-platform-mockup-bg {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 1;

}



.hosted-platform-mockup-bg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}



@media (max-width: 768px) {

    .hosted-platform-mockup > img {

        right: auto;

    }

    .hosted-platform-banner__text {

        padding: 2rem 1rem;

    }

}







/* Team Subpage Styles*/



.hero__team .hero__graphic {

    height: 32vw;

    top: 62%;

    transform: translateY(-52%);

    min-height: 250px;

    max-height: 430px;

}



@media (max-width: 768px) {

    .hero__team .hero__text-inner{

        padding-bottom: 300px;

    }



    .hero__team .hero__graphic {

        height: auto;

        top: auto;

        transform: translate(-50%, 0);

        width: 550px;

        bottom: -40px;

        left: 50%;

        max-width: 1000px;

    }

}



.team-section__grid{

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));

    grid-gap: 2.5rem;

    transition: .2s ease-in-out;

}



.team-section__item{

    display: grid;

    grid-template-columns: 200px 1fr;

    grid-gap: 1rem;

    align-items: top;

    transition: .2s ease-in-out;

}



.team-section__thumb{

    position: relative;

    border-radius: .35rem;

    aspect-ratio: 1/1;

    transition: .2s ease-in-out;

}



.team-section__thumb::after{

    content: '';

    background: radial-gradient(141.42% 141.42% at 100% 0%, rgba(19, 91, 144, 0.00) 55%, rgba(19, 91, 144, 1) 100%);

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-radius: .35rem;

}



.team-section__thumb img{

    border-radius: .35rem;

    width: 100%;

    height: 100%;

    transition: .2s ease-in-out;

}



.team-section__item-copy{
    color: var(--dark);
    font-size: 1.125rem;
    align-content: center;
    transition: .2s ease-in-out;
}



.team-section__item-title{

    font-size: 1.35rem;

    margin-bottom: 0;

}



@media all and (max-width: 950px) {

    .team-section__grid {

        grid-template-columns: 1fr 1fr;

        transition: .2s ease-in-out;

    }



    .team-section__item {

        grid-template-columns: 200px;

        grid-template-rows: 200px auto;

        transition: .2s ease-in-out;

    }

}



@media all and (max-width: 600px){

    .team-section__grid {

        grid-template-columns: 1fr;

        transition: .2s ease-in-out;

    }



    .team-section__item {

        grid-template-columns: 90px auto;

        grid-template-rows: auto;

        transition: .2s ease-in-out;

    }

}











/* Partners and Clients Subpage Styles*/



.p-c-container{

    position: relative;

}



#ourClients, #ourPartners{

    background-color: white;

}



.p-c-sub-nav{

    display: none;

    text-align: center;

    position: absolute;

    z-index: 5;

    width: 100%;

    height: 100%;

}



.p-c-sub-nav .position-relative{

    height: 100%;

}



.p-c-sub-nav__container{

    position: sticky;

    top: 80px;

    background-color: var(--primary-clr-1);;

    border-bottom: 1px solid var(--secondary-clr-1-25);

}



.p-c-sub-nav__grid{

    display: grid;

    grid-template-columns: auto auto;

    grid-gap: 1.5rem;

    justify-content: center;

}



.p-c-sub-nav__link{

    color: white;

    text-decoration: none;

    transition: all .2s ease-in-out;        

}



.p-c-sub-nav__link:hover{

    color: var(--primary-clr-2);

    text-decoration: none;

}



.p-c-section{

    position: relative;

}



.p-c-section > *{

    position: relative;

    z-index: 2;

}



.p-c-section__grid{

    display: grid;

    grid-template-columns: 350px 1fr;

    grid-gap: 3rem;

}



.p-c-section__text-container{

    display: block;

    position: sticky;

    top: 7.125rem;

    height: auto;

}



.p-c-section__logo-col{

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));

    grid-gap: 3rem;

}



.p-c-section__logo{

    /*border: 1px solid var(--secondary-gray-20);*/

    border-radius: .35rem;

    overflow: hidden;

    /*box-shadow: 0px 3px 5px rgba(12,52,84,.125);*/

}



@media all and (max-width: 835px) {

    .p-c-sub-nav{

        display: block;

    }



    .nav-active .animated-underline {

        background-size: 100% 2px;

        color: inherit;

    }



    .p-c-section__grid{    

        grid-template-columns: 1fr;

    }



    #ourPartners .p-c-section__grid{

        padding-top: 50px;

    }



    #ourClients{

        scroll-margin-top: 135px;

    }





}



@media all and (max-width: 700px) {

    .p-c-section__logo-col {

        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));

        grid-gap: 1.5rem;

    }

}





/*-- Content List/Press Release List Styles --*/



.press-release-section{

    background-color: white;

}



.press-release-section .subpage-list{

    margin: 0 auto;

    max-width: 1041px;

}



.press-release-section .subpage-list .list-item:last-child{

    border-bottom: 0px;

}







.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{

        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;

    }

}





















/* ------------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------- */

/*-- Article Page/Press Release Styles --*/

/*-- Article Page/Press Release Styles --*/

/* ------------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------- */



.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{

    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-body-grid{

        grid-template-columns: 1fr;

        grid-gap: 1.5rem;

    }

}





/* Article Header Styles */





.press-release-article .press-release-article__left-col{

    margin: 0 auto;

    max-width: 1041px;

}



.back-button{

    display: inline-block;

}



.back-button a{

    display: block;

    padding: .5rem 0rem;

    color: var(--dark);

    text-decoration: none;

    transition: all .2s ease-in-out;

}



.back-button:hover a{

    color: var(--primary-clr-1);

    transition: all .2s ease-in-out;

}



.back-button a::before{

    display: inline-block;

    margin-right: .255em;

    vertical-align: .255em;

    font-family: 'Material Icons';

    content: "\e5cb";

    border-top: none;

    border-right: none;

    border-bottom: none;

    border-left: none;

    line-height: 0;

    position: relative;

    top: 6px;

    opacity: .5;

    transition: all 0.25s ease-in-out;

}



.back-button:hover a::before{

    color: var(--primary-clr-2);

    opacity: 1;

    transition: all .2s ease-in-out;

}



.card.article-container{

    padding: 0;

}



/*

.article-feat-img{

    border-bottom: 1px solid var(--secondary-gray-30);

}

*/



.article-feat-img, .article-feat-img img{

    border-radius: .35rem .35rem 0 0;

}



.article-container .article-header{

    padding: 2rem 3.5rem 0 3.5rem;

}



.article-container .article-body-grid{

    padding: 2rem 3.5rem;

}



.article-header{

    border-bottom: 0px;

}



/*

.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;

}



.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;

}



.article-header__bottom-hr{

    width: 100%;

    opacity: 1;

    margin: 1.5rem auto 0 auto;

    border: 0px;

    height: 1px;

    background-color: var(--secondary-gray-30);

}



@media (max-width: 650px) {

    .article-container .article-header{

        padding: 2rem 1.5rem 0 1.5rem;

    }



    .article-container .article-body-grid{

        padding: 0rem 1.5rem 2rem 1.5rem;

    }

}





/* Social Media Aside Styles */



.article-aside{

    height: 100%;

    padding: 1.5rem 1.75rem 0 0;

}



.article-aside .sticky-top{

    position: sticky;

    top: 100px;

    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 var(--secondary-gray-30);

    }

        

    .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: 2rem;

    margin-bottom: 1rem;

}



.article-content h3.article__title, .article__title, .article-content h3{

    font-size: 1.55rem;

    font-family: var(--header-font);

    font-weight: 600;

    margin-top: 2rem;

    margin-bottom: 1rem;

}



.article-content h4{

    font-size: 1.25rem;

    font-family: var(--header-font);

    font-weight: 600;

    margin-top: 1.5rem;

    margin-bottom: 1rem;

}



.article-content p, .article-content li{

    font-size: 1rem;

}



.article-content p{

    margin-bottom: 1rem;

}



.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;

}



/* Event Engagement / Slick Slider Modal Styles */

  .slick-slide {

    -webkit-user-select: text;  /* Chrome, Opera, Safari */

    -moz-user-select: text;     /* Firefox */

    -ms-user-select: text;      /* Internet Explorer/Edge */

     user-select: text;          /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */

  }

  .slick-prev, .slick-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

    width: 64px;

    height: 64px;

    background-color: black;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    opacity: 1;

  }

  .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus, .slick-prev:hover, .slick-next:hover, .slick-prev, .slick-next {

    background: #000000;

    color: #000000;

  }

  .slick-prev:before, .slick-next:before {

    display: none;

  }

  .slick-prev {

    left: 10%;

  }

  .slick-next {

    right: 11%;

  }

  .slick-prev svg, .slick-next svg {

    fill: white;

    width: 64px;

    height: 64px;

  }

  .slick-slide {

    transition: all 0.3s ease;

    opacity: 1;

    height: 90vh;

  }

  .slick-center {

    opacity: 1;

    transform: scale(1);

  }

  .height-60{

    height: 60vh;

  }

  .max-width-auto{

    max-width: inherit!important;

  }

  .modal-body--slick-slider {

    display: none; /* Hide modal content initially */

  }

  .modal-body--bg-transparent {

    background-color: transparent!important;

  }

  .modal-backdrop.show {

    opacity: 0.8; /* Adjust this value for desired darkness */

  }

  .modal-backdrop {

    background-color: #000; /* Ensure the backdrop color is black */

  }

  .card__ee {

    transition: transform 0.3s, box-shadow 0.3s;

  }      

  .col-md-3-ee-tiles {

    max-width: 328px;

  }      

  .card__ee:hover {

    transform: translateY(-10px);

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);

    }      

  .card__ee .x-hover-bg:hover {

    background-image: url("https://conexiant-solutions.useast01.umbraco.io/media/fjxfbqf1/x-shape-hover.png");

    background-repeat: no-repeat;

    background-size: 100%;

    background-position-x: 6px;

    } 

    .row__ee .card{

    height: 511px;

    }



    .card-title--slick-slider {

      font-size: 1.5pc;

      line-height: 28px;

    }

    .card-subtitle--slick-slider {

      font-size: 14px;

      line-height: 18px;

      font-weight: 400;

      text-transform: uppercase;

      letter-spacing: 1px;

      

    }

    .card-text--slick-slider, .card-text--slick-slider li {

      font-size: 1pc;

      line-height: 24px;

    }

    .dxp-logo{

      width: 30%; 

      height: auto; 

      top: 65%; 

      right: 135px; 

      min-height: auto;

    }

    .ems-bg{

        background-image:url("https://conexiant-solutions.useast01.umbraco.io/media/v2wfthb1/ems-bg.jpg");

        background-repeat: no-repeat;

        background-size: cover;

        background-position: top center;

    }

    .prod-bg{

        background-image:url("https://conexiant-solutions.useast01.umbraco.io/media/zqtj1neu/production-bg.jpg");

        background-repeat: no-repeat;

        background-size: cover;

        background-position: top center;

    }

    .lms-bg{

        background-image:url("https://conexiant-solutions.useast01.umbraco.io/media/ee4ptky3/lms-bg.jpg");

        background-repeat: no-repeat;

        background-size: cover;

        background-position: top center;

    }

    .cms-bg{

        background-image:url("https://conexiant-solutions.useast01.umbraco.io/media/qavbrwdj/cms-bg.jpg");

        background-repeat: no-repeat;

        background-size: cover;

        background-position: top center;

    }

  .card-text--slick-slider, .card-text--slick-slider li, .card--slick p {

      font-size: 14px!important;

      line-height: 20px!important;

  }



  @media not all and (min-width: 968px) {

  .card-text--slick-slider, .card-text--slick-slider li {

      font-size: 14px!important;

      line-height: 20px!important;

  }

  .card--slick p{

      display: none;

  }

  }

    @media not all and (min-width: 768px) {

  .slick-prev svg, .slick-next svg, .slick-prev:hover, .slick-next:hover, .slick-prev, .slick-next {

    display: none;

    background: initial;

  }

  .card-text--slick-slider, .card-text--slick-slider li {

      font-size: 14px!important;

      line-height: 20px!important;

  }

  .card--slick p{

      display: none;

  }

  }

  @media not all and (max-width: 768px) {

  .h-md-100{

     height: 100%;

  }

  }

  @media not all and (min-width: 480px) {

  .slider {

    width: 100%;

  }

    .dxp-logo{

      width: 100%; 

      top: inherit; 

      right: inherit; 

    }

  }



/* New Subpage Hero */

.hero__subpage-alt{

    background: url("https://res.cloudinary.com/broadcastmed/image/fetch/q_auto,c_fill,g_faces:center,f_auto/https://conexiant-solutions.useast01.umbraco.io/media/g4shet0g/hero-bg-oursolutions.png");

    background-repeat: no-repeat;

    background-position: right;

    background-size: cover;

    background-color: #0053af;

    position: relative;

    overflow: hidden;

}

.hero__subpage-alt h1{

    font-weight: 300;

    letter-spacing: .2px;

    font-size: 2.5rem;

    color: white;

    margin-bottom: .5rem;

}

.hero__inner-wrapper-alt{

    position: relative;

    display: flex;

    height: 100%;

}



.hero__text-alt{

    width: 100%;

    z-index: 5;

    display: flex;

    flex-direction: column;

    justify-content: center;

    color: white;

}



.hero__text-inner-alt{

    max-width: 500px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 40vw;   

    padding: 3rem 0; 

}



  @media not all and (min-width: 768px) {

.hero__subpage-alt{

    background-position: center;

}

}

  @media not all and (min-width: 992px) {

.bg-none{

    background: none!important;

}

}

  @media not all and (min-width: 480px) {

.hero__solutions-subpages p{

    font-size: 24px;

}

.hero__solutions-subpages h1{

    font-size: 16px;

}

}



@media (max-width: 992px) {

    .hero__subpage-alt * {

        position: relative;

        z-index: 2;

    }

    

    .hero__subpage-alt::after {

        content: "";

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background-image: linear-gradient(to bottom, rgb(25,88,183), rgba(0,0,0,0) 60%);

        z-index: 1;

    }

}



            .draggable-container {

              display: flex;

              overflow-x: auto;

              white-space: nowrap;

              scroll-behavior: smooth;

            }



            .draggable-container::-webkit-scrollbar {

              display: none; /* Hide scrollbar */

            }



            /* Make sure buttons do not wrap */

            .draggable-container .btn {

              flex: 0 0 auto;

              margin-right: 10px;

            }

                

            .carousel-indicators_solutions [data-bs-target]{

              opacity: 1;

              background: var(--primary-blue-50)!important;

              border: solid medium var(--primary-blue-50);

            }



            .carousel-indicators_solutions .active{

              opacity: 1;

              background: var(--primary-blue-100)!important;

            }



            .carousel-indicators_solutions button:hover{

              border: solid medium var(--primary-blue-100);

            }



            .carousel-indicators_solutions button.active:hover{

              border: solid medium var(--primary-blue-100);

            }



            @media (max-width: 1400px) {

              .draggable-container {

                  overflow-x: auto;

                  cursor: grab;

              }

            }    

















/* Media Kit Page Styles */



.mk-section{

    position: relative;

}



.mk-section__grid{

    display: grid;

    grid-template-columns: 300px 1fr;

    grid-gap: 2rem;

}



.mk-section__l-col .card{

    display: block;

    position: sticky;

    top: 7.125rem;

    height: auto;

    overflow: visible;

}



.dropdown--filters{

    position: relative;

}



.dropdown--filters .dropdown-toggle{

    display: inline-flex;

    gap: .5rem;

    align-items: center;

}



.dropdown--filters .dropdown-toggle::after {

    display: none;

    margin-left: 0;

    top: 1px;

}



.dropdown--filters .dropdown-menu {

    display: block;

    transform: translate3d(0px, 0px, 0px) !important;

    border: 0px solid transparent;

    padding: .5rem 0 0 0;

    position: relative !important;

}



.filter-field{

    display: flex;

    gap: .5rem;

    align-items: center;

}



.filter-field *{

    cursor: pointer;

}



.filter-field .form-check-input[type="checkbox"]{

    margin-top: 0;

    border: 1px solid #E4E4E8;

    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.10);

}



.mk-section__r-col{

    display: grid;

    grid-gap: 3rem;

    grid-template-columns: 1fr;

    position: relative;

    z-index: 1;

}



.mk-card-grid{

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

    grid-gap: 1rem;

}



.mk-section__group-header{

    display: grid;

    grid-template-columns: auto 1fr;

    grid-gap: 1rem;

    align-items: center;

}



.mk-section__group-header hr{

    background-color: var(--primary-clr-2);

}



.card--mk{

    position: relative;

    bottom: 0;

    padding: 0;

    margin: 0;

    border: 0px solid transparent;

    border-radius: .35rem;

    overflow: hidden;

    box-shadow: 0px 3px 5px rgba(12,52,84,.125);   

    transition: .2s ease-in-out;

}



.card--thumb-top.card--mk:hover{

    /*bottom: 2px;*/

    transform: scale(1.01);

    box-shadow: 0px 3px 10px rgba(12,52,84,.1);   

    transition: .2s ease-in-out;

}



.card--mk .card__thumbnail{

    display: flex;

    justify-content: center;

    position: relative;

    width: 100%;

    height: 215px;

    padding: 1.5rem 1.5rem 0 1.5rem;

    background: linear-gradient(242deg, #69D467 0%, #075DB4 100%);

    overflow: hidden;

}



.card--mk .card__thumbnail::after{

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: linear-gradient(0deg, rgba(34, 45, 51, 0.15) 0%, rgba(34, 45, 51,0) 15%);

    z-index: 3;

}



.card--mk .card__thumbnail-img{

    position: relative;

    z-index: 2;

    width: 100%;

    height: fit-content;

    max-width: 260px;

    max-height: 270px;

    object-fit: contain;

    object-position: top center;

    filter: drop-shadow(0px 3px 5px rgba(12,52,84,.5));

    transition: .2s ease-in-out;

}



.card--mk .card__body{

    text-align: left;

}



.card--mk .btn{

    text-align: left;

}



.modal--mk .modal-dialog {

    height: 100%;

    margin: auto;

    padding: 2rem;

}



.modal--mk .modal-content {

    border-radius: .5rem;

    border: 0px solid transparent;

    overflow: hidden;

    min-height: 570px;

    max-height: 700px;

    flex-direction: row;

}



.modal--mk .modal-body {

    display: grid;

    grid-template-columns: 1fr 1fr;

    padding: 0;

    transition: .2s ease-in-out;

}



.modal--mk .btn-close {

    position: absolute;

    top: 1.5rem;

    right: 1.5rem;

    width: 25px;

    height: 25px;

    opacity: 1;

    z-index: 4;

    background: transparent;

    transition: .2s ease-in-out;

}



.modal--mk .btn-close:hover {

    color: var(--primary-clr-1);

    transition: .2s ease-in-out;

}



.modal--mk .modal__thumbnail{

/*            flex: 1 1 350px;*/

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    width: 100%;

    padding: 1.5rem;

    overflow: hidden;

}



.modal--mk .modal__thumbnail-img{

    position: relative;

    z-index: 2;

    width: 100%;

    height: fit-content;

    max-width: 450px;

    max-height: 450px;

    object-fit: contain;

    object-position: top center;

    filter: drop-shadow(0px 3px 10px rgba(12,52,84,.125));

    transition: .2s ease-in-out;

}



.modal-body__copy{

/*            flex: 1 1 350px;*/

    display: flex;

    height: 100%;

    position: relative;

    overflow-y: scroll;

}



.modal-body__copy .overflow-y-scroll{

    display: flex;

    flex-direction: column;

    width: 100%;

    padding: 3rem 2rem;

    position: relative;

    z-index: 1;

    overflow-y: scroll;

}



.modal-body__copy::before, .modal-body__copy::after{

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    height: 3rem;

    z-index: 3;

    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);

}



.modal-body__copy::before{

    top: 0;

    bottom: auto;

    transform: rotate(180deg);

}



.modal-body__copy::after{

    top: auto;

    bottom: 0;

}



.modal-body__copy .section-heading{

    font-weight: 300;

    font-size: 2.5rem;

    text-wrap: balance;

}



.mk-hbspt-form .hs-form-iframe{

    min-height: 200px !important;

    overflow: visible !important;

}



.mk-hbspt-form .hbspt-form {

    padding: 0;

    border: 0px solid transparent;

}



.mk-hbspt-form .hs-form-field{

    margin-bottom: .5rem;

}   



.mk-hbspt-form .hs-form-field > label {

    font-size: .8rem;

}



.mk-hbspt-form fieldset .hs-input{

    width: 100% !important;

}



/*.mk-hbspt-form fieldset .hs-fieldtype-select{*/

/*    width: 40% !important;*/

/*}*/



/*.mk-hbspt-form fieldset .hs-company{*/

/*    width: 60% !important;*/

/*}*/



.mk-hbspt-form input, .mk-hbspt-form input[type="text"], .mk-hbspt-form select, .mk-hbspt-form textarea {     

    margin-bottom: 0;

}  



.mk-hbspt-form input[type="submit"] {

    display: inline-flex;

    column-gap: .5rem;

    align-items: center;

    justify-content: center;

    margin-top: 1rem;

    padding: .5rem .75rem;

    min-width: 33px;

    min-height: 33px;

    font-family: var(--body-font);

    line-height: 1.1;

    white-space: nowrap;

    text-decoration: none;

    color: var(--dark);

    background-color: var(--primary-clr-2);

    border: 1px solid var(--primary-clr-2);

    border-radius: .35rem;

    transition: .2s ease-in-out;

}



.mk-hbspt-form input[type="submit"]:hover {

    background-color: var(--primary-clr-1);

    border: 1px solid var(--primary-clr-1);

    color: white;

}



.mk-hbspt-form .hs-form-required{

    color: #e51520 !important;

}



.mk-hbspt-form .hs-form-field .hs-error-msgs{

    list-style-type: none;

    padding: 0;

    margin: 0 0 4px 0;

}



.mk-hbspt-form .hs-error-msgs li{

    padding: 0;

    margin: 0;

}



.mk-hbspt-form .input .error {

    border-color: #e51520 !important;

}



.mk-hbspt-form label.hs-error-msg {

    font-size: 13px;

    color: #e51520;

    font-weight: 400;

}



.mk-hbspt-form .submitted-message{

    background-color: rgba(166, 206, 60, .4); 

    border: 1px solid #A6CE3C; 

    padding: 1.5rem;

    border-radius: .35rem;

}



.mk-hbspt-form .submitted-message p{

    margin-bottom: 0;

    font-weight: 600;

}



.mk-hbspt-form .grecaptcha-badge{

    transform: scale(0.75) translateX(-16%) !important;

}



@media all and (max-width: 900px) {

    .modal--mk .modal-content {

        max-height: 100%;

        /*height: 90vh;*/

        height: auto;

    }

    

    .modal--mk .modal-dialog {

        height: auto;

        padding: 2rem;

    }



    .modal--mk .modal-body {

        grid-template-rows: 30vh auto;

        grid-template-columns: 1fr;

        transition: .2s ease-in-out;

    }

    

    .modal--mk .modal__thumbnail {

        align-items: flex-start;

    }

    

    .modal--mk .modal__thumbnail::after {

        content: '';

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: linear-gradient(0deg, rgba(34, 45, 51, 0.15) 0%, rgba(34, 45, 51,0) 15%);

        z-index: 3;

    }

    

    .modal--mk .modal__thumbnail-img {

        max-width: 280px;

        max-height: 280px;

    }



    .modal-body__copy {

        overflow-y: hidden;

    }

}



@media all and (max-width: 835px) {

    /*

    #mediaKits > .container-fluid{

        height: calc(100vh - 80px);

        overflow: scroll;

    }

    */



    .mk-section__grid{    

        grid-template-columns: 1fr;

    }



    .mk-section__l-col{

        /*

        position: sticky;

        top: 0;

        */

        position: relative;

        z-index: 3;

    }



    /*

    .mk-section__l-col .card{

        top: auto;

        bottom: calc(100% - 150px);

        position: relative;

    }

    */



    .mk-section__r-col {

        padding-left: .5rem;

        padding-right: .5rem;

    }



    .dropdown--filters {

        position: sticky;

        top: 0;

        z-index: 3;

    }



    .dropdown--filters .dropdown-toggle {

        cursor: pointer;

    }



    .dropdown--filters .dropdown-toggle::after {

        display: inline-block;

    }



    .dropdown--filters .dropdown-menu {

        display: none;

        position: absolute!important;

        inset: 100% -1.5rem auto -1.5rem !important;

        padding: .5rem 1.5rem 1rem 1.5rem;

        background-color: white;

        border-radius: .35rem;

        box-shadow: 0px 3px 5px rgba(12,52,84,.125);

    }



    .dropdown--filters .dropdown-menu.show {

        display: block;

    }

}





@media (min-width: 576px) {

    .modal--mk .modal-dialog {

        max-width: 1200px;

    }

}



/* Specialty Template Page */

#specialty-hero p{

  font-size: 1rem;

  font-family: 'Poppins';

  font-weight: 200;

  line-height: 1.5;

  max-width: 545px;

}

  

#specialty-hero p:first-child{

  margin-bottom: 8px;

}

  

#specialty-hero h2{

  font-family: 'Poppins';

  font-size: 2.75rem;

  font-weight: 300;

  line-height: 1.2;

  margin-bottom: 12px;

  max-width: 545px;

}

  

#specialty-hero .col-12:last-child img{

  height: 100%;

}

  

#content-area1{

  background-color: #1B75BC;

}

  

#content-area3 .col-12:first-child div{

  top: 96px;

}

  

.content-area h3{

  font-family: 'Poppins';

  font-size: 32px;

  font-weight: 400;

  line-height: 1.2;



}

  

.content-area h4{

    font-family: var(--header-font);

    font-weight: 600;

    font-size: 2rem;

    color: var(--dark);

    /* font-family: 'Poppins';

    font-size: 32px;

    font-weight: 200; */

    line-height: 1.3;

    max-width: 756px;

    padding-bottom: 24px;

    margin-bottom: 24px;

    position: relative;   

}

  

.content-area h4::after{

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 120px;

  border-bottom: solid 2px #A5CE3B;

}

  

.content-area h5{

  font-family: 'Poppins';

  font-size: 24px;

  font-weight: 600;

  line-height: 1.2;

  margin-bottom: 12px;

}

  

.content-area p{

  font-family: 'Poppins';

  font-size: 16px;

  font-weight: 200;

  line-height: 1.4;

  margin-bottom: 12px;

}

  

.content-area .btn{

  font-family: 'Poppins';

  font-size: 16px;

  font-weight: 300;

  line-height: 1.4;

  background: white;

  border-color: #1B75BC!important;

  color: #1B75BC!important;

  margin: 0px 0 12px 0;

}

  

.content-area .btn:hover{

  background: white;

  border-color: #1B75BC!important;

  color: #1B75BC!important;

}

  

.contact-section__form .hbspt-form{

  border: none;

}



.specialty-template .col--r > *{

    max-width: 560px;

    width: 100%;

    /*aspect-ratio: 16/9;*/

    border-radius: .35rem;

    overflow: hidden;

    height: auto !important;

}



.specialty-template .col--r iframe{

    aspect-ratio: 16/9;

}

  

@media screen and (max-width: 992px) {

#specialty-hero h2, #specialty-hero p{

  max-width: 100%;

}

  

#specialty-hero h2{

  font-size: 40px;

}

  

#specialty-hero .col-12:last-child img{

  height: auto;

  width: 100%;

  max-width: 450px;

}  

}

  

@media screen and (max-width: 567px) {

.specialty-template h2, h3, .specialty-template.content-area h3, #specialty-hero.specialty-template h2{

  font-size: 28px;

}

  

.specialty-template h4{

  font-size: 24px;

}

  

.specialty-template h5{

  font-size: 20px;

}

  

.specialty-template p, #specialty-hero.specialty-template p{

  font-size: 16px;

}

}

/*Europe Styles*/
.hero__subpage-eu{
  display: flex;
  padding: 3rem 0;
  min-height: 500px;
  background-image: url(https://conexiant-solutions.useast01.umbraco.io/media/31hkxpqx/hero-homepage.jpg);
  background-position: center;
  background-size: cover;
  background-color: #0053af;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

#specialty-hero-eu-homepage h2{
  font-size: 4.5rem;
  font-weight: 300;
  max-width: 15ch;
  margin: 0 auto 1.5rem auto;
  text-align: center;
}

#specialty-hero-eu-homepage p{
  max-width: inherit;
  font-size: 1.5rem;
  text-align: center;
  font-weight: normal;
  max-width: 45ch;
  margin: 0 auto;
}

#specialty-hero-eu h2{
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 110%;
  max-width: 850px;
  margin: 0 auto;
}

#specialty-hero-eu p{
  font-size: 1.25rem;
  max-width: 850px;
  margin: 0 auto;
  font-weight: 200;
}

.hero__subpage-eu-alt {
    display: flex;
    align-items: center;
    min-height: 300px;
    background: url(https://res.cloudinary.com/broadcastmed/image/fetch/q_auto,c_fill,g_faces:center,f_auto/https://conexiant-solutions.useast01.umbraco.io/media/ck0dzxv0/hero-bg-reversed.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    background-color: #0053af;
    position: relative;
    overflow: hidden;
}

#eu-homepage-subhero{
  background: linear-gradient(180deg, #1B75BC 0%, #015392 100%);
  padding: 64px 0;
  color: #ffffff;
  position: relative;
  border-radius: 1rem
}

#eu-homepage-subhero{
  padding: 64px 0;
  color: #ffffff;
}

#eu-homepage-subhero h3{
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 2px var(--Brand-Primary-Blue-50, #759BCB) solid;
}

#eu-homepage-subhero h4{
  color: #ffffff;
  font-size: 64px;
  font-weight: 600;
  line-height: 120%;
  text-wrap: balanced;
}

#eu-homepage-subhero .max-width{
  max-width: 1336px;
  margin: 0 auto;
}

.hero-stat-container{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 2.5rem .5rem;
}

.hero-stat-col{
  max-width: 243px;
}

.eu-homepage-body h4{
  font-size: 2rem;
  font-weight: 300;
  text-wrap: balance;
}

.homepage-eu-products{
  display: grid;
  grid-row-gap: 1.5rem;
  font-size: 1rem;
}

.homepage-eu-products a{
  display: block;
  font-size: 20px;
}

.homepage-eu-products a::after{
  content: '';
  display: inline-block;
  width: 6px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.48517 1.09931C0.520004 1.06438 0.561386 1.03668 0.606945 1.01777C0.652504 0.998867 0.701345 0.989136 0.75067 0.989136C0.799996 0.989136 0.848837 0.998867 0.894396 1.01777C0.939954 1.03668 0.981336 1.06438 1.01617 1.09931L5.51617 5.59931C5.55109 5.63414 5.5788 5.67552 5.5977 5.72108C5.61661 5.76664 5.62634 5.81548 5.62634 5.86481C5.62634 5.91413 5.61661 5.96297 5.5977 6.00853C5.5788 6.05409 5.55109 6.09547 5.51617 6.13031L1.01617 10.6303C0.945755 10.7007 0.850252 10.7403 0.75067 10.7403C0.651088 10.7403 0.555585 10.7007 0.48517 10.6303C0.414755 10.5599 0.375196 10.4644 0.375196 10.3648C0.375196 10.2652 0.414755 10.1697 0.48517 10.0993L4.72042 5.86481L0.48517 1.63031C0.450248 1.59547 0.42254 1.55409 0.403636 1.50853C0.384731 1.46297 0.375 1.41413 0.375 1.36481C0.375 1.31548 0.384731 1.26664 0.403636 1.22108C0.42254 1.17552 0.450248 1.13414 0.48517 1.09931Z' fill='%231B75BC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.5rem;}

.homepage-eu-products h4, .solutions-eu-products h4{
  color: #222D33;
  font-size: 28px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 33.60px;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  text-wrap: balanced;
}

.homepage-eu-products h4::after, .solutions-eu-products h4::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: none;
}

.homepage-eu-products p{
  color: #222D33;
  font-size: 1rem;
  font-family: Poppins;
  font-weight: 400;
  line-height: 30.60px;
  word-wrap: break-word;
}

.homepage-eu-products_heading{
  display: grid;
  grid-row-gap: 8px;
}

.products-subhead{
  color: #747577;
  font-size: 1rem;
  font-family: Poppins;
  font-weight: 400;
  line-height: 32px;
}

.products-subhead div{
  display: inline-block;
  width: fit-content;
  margin-right: 2rem;
}

.products-subhead div::after{
  content: '';
  position: relative;
  right: -1rem;
  border-right: solid 2px #D8D9DA;
}

.products-subhead div:last-child::after{
  content: '';
  border-right: none;
}

.products-thumbnail{
  height: -webkit-fill-available;
  width: 100%;
}

.homepage-testimonial-container{
  display: flex;
  grid-column-gap: 3rem;
}

.homepage-testimonial-tile{
  display: grid;
  grid-row-gap: 1rem;
  width: 31.33%;
}

.homepage-testimonial p{
  color: var(--text-primary, rgba(0, 0, 0, 0.87));
  font-size: 20px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 200%;  
}

.client-label p{
  font-size: 18px;
  line-height: 24px;
}

p.client-label_title{
  font-size: 14px;
  line-height: 18px;
}

.section-nav-parent{
  position: sticky;
  top: 96px;
  z-index: 100;
}

.section-nav{
  padding: .25rem;
  /* background-color: #F2F5F9; */
  border-radius: .25rem;
}

.section-nav-parent .section-nav{
    background-color: #F2F5F9;
}

.section-nav ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; /* allows wrapping if needed */
  column-gap: .25rem;
}

.section-nav ul li {
  margin: 0;
  padding: 0;
  flex: 1 1 auto; /* allow flexible growth */
  text-align: center;
  border-radius: .25rem;
}

.section-nav ul li .btn {
  display: block; /* make the a.btn behave like a block element */
  width: 100%; /* fill the entire li */
  background-color: inherit;
  border: none;
  color: #222D33;
  text-align: center;
  line-height: 1.4;
}

.section-nav ul li .btn.nav-active{
  background-color: var(--primary-clr-1);
  border-color: var(--primary-clr-1);
  color: #ffffff;
}

.section-nav ul li .btn:hover{
  background-color: var(--primary-clr-1);
  border-color: var(--primary-clr-1);
  color: #ffffff;
}

.dropdown-toggle-nav {
  background-color: #F2F5F9;
  border: none;
  padding: .5rem 1rem;
  border-radius: .25rem;
  color: #222D33;
}

.dropdown-toggle-nav .caret {
  font-size: 1rem;
  transition: transform 0.3s ease;
}

.dropdown-toggle-nav[aria-expanded="true"] .caret {
  transform: rotate(180deg);
}

.dropdown-menu-nav {
  display: none;
  background-color: #F2F5F9;
  border-radius: .25rem;
  margin-top: 0.5rem;
}

.dropdown-menu-nav.show {
  display: block;
}

.dropdown-btn {
  display: block;
  background-color: var(--primary-clr-1);
  color: white;
  font-size: 1rem;
  border-radius: .25rem;
}

.dropdown-btn.dropdown-toggle::after {
  display: inline-block;
  margin-left: .5em;
  vertical-align: .5em;
  font-family: 'Material Icons';
  font-size: 2rem;
  content: "\e5cf";
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: 0;
  position: relative;
  top: 50%;
  opacity: .5;
  transition: all 0.25s ease-in-out;
}

.current-section-label{
  font-size: 1.1rem;
  font-weight: 300;
}

.section-nav .dropdown-menu{
  position: absolute;
  inset: -2px auto auto 0px;
  margin: 0px;
  transform: translate3d(0px, 44px, 0px);
  width: fit-content;
  border-radius: 0px;
  border: none;
}

.section-nav .dropdown-menu li{
  display: grid;
  justify-content: end;
  margin: 0;
  padding: .5rem 0;
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

.section-nav .dropdown-menu li:hover{
  background-color: var(--primary-clr-1);
}

.section-nav .dropdown-menu li:hover a{
  color: white;
}

.section-nav .dropdown-menu {
  display: none;
  position: absolute;
  inset: -2px auto auto 0px;
  margin: 0px;
  transform: translate3d(0px, 44px, 0px);
  width: fit-content;
  border-radius: 0px;
  border: none;
}

.section-nav .dropdown-menu.show {
  display: block;
}

li:has(a.dropdown-item.nav-active){
  display: none;;
}

.eu-specialties-sections section{
  display: grid;
  justify-content: center;
}

.solutions-thumbnail{
  width: 100%;
  border-radius: .5rem;
}

@media screen and (min-width: 576px) {
.hero-stat-col{
  width: auto;
}

.row-gap-md-6{
  grid-row-gap: 5rem!important;
}
}

@media screen and (max-width: 992px) {
    .rounded-none{
        border-radius: 0rem!important;
    }

    #specialty-hero-eu-homepage h2{
        font-size: 3rem;
    }

    #specialty-hero-eu-homepage p{
        font-size: 1rem;
    }

    .x-bg h4{
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    }

    .hero-stat-col{
    max-width: inherit;
    }
    
    .hero__subpage-eu{
    padding: 5rem 0;
    }

    .solutions-body h4{
    font-size: 2rem;
    font-weight: 300;
    text-wrap: balance;
    }

    .solutions-body h5{
    font-size: 1.5rem;
    font-weight: 300;
    }

    #specialty-hero-eu h2{
    max-width: inherit;
    font-size: 2.5rem;
    text-align: left;
    font-weight: normal;
    line-height: 120%;
    max-width: 850px;
    margin: 0 0 1.5rem 0;
    }

    #specialty-hero-eu p{
    max-width: inherit;
    font-size: 1.5rem;
    text-align: left;
    font-weight: 200;
    line-height: 120%;
    max-width: 850px;
    margin: 0 auto .5rem auto;
    }

    .section-nav ul li .btn {
    background-color: inherit;
    border-color: #F2F5F9;
    color: #222D33;
    justify-content: start;
    }

    .section-nav-parent {
    top: 134px;
    }

    .section-nav{
    width: 100%;
    padding: 0;
    border-radius: 0;
    }

    .section-nav ul{
    width: 100%;
    }

    .eu-specialties-sections section{
    height: inherit;
    }

.products-thumbnail{
  height: auto;
}
}

@media screen and (max-width: 1400px) {  
.homepage-testimonial-container{
  display: grid;
  grid-row-gap: 1rem;
}

.homepage-testimonial-tile{
  width: 100%;
}
}