/* 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,
.valueProp-video,
.contact-sales {

    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;

    }

}


/* B2B Campaign Landing Page - Hero */

.campaign-template {

    background: linear-gradient(270deg, #1B76BC 9.54%, #325AA9 50%, #1C4483 100%);

    position: relative;

    overflow: hidden;

}















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


/* Campaign B2B Style : START */

/* Campaign Landing Hero Styles */
.hero__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "header  header"
        "desc    img";
    /* gap: 1.5rem; */
}

.hero__grid-area {
    display: flex;
    flex-direction: column;
    gap: 1.125em;
}

.hero__image {
    margin: 0 auto;
    /* width: 100%; */
    position: relative;
}

.hero__image-desktop {
    display: block;
}

.hero__image-mobile {
    display: none;
}

.area--header {
    grid-area: header;
}

.area--desc {
    grid-area: desc;
}

.area--img {
    grid-area: img;
}

#specialty-hero .section-heading {
    max-width: 55ch;
    /* text-wrap: balance; */
}

#specialty-hero .hero-bulletts li {
    font-weight: 200;
}

#specialty-hero .hero-bulletts li::marker, #valueProp_video .hero-bulletts li::marker {
    color: var(--primary-clr-2);
}

@media (max-width: 768px) {
    .hero__grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "header"
            "desc  "
            "img   ";
        gap: 1.5rem;
    }

    .hero__image-desktop {
        display: none;
    }

    .hero__image-mobile {
        display: block;
    }
}
/* Campaign Landing Hero Styles */

/* Campaign Text Styles */
.campaign-header, .campaign-subHeader  {
    font-weight: 400;
    text-wrap: pretty;
}
/* Campaign Text Styles */


/* Campaign Value Props and Video section Styles */
.valueProp-video {
    background-color: #F6F6F8;
    /*background-image: linear-gradient(180deg, var(--primary-clr-1) 30%, #055DA1 100%);*/
}

.valueProp-video__flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5rem;
    grid-row-gap: 2rem;
    align-items: center;
}

.campaign-grid__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 3rem;
    align-items: center;
}

.campaign-grid__column {
    display: flex;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}

.campaign-grid__column-content {
    max-width: 676px;
}

.campaign-grid__column--left-extended:first-child {
    grid-column: span 2;
    display: flex;
    justify-content: flex-start;
}

.campaign-grid__column--right-extended:last-child {
    grid-column: span 2;
    display: flex;
    justify-content: flex-end;
}

.valueProp-video__grid-stats {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.campaign-flex {
    display: flex;
    gap: 1.5rem;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
}

.campaign-flex__col {
    display: flex;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.campaign-flex__col-xs {
    flex: 1 1 282px;
}

.campaign-flex__col-sm {
    flex: 1 1 380px;
}

.campaign-flex__col-md {
    flex: 1 1 640px;
}

.campaign-flex__col-lg {
    flex: 1 1 700px;
}


.valueProp-video__grid-stats--tiled {
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
}

.valueProp-video__stat {
    display: grid;
    grid-gap: 0.6875rem;
    align-items: center;
    justify-items: center;
    text-align: center;
}

.valueProp-video__number {
    font-size: 3rem;
    color: var(--primary-clr-2);
    line-height: .9;
    margin-bottom: 0;
    letter-spacing: 0;
}

.valueProp-video__stat p {
    /*color: white;*/
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: 0;
}

.valueProp-video__stat svg {
    width: 5rem;
    height: 5rem;
    aspect-ratio: 1/1;
}

.valueProp-video__card {
    display: flex;
    width: 100%;
    padding: 2rem;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    align-self: stretch;

    border-radius: 0.3125rem;
    border: 1px solid var(--secondary-color-150, #D5D7D7);
    background: var(--White, #FFF);
}

.valueProp-video__card--stat {
    align-items: flex-start;
    text-align: left;
    padding: 1.5rem 1.25rem;
    gap: 0.25rem;

    flex: 1 1 350px;
}

.valueProp-video__card--checklist {
    align-items: flex-start;
    text-align: left;
    padding: 2rem;
    gap: 1.75rem;
    max-width: 100%;
    max-height: none;
}

.valueProp-video__card--checklist ul {
    width: 100%;
    gap: 0.75rem;
    padding: 0;
    margin: 0;
    list-style: none;
    column-count: 2;
    column-width: 250px;
    column-gap: 1.5rem;
}

.valueProp-video__card--checklist h3 {
    font-weight: 500;
}

.valueProp-video__card--checklist li {
    display: grid;
    grid-template-columns: 32px 1fr;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
}

.valueProp-video__card--split {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    max-width: 100%;
}

.valueProp-video__card--split .column {
    flex: 1;
}

.valueProp-video__card--metrics {
    align-items: flex-start;
    text-align: left;
    padding: 1.5rem 2rem;
    gap: 1rem;
}

.valueProp-video__card h3, .valueProp-video__card p {
    text-align: center;
}

.valueProp-video__card--header {
    color: #A6CE3C;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 0;
    height: 5rem;
}

.valueProp-video__card--subheader {
    font-size: 1.563rem;
    font-weight: 600;
    line-height: 120%;
    text-align: start;
    margin-bottom: 0;
}

.valueProp-video__card .valueProp-video__card--number {
    color: #A6CE3C;
    font-size: 2.75rem;
    font-weight: 600;
    line-height: 120%;
    text-align: start;
    margin-bottom: 0;
}

.valueProp-video__card .valueProp-video__card--meta {
    color: var(--dark);
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    line-height: 150%;
    text-align: start;
    margin-bottom: 0;
}

.stats-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
}

.stats-meta__flex {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;  
}

@media (max-width: 1230px) {
    .campaign-grid__wrapper {
        grid-template-columns: 1fr;
    }

    .valueProp-video__grid-stats {
        grid-template-columns: repeat(4, 1fr);
    }

}

@media (max-width: 1167px) {
    .campaign-grid__column--right-extended {
        grid-column: span 1;
    }

    .valueProp-video__grid-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .campaign-grid__wrapper {
        grid-template-columns: 1fr;
    }

    .valueProp-video__grid-stats {
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
    }

    .valueProp-video__card {
        max-width: 100%;
    }

    .campaign-grid__column--right-extended {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        grid-column: auto;
    }

    .campaign-grid__column--left-extended {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        grid-column: auto;
    }

    .stats-meta__flex {
        flex-direction: row;
        align-items: baseline;
        gap: 0.5rem;
      }
}

@media (max-width: 480px) {
    .valueProp-video__card .valueProp-video__card--meta {
        font-size: .9rem;
    }

    .stats-meta__flex {
        flex-direction: column;
        align-items: center;
    }
}
/* Campaign Value Props and Video section */



/* Campaign Contact Sales */
.contact-sales {
    background-color: white;
    /*background-image: linear-gradient(180deg, var(--primary-clr-1) 30%, #055DA1 100%);*/
}

.contact-sales__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
    grid-gap: 1.75rem;
    transition: .2s ease-in-out;
}

.contact-sales__item {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-gap: 0.5rem 1rem;
    align-items: flex-start;
    transition: .2s ease-in-out;
    overflow: hidden;
    padding: .75rem 1.5rem;

    border-radius: 0.625rem;
    background: #F6F6F8;
}

.contact-sales__thumb {
    position: relative;
    border-radius: .35rem;
    aspect-ratio: 1 / 1;
    transition: .2s ease-in-out;
}

.contact-sales__item-copy {
    display: flex;
    padding: 1rem 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
    flex: 1 0 0;
    align-self: stretch;
}

.contact-sales__item-copy-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3125rem;
}

.contact-sales__item-title {
    font-size: 1.35rem;
    margin-bottom: 0;
}

.contact-sales__cta {
    display: flex;
    align-items: flex-start;
    gap: .5rem 1rem;
    align-self: stretch;
    flex-wrap: wrap;
}


@media (max-width: 680px) {
    .contact-sales__grid {
        grid-template-columns: 1fr;
        transition: .2s ease-in-out;
    }

    .contact-sales__item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .contact-sales__thumb {
        margin-top: 1rem;
        width: 100%;
        max-width: 150px;
    }

    .contact-sales__item-copy {
        flex-direction: column;
        align-items: center;
        padding: 1rem;
        width: 100%;
    }

    .contact-sales__item-copy-wrapper {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .contact-sales__item-copy-wrapper p {
        text-align: center;
    }

    .contact-sales__cta {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .75rem;
        align-self: stretch;
    }
}
/* Campaign Contact Sales */


/* Campaign hbspt-form styling */
#specialty-hero .hbspt-form {

    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    font-family: var(--body-font);
    width: 100%;
    max-width: none;
    margin: 0 auto;

}

#specialty-hero .hs-input {
    width: 100%;
}

#specialty-hero .hs-form-field {
    margin-bottom: .75rem;
}

#specialty-hero .hs_firstname .input {
    margin-right: 1rem;
}

#specialty-hero .hs-form-field>label {
    width: auto;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: .25rem;
}

#specialty-hero .hs-submit {
    margin-top: .5rem;
}

@media (max-width: 1024px) {
    #specialty-hero fieldset {
        max-width: none;
    }
}

@media (max-width: 480px) {
    #specialty-hero .hs_firstname .input {
        margin-right: 8px;
    }
}
/* Campaign hbspt-form styling */


/* Campaign B2B Style : END */