/*============================================================================*\
    Root
\*============================================================================*/
:root {
    /* SUI Error */
    --sui-color-error-text: #8a1e1e;
    --sui-color-error-border: #dea7a7;
    --sui-color-error-background: #fff4f4;
    /* Brand Colours */
    --color-primary-darkest: #060839;
    --color-primary-darker: #080c55;
    --color-primary-dark: #0b1073;
    --color-primary: #0D1398;
    --color-primary-light: #0f17b2;
    --color-primary-lighter: #242cc6;
    --color-primary-lightest: #535be8;
    --color-gradient-vertical: linear-gradient(0deg, #0D1398 0%, #0096C7 100%);
    --color-gradient-vertical-moz: -moz-linear-gradient(0deg, #0D1398 0%, #0096C7 100%);
    --color--vertical-webkit: -webkit-linear-gradient(0deg, #0D1398 0%, #0096C7 100%);
    --color-gradient-horizontal: linear-gradient(0deg, #0D1398 0%, #0096C7 100%);
    --color-gradient-horizontal-moz: -moz-linear-gradient(0deg, #0D1398 0%, #0096C7 100%);
    --color-gradient-horizontal-webkit: -webkit-linear-gradient(0deg, #0D1398 0%, #0096C7 100%);
    --color-gradient-backup: #0D1398;
    --color-secondary: #F04D6A;
    /* Brand Text Colours */
    --color-primary-text: #FFFFFF;
    --color-primary-text: #FFFFFF;
    /* Greys */
    --black: #0A0A0A;
    --grey-darkest: #707070;
    --grey-darker: #A3A3A3;
    --grey-dark: #B8B8B8;
    --grey: #C5C5C5;
    --grey-light: #D6D6D6;
    --grey-lighter: #E0E0E0;
    --grey-lightest: #F5F5F5;
    --white: #FFFFFF;
    /* Fonts */
    --font-family-display: system-ui, -apple-system, BlinkMacSystemFont, 
             'Segoe UI', Roboto, Arial, sans-serif;
    --font-family-body: system-ui, -apple-system, BlinkMacSystemFont, 
             'Segoe UI', Roboto, Arial, sans-serif;
    --font-family-icon: 'Font Awesome 6 Pro', 'Font Awesome 5 Brands';
    --font-family-body: system-ui, -apple-system, BlinkMacSystemFont, 
             'Segoe UI', Roboto, Arial, sans-serif;
    /* Font Sizes */
    --font-size-display-large: 2.81rem;
    --font-size-largest: 2.5rem;
    --font-size-larger: 1.56rem;
    --font-size-largeh4: 1.25rem;
    --font-size-large: 1.13rem;
    --font-size-normal: 1rem;
    --font-size-small: 0.875rem;
    --font-size-smallest: 0.75rem;
    /* Font Weights */
    --font-weight-black: 900;
    --font-weight-bold: 700;
    --font-weight-normal: 500;
    --font-weight-light: 300;
    --font-weight-thin: 200;
    /* Line Heights */
    --line-height-large: 1.6rem;
    --line-height-normal: 1.2rem;
    --line-height-small: 1rem;
    /* Spacing */
    --spacing-largest: 4rem;
    --spacing-larger: 2.5rem;
    --spacing-large: 1.5rem;
    --spacing: 1rem;
    --spacing-small: 0.75rem;
    --spacing-smaller: 0.5rem;
    --spacing-smallest: 0.25rem;
    /* Border-Radius */
    --border-radius-full: 999px;
    --border-radius-large: 12px;
    --border-radius: 5px;
    --border-radius-small: 3px;
    /* Borders */
    --border-solid-large: 2px solid;
    --border-solid: 1px solid;
    --border-dashed-large: 2px dashed;
    --border-dashed: 1px dashed;
    /* Box-Shadows */
    --box-shadow-large: 0px 17px 95px -3px rgba(0, 0, 0, 0.1);
    --box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    --box-shadow-small: 0px 5px 10px -3px rgba(0, 0, 0, 0.1);
    /* Page Container Widths */
    --page-content_width: 1400px;

    /* 2026 Case Study Roots */
    --blur-sm: 8px;

}

::selection {
    color: var(--color-primary-text);
    background-color: var(--color-primary-dark);
}

/*============================================================================*\
    Scrollbar
\*============================================================================*/

* {
    scrollbar-color: var(--white) var(--black);
    scrollbar-width: normal;
}

*::-webkit-scrollbar {
    width: 10px
}

*::-webkit-scrollbar-thumb {
    background: var(--color-secondary)
}

*::-webkit-scrollbar-track {
    background: #e0e1e1
}


/*============================================================================*\
    3. Typography
\*============================================================================*/

/* ==
Typography Global
== */

html {
    font-size: 100%;
}

body,
a,
.editor-content,
.ui-widget,
.ui-widget button {
    font-family: var(--font-family-body);
}

body {
    color: #727272;
    overflow-x: hidden;
}

/* ==
Checkout
== */

.page-content-wrapper .checkout-area * {
    font-size: 0.85rem;
}

/* ==
Horizontal Rule
== */

hr {
    border-top: var(--border-solid) var(--grey-lighter);
}

/* ==
Typography Headings
== */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--black);
    font-weight: var(--font-weight-bold);
    margin-top: 0;
    margin-bottom: 15px;
    line-height: normal;
}

h1,
h2,
h3 {
    font-family: var(--font-family-display);
}

h5,
h6 {
    font-family: var(--font-family-body);
}

h1 {
    color: #000;
    font-size: var(--font-size-display-large);
    line-height: normal;
    position: relative;
}

h2 {
    font-size: var(--font-size-largest);
}

h1 a,
h2 a {
    color: var(--color-primary);
    position: relative;
    text-decoration: underline 3px;
    text-underline-offset: 8px;
}


h3 {
    font-size: var(--font-size-larger);
}

body.body .text-white p,
body.body .text-white h1,
body.body .text-white h2,
body.body .text-white h3,
body.body .text-white h4,
body.body .text-white h5,
body.body .text-white h6,
body.body .text-white ul,
body.body .text-white ol,
body.body .text-white th,
body.body .text-white td,
body.body .text-white div,
body.body .text-white .block-block_feature_list.list.list-unified_list-items .list-item-datum-title a,
body.body .text-white a.sui-sf-c-btn.sui-sf-c-btn--link,
body.body .text-white a:hover {
    color: var(--white) !important;
}

body.body .text-white *>a:not(.sui-sf-c-btn) {
    color: inherit !important;
}

[data-class~="featured-services-wrapper"][data-class~="fs-three-column"] h3,
[data-class~="featured-services-wrapper"][data-class~="fs-four-column"] h3 {
    font-size: var(--font-size-large);
}

.ui-accordion .ui-accordion-header {
    color: var(--color-primary);
}

.inner-page-hero h1 {
    margin-bottom: 0;
}

.inner-page-hero h1+h2 {
    margin-top: 0;
}

h5 {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-large);
}

h6 {
    font-size: var(--font-size-small);
}

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

    h1,
    h2 {
        font-size: 2rem;
    }

    [data-block--hid="x8kW04r1vNQKl1ag"] h2 span,
    .big-heading h2 span {
        font-size: inherit !important;
    }
}

/* ==
Typography Body
== */

:is(p, li, p>a, li>a) {
    color: var(--black);
    font-family: var(--font-family-body);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-large);
}

.editor-content :is(p > strong, p > b),
.editor-content :is(h1 > strong, h1 > b, h2 > strong, h2 > b, h3 > strong, h3 > b, h4 > strong, h4 > b, h5 > strong, h5 > b, h6 > strong, h6 > b) {
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
}

/* ==
Typography Links
== */

/* Opacity */

a:is(:focus, :hover) {
    opacity: 1;
    filter: opacity(1);
    -webkit-filter: opacity(1);
}

/* Site Links */

#cart_Add_Message span a,
#p_recaptcha_widget a,
.account_side_container a,
.cart_Add_Message span a,
.product_option-browse .product_option-toggle,
.search-result tr a,
.search-result-item-title a,
.site-link a {
    color: var(--color-primary);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
}



#cart_Add_Message span a:hover,
#p_recaptcha_widget a:hover,
.account_side_container a:hover,
.cart_Add_Message span a:hover,
.product_option-browse .product_option-toggle:hover,
.search-result tr a:hover,
.search-result-item-title a:hover,
.site-link a:hover {
    color: var(--color-primary-dark);
    opacity: 1;
    filter: opacity(1);
    -webkit-filter: opacity(1);
    -moz-filter: opacity(1);
}

/* Buttons */

[data-class="project-featured-container"] a.sui-sf-c-btn.sui-sf-c-btn--default {
    position: absolute;
    bottom: 20px;
    background-color: var(--white);
    color: var(--color-primary);
    padding: 8px 23px 9px 23px;
}

a.sui-sf-c-btn.sui-sf-c-btn--default,
a.sui-sf-c-btn.sui-sf-c-btn--primary,
a.sui-sf-c-btn.sui-sf-c-btn--secondary,
a.sui-sf-c-btn.sui-sf-c-btn--tertiary {
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
    font-family: var(--font-family-body);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-decoration: none !important;
    text-align: center !important;
    width: fit-content;
    max-width: 100%;
    background-color: var(--color-primary);
    color: var(--white);
    padding: 8px 43px 9px 23px;
    margin: 0 var(--spacing-smaller) var(--spacing-smaller) 0;
    border: 1px var(--border-solid) transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    border-radius: 100px;
    font-weight: bold;
    text-align: center;
    text-rendering: geometricprecision;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;

}

a.sui-sf-c-btn:hover:after {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullscreen .carousel-inner .carousel-caption .gallery-item-button a {
    background-color: var(--white);
    border: 1px solid transparent !important;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullscreen .carousel-inner .carousel-caption .gallery-item-button a>button {
    color: var(--color-primary);
}

.carousel.shout-gallery-carousel_gallery_with_button_fullscreen .carousel-inner .carousel-caption .gallery-item-button a:hover {
    background-color: var(--color-primary-light);
}

p>a.sui-sf-c-btn:last-of-type {
    margin-right: 0;
}

@media only screen and (max-width: 1153px) {
    [data-class="project-featured-container"] a.sui-sf-c-btn.sui-sf-c-btn--default {
        position: relative;
    }
}

/* CSS */
a.sui-sf-c-btn.sui-sf-c-btn--default {}


a.sui-sf-c-btn.sui-sf-c-btn--default:hover {}

/* Button - Primary */

a.sui-sf-c-btn.sui-sf-c-btn--primary {
    padding: 5px 35px 7px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid #2367D2;
    background: #FFF;
    color: var(--color-primary);
}

a.sui-sf-c-btn.sui-sf-c-btn--primary:hover {}


/* Button - Secondary */

a.sui-sf-c-btn.sui-sf-c-btn--secondary {
    padding: 6px 35px 6px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: var(--border-radius-full);
    border: 1px solid #2367D2;
    background: #FFF;
    color: var(--color-primary);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
}

a.sui-sf-c-btn.sui-sf-c-btn--secondary:hover {}

/* Button - Tertiary */

a.sui-sf-c-btn.sui-sf-c-btn--tertiary {}

a.sui-sf-c-btn.sui-sf-c-btn--tertiary:hover {}

/* Button - Link */

a.sui-sf-c-btn.sui-sf-c-btn--link {
    color: var(--color-secondary);
    font-weight: var(--font-weight-bold);
    padding: 18px 20px 18px 0;
    position: relative;
    text-decoration: underline 3px;
    text-underline-offset: 8px;
}

a.sui-sf-c-btn.sui-sf-c-btn--link:hover {
    text-decoration: underline 3px;
    text-underline-offset: 8px;
}

a.sui-sf-c-btn.sui-sf-c-btn--link * {
    color: inherit !important;
}

/* ==
Typography Blockquotes
== */

blockquote {
    color: var(--grey-darker);
    font-family: var(--font-family-body);
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-large);
    border-left: 4px solid var(--color-primary);
}

/* ==
Typography Lists
== */

ul li,
ol li {
    color: var(--black);
    font-family: var(--font-family-body);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-large);
}

ul li::marker {
    color: var(--black);
}

.page-wrapper::before {
    content: '';
    opacity: 0.45;
    width: 100%;
    height: 550px;
    background: url(../images/home-bg1.jpg) top left no-repeat;
    display: block;
position: absolute;
    z-index: 0;
}

.page-wrapper > * {
    position: relative;
}

/*============================================================================*\
    Spacing
\*============================================================================*/

iframe {
    max-width: 100%;
}

.g-recaptcha>div {
    width: auto !important;
    height: auto !important;
}

/*============================================================================*\
    Header
\*============================================================================*/
/* Top Site Bar */
.top-site-bar>.quick-nav {
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.top-site-bar>.quick-nav>.nav-links,
.top-site-bar>.quick-nav>.quick-search {
    display: none;
}

.top-site-bar>.quick-nav>.site-top-bar table>tbody>tr>td:first-of-type {
    text-align: left;
    padding: 3px 0 3px 15px !important;
}

.top-site-bar>.quick-nav>.site-top-bar table>tbody>tr>td:last-of-type {
    text-align: right;
    font-size: 14px;
    color: #fff;
    padding: 3px 15px 3px 0 !important;
}

.top-site-bar .social-media {
    padding: 5px 15px;
}

.top-site-bar .social-media>a {
    color: #fff;
    display: inline-block;
    min-width: 30px;
    text-align: center;
    margin-right: 5px;
    font-size: 16px;
}

.top-site-bar>.quick-nav>.site-top-bar table>tbody>tr>td:last-of-type * {
    font-size: inherit;
    color: #fff;
}

.top-site-bar .social-media>a:hover {
    color: #6B6B6B;
}

@media only screen and (max-width: 575px) {
    .top-site-bar>.quick-nav>.site-top-bar table>tbody>tr>td {
        width: 100% !important;
        display: block;
        text-align: center !important;
    }

    .top-site-bar>.quick-nav>.site-top-bar .social-media {
        display: none !important;
    }
}

/* Hide Top Site Bar on Homepage */

body[data-nav--hid="dxJ3eglJ7Yq4prEO"] .top-page-bar {
    display: none;
}

/* Header */

.site-header .site-logo {
    margin: 0 !important;
}

.site-header .white-logo {
    margin: 0 !important;
    display: none;
}

/* Top Page Bar */

.page-content-wrapper>.top-page-bar {
    background-color: #F8F8F8;
}

.page-content-wrapper>.top-page-bar>.content-wrapper {
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
}

.page-content-wrapper>.top-page-bar>.content-wrapper .breadcrumb-bar>a.breadcrumb-trail,
.page-content-wrapper>.top-page-bar>.content-wrapper .breadcrumb-bar>span.divider {
    color: #636772;
}

.page-content-wrapper>.top-page-bar>.content-wrapper .breadcrumb-bar>a.breadcrumb-trail:last-of-type {
    color: #202124;
}

.page-content-wrapper>.top-page-bar>.content-wrapper .breadcrumb-bar>a.breadcrumb-trail:hover {
    color: #F04D6B !important;
}

.page-content-wrapper>.top-page-bar>.content-wrapper .breadcrumb-bar>a.breadcrumb-trail.services-trail {
    font-weight: 300;
}

.page-content-wrapper>.top-page-bar>.content-wrapper .breadcrumb-bar>a.breadcrumb-trail.services-trail:hover {
    color: #636772 !important;
}

.homepage .page-content-wrapper>.top-page-bar {
    display: none !important;
}

/* ==
Responsive Menu Popup (Custom JS)
== */

.top-site-bar {
    border: none;
}

.top-site-bar .quick-search {
    display: none;
}

.top-site-bar .quick-search form {
    border: 1px solid #afafaf;
    color: black;
    border-radius: 6px;
}

.top-site-bar .quick-search form input#querystring {
    -webkit-filter: none;
}

.sui-sf-sitetree-homepage .top-site-header.sticky {
    background-color: #fff !important;
}

.sui-sf-sitetree-homepage .top-site-header {
    background-color: transparent !important;
}

.site_header-inline {
    display: flex;
    max-width: 1170px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 0 0;
}

.navbar-toggle {
    float: none;
}

.navbar-nav {
    display: flex !important;
    align-items: center;
}

.nav-search {
    margin-top: 0;
    padding: 0;
    display: none;
}

.sticky .nav-search a.search-btn {}

.nav-links a {}

.nav-links a:hover {}

.is-sticky .nav-search a.search-btn {}

.account-links .fas {
    padding-right: 10px;
}

.top-site-bar>.content-wrapper div.site-top-bar {
    width: 100%;
}

.site-logo img {
    width: 200px;
}

.dropdown .dropdown-menu,
.dropdown-menu .dropdown-submenu.sui-dropdown-submenu-offset>.dropdown-menu,
.dropdown-menu .dropdown-submenu.sui-dropdown-submenu-offset:hover>.dropdown-menu {
    border-radius: 10px !important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #262ca6;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.navbar-collapse .dropdown-menu>.active>a:hover {
    background-color: #151864;
    color: #ffffff;
}

.top-site-header.sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    padding-bottom: 5px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.top-site-header.sticky .site-logo img {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.top-site-header.sticky .page-header-wrapper {}

.top-site-header .primary-nav {
    display: flex;
    justify-content: flex-end;
}

body[data-nav--hid="YAla93RqPp5y2WX1"] .top-site-header.sticky {
    position: relative !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body[data-nav--hid="YAla93RqPp5y2WX1"] .sticky-top {
    display: none !important;
}

body.product .is-sticky .top-site-bar {
    display: block;
}

body.product .top-site-header.sticky {
    position: relative !important;
    box-shadow: none;
}

body.product .sticky-top,
body.product .top-page-bar {
    display: none !important;
}

@media only screen and (max-width: 960px) and (min-width: 767px) {

    .top-site-header>.content-wrapper {
        padding: 10px 0 0 0;
    }
}

@media only screen and (min-width: 767px) {
    .menu-popup {
        display: none !important;
    }

    .navbar-nav>li>.dropdown-menu>li:first-child,
    .navbar-nav .dropdown-submenu>li:first-child {
        display: none;
    }
}

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

    .is-sticky .top-site-bar {
        background-color: white !important;
    }

    .top-site-header.sticky {
        z-index: 10001;
        -webkit-box-shadow: 0 13px 12px rgba(0, 0, 0, .05);
        box-shadow: 0 13px 12px rgba(0, 0, 0, .05);
    }

    body.sui-sf-feature-top-bar-flex--enabled .quick-nav {
        padding: 0 0 var(--spacing) 0;
        align-items: flex-end;
    }

    .site_header-inline.site_header-content_empty .primary-nav {
        width: 60%;
    }

    .navbar {
        border-top: none;
        border-bottom: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }

    .nav-search {
        margin-top: 10px;
    }

    .primary-nav,
    .in.navbar-collapse {
        padding-top: 0;
    }

    .site_header-inline.site_header-content_empty .site-logo {
        width: fit-content;
    }

    .nav-search .quick-search input.search-text {
        width: 123px;
    }

    .navbar .navbar-btn {
        width: fit-content;
    }

    .navbar .navbar-btn>.icon-bar:first-child {
        margin-top: 4px;
    }

    .navbar-collapse {
        display: none !important;
    }

    .menu-popup,
    .navbar-nav-mobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10002;
        overflow: auto;
    }

    .menu-popup {
        background-size: cover;
        display: none;
        text-align: center;
        background: url(../images/blue-bg.jpg);
    }

    .menu-popup .close-menu {
        top: 20px;
        right: 25px;
        font-size: 2em;
    }

    .navbar .navbar-btn:before {
        display: none;
    }

    .navbar-nav-mobile a {
        font-size: 1.625rem;
    }

    .menu-popup:before {
        content: '';
        position: absolute;
        background: linear-gradient(46deg, rgba(122, 86, 236, 1) 0%, rgba(0, 130, 203, 0.2) 52%, rgba(48, 224, 255, 0.1) 100%);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .menu-popup ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        text-align: left;
    }

    .sui-sf-sitetree-homepage ul.navbar-nav-mobile li.home,
    ul.navbar-nav-mobile li.advocacy,
    ul.navbar-nav-mobile li.news {
        display: none;
    }

    ul.navbar-nav-mobile li.home a:before {
        content: "Back To Public ";
        color: #fff;
        font-size: var(--font-size-larger);
    }

    .menu-popup strong {
        font-weight: normal;
    }

    .menu-popup .close-menu {
        position: absolute;
        top: 40px;
        right: 45px;
        z-index: 10003;
        color: #fff;
        cursor: pointer;
        background-size: 100% 100%;
        height: 48px;
        width: 48px;
    }

    .navbar-nav-mobile>li {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.3s ease-out, transform 0.3s ease-out;
        margin: 20px 0;
    }

    .navbar-nav-mobile>li.animate {
        opacity: 1;
        transform: translateY(0);
    }

    .navbar-nav-mobile {
        padding: 100px 14px 40px 20px !important
    }

    .navbar-nav-mobile a {
        color: #fff;
        font-size: var(--font-size-larger);
        padding: 10px 0px;
        display: block;
    }

    .navbar-nav-mobile a strong {
        color: #fff;
    }

    .navbar-nav-mobile a .caret {
        margin: 0 0 0 10px;
        border-top-color: #fff;
    }

    .navbar-nav-mobile>li ul {
        display: none;
        position: relative;
        margin: 0px 0;
        padding: 10px 0;
    }

    .navbar-nav-mobile li.dropdown ul {
        padding-left: 15px;
    }

    .navbar-nav-mobile>li ul::before {
        top: 0;
    }

    .navbar-nav-mobile>li ul::after {
        bottom: 0;
    }

    .navbar-nav-mobile>li ul a {
        font-size: var(--font-size-large);
    }

    /* Hide specific menu items */

    .navbar-nav-mobile .dropdown.services .services {
        display: none;
    }

}

@media only screen and (max-width: 568px) {
    .site_header-inline.site_header-content_empty .site-logo {
        width: 60%;
    }
}

/* ==
User Logged in
== */

.navbar-nav>li.advocacy,
.navbar-nav>li.news {
    display: none;
}

/* ==
Block Defaults
== */

.block.sui-sf-c-block--default {
    max-width: 1170px;
    margin: 0 auto;
    padding: 30px 15px;
}

.sui-sf-c-block--default[data-block--type='content'] {
    background-position: center center;
}

.block.sui-sf-c-block--default.block-alignment-background-fullscreen {
    max-width: none;
}

body.fullscreen .zone-main .block-alignment-background-fullscreen:not(.block-alignment-content-fullscreen)>* {
    margin: 0 auto;
    max-width: 1170px;
}

@media (max-width: 767px) {
    .block.sui-sf-c-block--default {
        padding: 15px;
    }

}

/* ==
Nested Blocks
== */

.nested_block-content {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    align-items: center;
}

.nested_block-content .block-content {
    flex-grow: 0;
    box-sizing: border-box;
    padding: 20px 0px 20px 5px;
}

.nested_block-content .block-content-first {}

.nested_block-content .block-content-second .list-item .list-item-datum-title a {}

.nested_block-content .block-content-second .middle-left {
    display: none !important;
}

.nested_block-content .block-content-second .list.list-one_column .middle-right,
.nested_block-content .block-content-second .list.list-one_column .middle-center {
    width: 100% !important;
    float: none !important;
}

.nested_block-content .block-content-second .list.list-one_column .middle-center {
    padding: 10px 0 0px 0 !important;
}

.nested_block-content .block-content-second .list.list-one_column .list-item-datum.list-item-datum-description p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
    .nested_block-content {
        flex-wrap: wrap
    }

    .nested_block-content .block-content {
        width: 100% !important;
    }
}


/*============================================================================*\
    Block
\*============================================================================*/

/* Normal Block Sizing */

/* .page-content-wrapper>.zone-section>.content-wrapper {
    max-width: 100% !important;
    padding: 0 !important;
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block {
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block>* {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block.block-alignment-background-fullscreen {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block.block-alignment-background-fullscreen>* {
    max-width: 1580px;
    margin-left: auto;
    margin-right: auto;
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block.block-alignment-content-fullscreen>* {
    max-width: none;
    margin-left: calc(-50vw + 784px);
    margin-right: calc(-50vw + 784px);
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block.block-alignment-background-fullscreen.block-alignment-content-fullscreen {
    padding-left: 0px;
    padding-right: 0px;
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block.block-alignment-background-fullscreen.block-alignment-content-fullscreen>* {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
} */

/* Slim Block Sizing */

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block.slim>* {
    max-width: 1090px;
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block.slim.block-alignment-background-fullscreen>* {
    max-width: 1380px;
}

/* Block Styles */

/* .block {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.block.block-alignment-background-fullscreen {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 75px;
    padding-bottom: 75px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
} */

/* .block.block-alignment-content-fullscreen {
    padding-top: 75px;
    padding-bottom: 75px;
} */

/* .block>.block-title {
    margin-bottom: 24px;
}

.block.title-gap>.block-title {
    margin-bottom: 75px;
} */

/* @media only screen and (min-width: 768px) {
    .block {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
} */

@media only screen and (min-width: 1550px) {
    /* .block>.block-title.block-title_text_align-left {
        margin-right: auto !important;
    } */

    .block>.block-title.block-title_text_align-right {
        /* max-width: 675px !important; */
        /* margin-right: 85px !important; */
    }

    /* 
    .block.slim>.block-title.block-title_text_align-left {
        margin-left: 245px !important;
    } */

    /* .block.slim>.block-title.block-title_text_align-right {
        margin-right: 245px !important;
    } */

    /* body.with-sidebar .block>.block-title.block-title_text_align-left,
    body.with-sidebar .block.slim>.block-title.block-title_text_align-left {
        margin-left: 0px !important;
    } */

    /* body.with-sidebar .block>.block-title.block-title_text_align-right,
    body.with-sidebar .block.slim>.block-title.block-title_text_align-right {
        margin-right: 0px !important;
    } */

}

@media only screen and (max-width: 1579px) {
    /* .page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block {
        margin-left: 15px;
        margin-right: 15px;
    } */
}

/* 
.block>.block-summary.block-summary_text_align-center {
    margin-bottom: 24px;
}

.block>.block-summary.block-summary_text_align-left>* {
    max-width: 675px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
} */

.block>.block-summary.block-summary_text_align-right>* {
    /* max-width: 462px !important; */
    /* max-width: 675px !important;
    margin-left: auto !important;
    margin-right: 0 !important; */
}

/* .block>.block-summary.block-summary_text_align-left:after,
.block>.block-summary.block-summary_text_align-right:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #DADCE0;
    margin-top: 12px;
    margin-bottom: 12px;
} */

/* .zone-content>.block:last-child {
    margin-bottom: 75px;
}*/

.block.guest-user {
    display: none !important;
    visibility: hidden !important;
}

/*============================================================================*\
    Features
\*============================================================================*/

.list-item .cell .list-item-datum-image {
    margin: 0;
    border: none;
}

.list-item .cell .list-item-datum-image img {
    background: #ffffff;
}

.list-item .cell .list-item-datum-title a {
    font-size: 1.8rem;
}

.list-item .cell .list-item-datum-title a:hover {
    color: #F04D6B;
}

.list-item .cell .list-item-datum-description p {
    /* font-size: 1.4rem; */
    color: #636772;
}

/* List Item Page */

.list-item-page .list-item-datum-image {
    border-radius: 5px;
    -webkit-box-shadow: 10px 49px 68px -125px rgb(0 0 0 / 71%);
    -moz-box-shadow: 10px 49px 68px -125px rgba(0, 0, 0, 0.71);
    box-shadow: 10px 49px 68px -125px rgb(0 0 0 / 71%);
    transition: 0.4s;
}

.list-item-page .list-item-datum-image:hover {
    border-radius: 5px;
    -webkit-box-shadow: 10px 49px 68px -83px rgb(0 0 0 / 71%);
    -moz-box-shadow: 10px 49px 68px -83px rgba(0, 0, 0, 0.71);
    box-shadow: 10px 49px 68px -83px rgb(0 0 0 / 71%);
    transition: 0.4s;
    transform: translate3d(0px, -5px, 0px);
    -webkit-transform: translate3d(0px, -5px, 0px);
    -moz-transform: translate3d(0px, -5px, 0px);
    -ms-transform: translate3d(0px, -5px, 0px);
    -o-transform: translate3d(0px, -5px, 0px);
}

.list-item-page .list-item-datum-image a:hover img {
    opacity: 1;
    filter: opacity(1);
    -moz-filter: opacity(1);
    -webkit-filter: opacity(1);
}

.list-item-page .list-item-datum-link a {
    font-size: 1.6rem;
}

/* List Item Article */

.list-item-article .cell {
    background: #FFFFFF;
    box-shadow:
        0px -0.5px 2.8px rgba(0, 0, 0, 0.004),
        0px -2.1px 6.7px rgba(0, 0, 0, 0.008),
        0px -2.8px 14.1px rgba(0, 0, 0, 0.014),
        0px 7px 40px rgba(0, 0, 0, 0.03);
}

.list-item-article .cell>.middle>.middle-right {
    position: relative;
    z-index: 2;
    padding: 15px 45px !important;
}

.list-item-article .list-item-datum-image a:after {
    content: ' ';
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(248, 248, 248, 0.25) 75%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.list-item-article .list-item-datum-image a:hover:after {
    opacity: 0.5;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.list-item-article .list-item-datum-created {
    margin: 15px 0;
    text-transform: initial;
}

@media only screen and (min-width: 550px) and (max-width: 767px) {

    .body.body .list-three_column .middle-left,
    .body.fullwidth .list-three_column .middle-left,
    .body.with-sidebar .main-column .list-three_column .middle-left {
        width: 40% !important;
    }

    .body.body .list-three_column .middle-center,
    .body.fullwidth .list-three_column .middle-center,
    .body.with-sidebar .main-column .list-three_column .middle-center,
    .body.body .list-three_column .middle-right,
    .body.fullwidth .list-three_column .middle-right,
    .body.with-sidebar .main-column .list-three_column .middle-right {
        width: 60% !important;
    }

    .list-item-article .list-item-datum-attributes {
        position: static;
    }

    .attributes .attribute div.attribute-values .attribute-value,
    .attributes .attribute ul.attribute-values .attribute-value {
        margin-left: 0;
        margin-right: 10px;
    }
}

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

    .list.list-four_column .cell>.middle>.middle-right .list-item-datum-title {
        margin-bottom: 16px;
    }

}

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

    .body.body .list-three_column .cell>.middle,
    .body.fullwidth .list-three_column .cell>.middle,
    .body.with-sidebar .main-column .list-three_column .cell>.middle {
        margin: 0 !important;
    }

    .body.body .list-three_column .middle-left,
    .body.fullwidth .list-three_column .middle-left,
    .body.with-sidebar .main-column .list-three_column .middle-left,
    .body.body .list-three_column .middle-right,
    .body.fullwidth .list-three_column .middle-right,
    .body.with-sidebar .main-column .list-three_column .middle-right {
        width: 100% !important;
        float: none;
    }

    .body.body .list-four_column .middle-left,
    .body.body .list-four_column .middle-right {
        width: 100% !important;
        padding: 0 15px !important;
        margin-bottom: 16px;
    }

    .list-item-article .cell>.middle>.middle-left {
        padding-left: 0 !important;
    }

    .list-item-article .cell>.middle>.middle-right {
        padding: 15px 30px !important;
    }

    .list-item-article .list-item-datum-attributes {
        left: 0px;
    }
}

/* Two column mobile styling */

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

    .list-two_column .cell>.middle>.middle-left,
    .list-two_column .cell>.middle>.middle-right {
        width: 100% !important;
    }

}

/* Custom Three Column Features - One Across Blog */

.list-one_column-blog>.layout-grid {
    column-count: 3;
}

.list-one_column-blog>.layout-grid>.layout-grid-row {
    padding: 0 25px 35px;
    break-inside: avoid-column;
}

.list-one_column-blog>.layout-grid .cell>.middle>.middle-right {
    padding: 0 !important
}

.list-one_column-blog>.layout-grid .cell>.middle>.middle-left {
    padding-bottom: 15px;
}

.list-one_column-blog>.layout-grid .cell>.middle>.middle-left>.list-item-datum {
    padding-left: 45px;
    padding-right: 45px;
}

.list-one_column-blog>.layout-grid .cell>.middle>.middle-left>.list-item-datum-image {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.list-one_column-blog>.layout-grid .cell>.middle>.middle-left>.list-item-datum-title {
    padding-top: 15px !important;
}

.list-one_column-blog .pager {
    display: none;
}

.page-load-status {
    display: none;
    padding: 20px 0;
}

.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #dedede;
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1) {
    left: 0;
}

.loader-ellips__dot:nth-child(2) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(3) {
    left: 3em;
}

.loader-ellips__dot:nth-child(4) {
    left: 4.5em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }

    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em);
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}

@media only screen and (max-width: 999px) {
    .list-one_column-blog>.layout-grid .cell>.middle>.middle-left {
        padding-bottom: 10px;
    }

    .list-one_column-blog>.layout-grid .cell>.middle>.middle-left>.list-item-datum {
        padding-left: 20px;
        padding-right: 20px;
    }

    .list-one_column-blog>.layout-grid .cell>.middle>.middle-left>.list-item-datum-title {
        padding-top: 5px !important;
    }
}

@media only screen and (max-width: 839px) {
    .list-one_column-blog>.layout-grid {
        column-count: 2;
    }
}

@media only screen and (max-width: 767px) {
    .list-one_column-blog>.layout-grid {
        column-count: 2;
    }

    .list-one_column-blog>.layout-grid>.layout-grid-row {
        padding: 0 5px !important;
    }
}

@media only screen and (max-width: 549px) {
    .list-one_column-blog .cell .list-item-datum-title a {
        font-size: 2.2rem;
    }
}

@media only screen and (max-width: 474px) {
    .list-one_column-blog>.layout-grid {
        column-count: 1;
    }
}

/* Filter */

.filter-actions {
    display: none;
}

.filter-applied .filter-actions {
    display: block;
}

.filter .filter-actions-reset {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: none !important;
}

.filter .filter-item-values-default {
    font-style: unset;
}

body.fullwidth .filter {
    margin-bottom: 0;
    padding: 25px;
    border: none;
}

body.fullwidth .filter .filter-item {
    text-align: center;
    padding: 0;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
}

body.fullwidth .filter .filter-item-title {
    display: none;
}

body.fullwidth .filter .filter-item-values {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

body.fullwidth .filter .filter-item-values .filter-item-values-value {
    display: inline-block;
    width: 33%;
}

body.fullwidth .filter .filter-item-values .filter-item-values-value label {
    display: block;
}

body.fullwidth .filter .filter-item-values .filter-item-values-value input[type="radio"] {
    display: none;
}

body.fullwidth .filter .filter-item-values .filter-item-values-value input[type="radio"]+.filter-item-values-label {
    cursor: pointer;
}

body.fullwidth .filter .filter-item-values .filter-item-values-value label span {
    font-weight: 600;
    font-size: 1.6rem;
    color: #202124;
    text-transform: uppercase;
}

body.fullwidth .filter .filter-item-values .filter-item-values-value label input:checked+span {
    color: #F04D6B;
}

body.fullwidth .filter .filter-item-checkboxes .filter-item-values-value label>span.filter-item-values-label {
    background: none;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .filter>.filter-mobile {
        display: none !important;
    }

    .filter>form {
        display: block !important;
    }

    body.fullwidth .filter .filter-item-values .filter-item-values-value {
        width: 100% !important;
    }
}

/* Show More Button */

.related_lists>.related_lists_more {
    margin-top: 25px;
    text-align: center;
}

.related_lists>.related_lists_more a {
    font-size: 0;
    display: inline-block;
}

.related_lists>.related_lists_more a:before {
    content: 'Show More';
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    color: #FFFFFF;
    background-color: #F04D6B;
    border-radius: 3px;
    padding: 20px 40px;
}

.related_lists>.related_lists_more a:hover:before {
    color: #FFFFFF;
    background-color: #CB1536;
}


/*============================================================================*\
    Expandables
\*============================================================================*/

.ui-accordion .ui-accordion-content {
    /* padding: 50px 85px; */
    padding: 10px 35px;
    color: #727272;
    background-color: transparent;
}

.block-block_expandables .ui-tabs .ui-tabs-panel {
    padding: 0;
}

@media only screen and (max-width: 600px) {
    .ui-accordion .ui-accordion-content {
        padding: 25px 15px;
    }
}

/* Accordion */

.ui-accordion .ui-accordion-header {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--color-primary) !important;
    padding: 15px 50px 0 0;
    font-weight: 700;
    margin: 10px 0 0 0;
}

.ui-accordion .ui-accordion-header.ui-state-active {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--color-primary) !important;
    margin: 10px 0 0 0;
}

.ui-accordion .ui-accordion-header:hover,
.ui-accordion .ui-accordion-header.ui-state-active:hover {
    background-color: transparent;
}

.ui-accordion .ui-accordion-header:before {
    color: #202124;
    content: '\f078';
    font-family: 'Font Awesome 6 Pro';
    padding-right: 10px;
    position: absolute;
    left: 18px;
    transition: all 0.2s linear;
    display: none;
}

.ui-accordion .ui-accordion-header.ui-state-active:before {
    color: #007fff;
    transform: rotateX(180deg);
}

.ui-accordion .ui-accordion-header::after {
    color: var(--color-primary);
    content: '\f067';
    font-family: 'Font Awesome 6 Pro';
    padding-right: 10px;
    position: absolute;
    right: 10px;
    top: 35%;
    transition: all 0.2s linear;
}

.ui-accordion .ui-accordion-header.ui-state-active:after {
    content: '\f068';
    color: var(--color-primary);
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none !important;
    visibility: hidden !important;
}

.ui-accordion .ui-accordion-content div,
.ui-accordion .ui-accordion-content th,
.ui-accordion .ui-accordion-content td,
.ui-accordion .ui-accordion-content h1,
.ui-accordion .ui-accordion-content h2,
.ui-accordion .ui-accordion-content h3,
.ui-accordion .ui-accordion-content h4,
.ui-accordion .ui-accordion-content h5,
.ui-accordion .ui-accordion-content li,
.ui-accordion .ui-accordion-content ol,
.ui-accordion .ui-accordion-content p {
    color: #727272;
}

/* Tabs */

.block-block_expandables .ui-widget.ui-widget-content {
    background: none;
    padding: 0;
    border: none;
}

.block-block_expandables .ui-tabs .ui-tabs-nav {
    background: none;
    border: none;
    padding: 0 0 15px 0;
    text-align: center;
}

.block-block_expandables .ui-tabs .ui-tabs-panel {
    background: none;
    border: none;
}

.block-block_expandables .ui-tabs .ui-tabs-nav .ui-tabs-tab {
    border: none;
    margin: 0;
    padding-bottom: 5px;
    background: none !important;
    float: none;
    display: inline-block;
}

.block-block_expandables .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    background: none !important;
    border-bottom: 2px solid #DADCE0;
    color: #707070;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    padding: 10px 35px;
    float: none;
    display: inline-block;
    opacity: 1;
}

.block-block_expandables .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
    opacity: 0.7;
}

.block-block_expandables .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor,
.block-block_expandables .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor:link,
.block-block_expandables .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor:visited {
    background: none !important;
    border-bottom: 2px solid #202124;
    color: #202124;
    opacity: 1;
}

/*============================================================================*\
    Custom Styles
\*============================================================================*/


/* Our Work Categories */

.block.ms-ow-categories {
    /* position: relative;
    background-color: #000022; */
}

.block.ms-ow-categories::before {
    /* content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 112px;
    background-image: url(/uploads/files/2022/our_work/categories/ms-ow-wave-black.png);
    background-repeat: no-repeat;
    background-size: cover; */
}

.block.ms-ow-categories::after {
    /* content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 111px;
    background: #F8F8F8; */
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content .block.ms-ow-categories .block-title {
    /* color: transparent;
    font-size: clamp(4rem, 2.6667rem + 2.7778vw, 6rem);
    max-width: 800px !important;
    margin: 112px auto 24px !important;
    background-image: url(/uploads/files/2022/our_work/categories/ms-ow-title_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content .block.ms-ow-categories .block-summary {
    margin-bottom: 40px;
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content .block.ms-ow-categories .block-summary::after {
    display: none;
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content .block.ms-ow-categories .block-summary * {
    /* color: #EFEFEF;
    font-size: 2.4rem; */
}

.block.ms-ow-categories .cell>.middle {
    position: relative;
}

.block.ms-ow-categories .cell>.middle>.middle-left .list-item-datum-image {
    position: relative;
}

.block.ms-ow-categories .cell>.middle>.middle-left .list-item-datum-image:hover {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.block.ms-ow-categories .cell>.middle>.middle-left .list-item-datum-image a:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 33%;
    background: rgb(0, 0, 34);
    background: linear-gradient(180deg, rgba(0, 0, 34, 0) 0%, rgba(0, 0, 34, 1) 100%);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.block.ms-ow-categories .cell>.middle:hover>.middle-left .list-item-datum-image a:before {
    height: 100%;
}

.block.ms-ow-categories .cell>.middle>.middle-right {
    position: absolute !important;
    z-index: 1;
    bottom: 15px;
    left: 15px;
}

.block.ms-ow-categories .cell>.middle>.middle-right *,
.block.ms-ow-categories .cell>.middle>.middle-right *::after,
.block.ms-ow-categories .cell>.middle>.middle-right *::before {
    color: #FFFFFF !important;
}

.block.ms-ow-categories .cell>.middle>.middle-right a.sui-sf-c-btn.sui-sf-c-btn--link:before {
    background-color: #FFFFFF;
}

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

    .block.ms-ow-categories .cell>.middle>.middle-left .list-item-datum-image a:before {
        height: 66%;
    }

}

/* Our Work Featured Projects - Adjusts layout and styling for featured project sections */

table.ms-ow-fp {
    position: relative;
    border-collapse: separate !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 50px 0 !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

table.ms-ow-fp::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(248, 248, 248);
    background: linear-gradient(90deg, rgba(248, 248, 248, 1) 0%, rgba(248, 248, 248, 0.8) 60%, rgba(248, 248, 248, 0.4) 100%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

table.ms-ow-fp>tbody {
    position: relative;
    z-index: 1;
    transform: translate3d(0, 0, 1px);
}

table.ms-ow-fp>tbody>tr>td {
    padding: 15px;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr {
    display: grid;
    grid-template-columns: 40% 60%;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table {
    width: 100%;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td>* {
    margin: 0 !important;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td>p>a {
    color: #000022 !important;
    background-color: transparent !important;
    border: 1px solid #000022;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td>p>a:hover {
    color: #FFFFFF !important;
    background-color: #000022 !important;
    border: 1px solid #000022 !important;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td>table.fp-icon_highlights {
    width: 100%;
    padding: 20px;
    margin-top: 10px !important;
    border: 1px solid #DADCE0;
    border-collapse: separate;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #20295b;
    color: white;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-thumbnail {
    transform: translateY(calc(5.5rem + 2vw));
    -webkit-transform: translateY(calc(5.5rem + 2vw));
    -moz-transform: translateY(calc(5.5rem + 2vw));
    -ms-transform: translateY(calc(5.5rem + 2vw));
    -o-transform: translateY(calc(5.5rem + 2vw));
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td>table.fp-icon_highlights>tbody>tr>td * {
    font-size: var(--font-size-small);
    font-weight: 400;
    letter-spacing: .01rem;
    color: white;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td>table.fp-icon_highlights>tbody>tr>td i {
    color: #fccd03;
}

table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td>table.fp-icon_highlights>tbody>tr>td i.fa-gem {
    color: #fccd03;
}

@media only screen and (min-width: 1921px) {

    table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-thumbnail {
        transform: translateY(120px);
        -webkit-transform: translateY(120px);
        -moz-transform: translateY(120px);
        -ms-transform: translateY(120px);
        -o-transform: translateY(120px);
    }

}

@media only screen and (min-width: 768px) {

    table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details {
        justify-content: flex-end;
        /* padding-bottom: 5rem; */
        padding: 2rem 2rem;
    }

}

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

    table.ms-ow-fp {
        margin: 25px 0 !important;
    }

    table.ms-ow-fp,
    table.ms-ow-fp::before {
        background-position-y: -100px;
    }

    table.ms-ow-fp::before {
        background: linear-gradient(180deg, rgba(248, 248, 248, 1) 0%, rgba(248, 248, 248, 0.8631827731092436) 35%, rgba(248, 248, 248, 0.7) 100%);
    }

    table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr {
        grid-template-columns: 100%;
    }

    table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td {
        text-align: center;
        align-items: center;
    }

    table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td>table.fp-icon_highlights>tbody>tr>td {
        gap: 4px 12px;
        flex-direction: row;
        text-align: center;
    }

    table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-thumbnail {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

}

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

    table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td {
        align-items: initial;
    }

    table.ms-ow-fp>tbody>tr>td>table.ms-ow-fp-contents>tbody>tr>td.ms-ow-fp-details>table>tbody>tr>td>p>a {
        width: 100% !important;
    }

}

/* Our Work Hero - Adjusts layout and styling for hero section on Our Work page */

/* Block */

.block.ms-ow-hero {
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
    background: radial-gradient(circle, rgba(245, 245, 245, 1) 10%, rgba(255, 255, 255, 1) 37%);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center right;
    padding: 125px 0 150px;
}

.block.ms-ow-hero::before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 38vw;
    bottom: -4vw;
    width: 52vw;
    max-width: 900px;
    min-width: 700px;
    height: 52vw;
    max-height: 900px;
    min-height: 700px;
    background-image: url(/uploads/files/2022/our_work/hero/time_to_get_inspired-laptop.png);
    background-repeat: no-repeat;
    background-size: cover;
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-10px);
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -ms-transform: translatey(-10px);
        -o-transform: translatey(-10px);
    }

    100% {
        transform: translatey(0px);
    }
}

.block.ms-ow-hero::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 112px;
    background-image: url(/uploads/files/2022/our_work/hero/ms-ow-wave-grey.png);
    background-repeat: no-repeat;
    background-size: cover;
}

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

    .block.ms-ow-hero {
        padding: 50px 0 400px;
    }

    .block.ms-ow-hero::before {
        left: 40px;
        bottom: -10vw;
        min-width: auto;
        min-height: auto;
        width: 74vw;
        height: 74vw;
    }

}

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

    .block.ms-ow-hero::before {
        left: -24px;
        bottom: -11vw;
        width: 105vw;
        height: 105vw;
    }

}

/* Content */

table.ms-ow-hero {
    max-width: 680px;
}

table.ms-ow-hero>tbody {
    display: flex;
    flex-direction: column-reverse;
}

table.ms-ow-hero>tbody>tr>td {
    padding: 15px;
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-page_title>p {
    color: #636772;

    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 -16px 0 !important;
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-message {
    position: relative;
    display: flex;
    height: 12vw;
    max-height: 150px;
}

body.body table.ms-ow-hero>tbody>tr>td.ms-ow-h-message>p {
    position: absolute;
    top: 0;
    left: 15px;

    font-size: clamp(4rem, 1.3333rem + 5.5556vw, 8rem);
    font-weight: 900;
    line-height: 1.2em;
    margin: 0 !important;
}

body.body table.ms-ow-hero>tbody>tr>td.ms-ow-h-message>p:first-of-type {
    z-index: 1;
    background: #5778FF;
    background: linear-gradient(to right, #5778FF 0%, #F04D6B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: hard-light;
}


body.body table.ms-ow-hero>tbody>tr>td.ms-ow-h-message>p:last-of-type {
    color: transparent;
    background-image: url(/uploads/files/2022/our_work/hero/ms-ow-h-text_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#tinymce table.ms-ow-hero>tbody>tr>td.ms-ow-h-message {
    flex-direction: column;
    gap: 12px 0;
}

#tinymce table.ms-ow-hero>tbody>tr>td.ms-ow-h-message>p {
    font-size: 2rem;
    font-weight: bold;
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    padding: 70px 15px 15px 15px;
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content>* {
    max-width: 570px;
    margin: 0 !important;
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content>h1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4em;
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content>p:first-of-type {
    color: #202124;
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content>p:last-of-type>a:first-of-type {
    position: relative;
    z-index: 1;
    color: #FFFFFF !important;
    background-color: #000022 !important;
    border: 1px solid #000022 !important;
    transition: 0.6s !important;
    -webkit-transition: 0.6s !important;
    -moz-transition: 0.6s !important;
    -ms-transition: 0.6s !important;
    -o-transition: 0.6s !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content>p:last-of-type>a:first-of-type:hover {
    color: #FFFFFF !important;
    background-color: #1F68F9 !important;
    border: 1px solid #FFFFFF !important;
    transition: 0.4s !important;
    -webkit-transition: 0.4s !important;
    -moz-transition: 0.4s !important;
    -ms-transition: 0.4s !important;
    -o-transition: 0.4s !important;
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content>p:last-of-type>a:first-of-type::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: linear-gradient(270deg, #5778ff, #f04d6b, #6f30ec);
    background-size: 600% 600%;
    -webkit-animation: ms-ow-h-main_cta 30s ease infinite;
    -moz-animation: ms-ow-h-main_cta 30s ease infinite;
    animation: ms-ow-h-main_cta 30s ease infinite;
    border-top-left-radius: 5px;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    filter: opacity(0);
    -webkit-filter: opacity(0);
    transition: 0.6s !important;
    -webkit-transition: 0.6s !important;
    -moz-transition: 0.6s !important;
    -ms-transition: 0.6s !important;
    -o-transition: 0.6s !important;
    transform: scaleX(0) ease;
    -webkit-transform: scaleX(0) ease;
    -moz-transform: scaleX(0) ease;
    -ms-transform: scaleX(0) ease;
    -o-transform: scaleX(0) ease;
    transform-origin: left;
}

@-webkit-keyframes ms-ow-h-main_cta {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes ms-ow-h-main_cta {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes ms-ow-h-main_cta {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content>p:last-of-type>a:first-of-type:hover::before {
    width: 100%;
    border-top-right-radius: 5px;
    filter: opacity(1);
    -webkit-filter: opacity(1);
    transition: 0.4s !important;
    -webkit-transition: 0.4s !important;
    -moz-transition: 0.4s !important;
    -ms-transition: 0.4s !important;
    -o-transition: 0.4s !important;
    transform: scaleX(1) ease;
    -webkit-transform: scaleX(1) ease;
    -moz-transform: scaleX(1) ease;
    -ms-transform: scaleX(1) ease;
    -o-transform: scaleX(1) ease;
}

table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content>p:last-of-type>a:first-of-type::after {
    content: '\f4b6';
    font-family: 'Font Awesome 6 Pro';
    margin-left: 8px;
}


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

    table.ms-ow-hero {
        max-width: 58vw;
    }

}

@media only screen and (min-width: 768px) {

    body.body table.ms-ow-hero>tbody>tr>td.ms-ow-h-message>p:first-of-type {
        background-size: 100%;
        transition: 0.4s;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -ms-transition: 0.4s;
        -o-transition: 0.4s;
    }

    body.body table.ms-ow-hero>tbody>tr>td.ms-ow-h-message:hover>p:first-of-type {
        background-size: 140%;
        transition: 0.2s;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
    }

}

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

    table.ms-ow-hero {
        max-width: 100%;
    }

    body.body table.ms-ow-hero>tbody>tr>td.ms-ow-h-message {
        height: 10rem;
    }

    body.body table.ms-ow-hero>tbody>tr>td.ms-ow-h-message>p {
        font-size: 6rem;
    }

}

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

    body.body table.ms-ow-hero>tbody>tr>td.ms-ow-h-message>p {
        font-size: 4.6rem;
    }

    table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content>p:last-of-type {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    table.ms-ow-hero>tbody>tr>td.ms-ow-h-supporting_content>p:last-of-type>a:first-of-type {
        width: 100% !important;
    }

}

/* All In One Visual - Used for supplementing visual diagram in the all-in-one section */

.block.all_in_one-visual {
    padding: 0 0 480px;
    margin-top: 0;
    margin-bottom: -100px;
    padding-top: 0 !important;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center bottom;
}

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

    .block.all_in_one-visual {
        padding: 50px 0 62vw;
        margin-bottom: -12vw;
        background-size: 120vw;
    }

}

/* All In One - Used for custom all-in-one content layout */

div.ms-all_in_one {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

div.ms-all_in_one>*:first-of-type {
    position: absolute;
    top: 15px;
    left: 46.5%;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
}

div.ms-all_in_one>*:first-of-type>p::before {
    top: 22px;
    left: -44px;
    background-image: url(/uploads/files/2022/all_in_one/all_in_one-arrow_decal-1.png);
    width: 43px;
    height: 48px;
    transform: rotate(-16deg);
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
}

div.ms-all_in_one>div.business {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #5778FF;
    width: 130px;
    height: 130px;
    margin: 75px 0 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    transition: 0.4s;
}

div.ms-all_in_one>div.business:hover {
    background-color: #506ee5;
    transition: 0.2s;
}

div.ms-all_in_one>div.business::before {
    content: '\f1ad';
    color: #F8F8F8;
    font-family: 'Font Awesome 6 Pro';
    font-size: 5rem;
    font-weight: bold;
}

div.ms-all_in_one>div.business::after {
    position: absolute;
    content: '';
    width: 182px;
    height: 182px;
    background-image: url(/uploads/files/2022/all_in_one/faded_border.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top;
}

div.ms-all_in_one>div.business>br {
    display: none;
}

div.ms-all_in_one>*:last-of-type {
    position: absolute;
    left: 0;
    bottom: -30px;
    transform: rotate(-5deg);
}

div.ms-all_in_one>*:last-of-type>p::before {
    top: 22px;
    left: -44px;
    background-image: url(/uploads/files/2022/all_in_one/all_in_one-arrow_decal-2.png);
    width: 43px;
    height: 70px;
    transform: rotate(-11deg);
    -webkit-transform: rotate(-11deg);
    -moz-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    -o-transform: rotate(-11deg);
}

div.ms-all_in_one>*:first-of-type>p,
div.ms-all_in_one>*:last-of-type>p {
    position: relative;

    font-size: 2rem;
    font-weight: 900;
}

div.ms-all_in_one>*:first-of-type>p::before,
div.ms-all_in_one>*:last-of-type>p::before {
    position: absolute;
    content: '';
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top;
}

div.block.ms-block-all_in_one {
    margin-top: -100px;
}

div.block.ms-block-all_in_one .layout-grid>.layout-grid-row {
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
}

div.block.ms-block-all_in_one .layout-grid-row::before,
div.block.ms-block-all_in_one .layout-grid-row::after {
    display: none;
}

div.block.ms-block-all_in_one .layout-grid-row-data {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    margin: 0 8px;
    transition: 0.4s;
}

div.block.ms-block-all_in_one .layout-grid-row-data.empty {
    display: none;
}

div.block.ms-block-all_in_one .middle>.middle-left,
div.block.ms-block-all_in_one .middle>.middle-center {
    display: none;
}

div.block.ms-block-all_in_one .middle>.middle-right {
    position: relative;
    padding: 15px;
}

div.block.ms-block-all_in_one .list-item-datum-title a {
    font-size: 1.8rem;
}

div.block.ms-block-all_in_one .list-item-datum-title a:hover {
    color: #1F68F9;
}

div.block.ms-block-all_in_one .middle>.middle-right::before {
    position: absolute;
    top: -15px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #202124;
    font-family: 'Font Awesome 6 Pro';
    font-size: 2rem;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    transition: 0.4s;
}

/* All In One Icon List (Adjust if rearranging the Related Content items) */

div.block.ms-block-all_in_one .layout-grid-row:nth-child(1) .layout-grid-row-data:nth-child(1) .middle>.middle-right::before {
    content: '\f87a';
}

div.block.ms-block-all_in_one .layout-grid-row:nth-child(1) .layout-grid-row-data:nth-child(2) .middle>.middle-right::before {
    content: '\f2bb';
}

div.block.ms-block-all_in_one .layout-grid-row:nth-child(1) .layout-grid-row-data:nth-child(3) .middle>.middle-right::before {
    content: '\f07a';
}

div.block.ms-block-all_in_one .layout-grid-row:nth-child(2) .layout-grid-row-data:nth-child(1) .middle>.middle-right::before {
    content: '\f648';
}

div.block.ms-block-all_in_one .layout-grid-row:nth-child(2) .layout-grid-row-data:nth-child(2) .middle>.middle-right::before {
    content: '\f5ad';
}

div.block.ms-block-all_in_one .layout-grid-row:nth-child(2) .layout-grid-row-data:nth-child(3) .middle>.middle-right::before {
    content: '\f7ea';
}

div.block.ms-block-all_in_one .layout-grid-row:nth-child(3) .layout-grid-row-data:nth-child(1) .middle>.middle-right::before {
    content: '\f4b6';
}

@media only screen and (min-width: 768px) {

    div.block.ms-block-all_in_one .layout-grid-row-data:hover {
        background-color: #FFFFFF;
        border: 1px solid #1F68F9;
        transition: 0.2s;
    }

    div.block.ms-block-all_in_one .layout-grid-row-data:hover a {
        color: #1F68F9;
    }

    div.block.ms-block-all_in_one .layout-grid-row-data:hover .middle>.middle-right::before {
        color: #1F68F9;
        background-color: #FFFFFF;
        border: 1px solid #1F68F9;
        transition: 0.2s;
    }

}

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

    div.ms-all_in_one>*:first-of-type {
        top: -6px;
        left: 40%;
    }

    div.ms-all_in_one>div.business {
        margin: 50px 0 100px;
    }

    div.ms-all_in_one>*:last-of-type {
        left: 15px;
        bottom: 0;
        transform: none;
    }

    div.ms-all_in_one>*:last-of-type>p::before {
        top: 48px;
        left: -31px;
    }

    div.block.ms-block-all_in_one {
        margin-top: -75px;
    }

    div.block.ms-block-all_in_one .layout-grid>.layout-grid-row {
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
    }

    div.block.ms-block-all_in_one .layout-grid-row-data {
        padding: 15px;
        margin: 0 0 34px !important;
    }

    div.block.ms-block-all_in_one .middle {
        padding: 15px;
    }

    div.block.ms-block-all_in_one .middle>.middle-right {
        padding: 0;
        width: 100% !important;
    }

    div.block.ms-block-all_in_one .middle>.middle-right::before {
        top: -54px;
        right: 0;
        font-size: 2.6rem;
        width: 60px;
        height: 60px;
    }

    div.block.ms-block-all_in_one .list-item-datum-title {
        margin-bottom: 12px;
    }

    div.block.ms-block-all_in_one .list-item-datum-title a {
        color: #1F68F9;
    }

    div.ms-all_in_one {
        display: none;
    }
}

/* Featured Project - Used for featured project layout */

table.ms-featured_project>tbody>tr {
    display: grid;
    grid-template-columns: 50% 50%;
}

table.ms-featured_project>tbody>tr>td:first-of-type {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

table.ms-featured_project>tbody>tr>td:first-of-type:hover>table>tbody>tr>td:last-of-type>img:last-of-type {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
}

table.ms-featured_project>tbody>tr>td:first-of-type>table {
    margin: 30px 0;
}

table.ms-featured_project>tbody>tr>td:first-of-type>table>tbody>tr {
    display: flex;
    flex-direction: column;
    align-items: center;
}

table.ms-featured_project>tbody>tr>td:first-of-type>table>tbody>tr>td {
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 340px;
}

table.ms-featured_project>tbody>tr>td:first-of-type>table>tbody>tr>td>img {
    position: relative;
    max-width: 75%;
}

table.ms-featured_project>tbody>tr>td:first-of-type>table>tbody>tr>td:first-of-type>img {
    z-index: 1;
}

table.ms-featured_project>tbody>tr>td:first-of-type>table>tbody>tr>td:last-of-type>img {
    z-index: 0;
    background-color: #202124;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
}

table.ms-featured_project>tbody>tr>td:last-of-type {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 30px 30px 30px 60px;
}

table.ms-featured_project>tbody>tr>td>* {
    margin: 0;
}

table.ms-featured_project>tbody>tr>td:last-of-type>p>a {
    background-color: #000022;
    border: 1px solid #000022;
}

table.ms-featured_project>tbody>tr>td:last-of-type>p>a:hover {
    background-color: #202124;
    border: 1px solid #202124;
}

table.ms-featured_project>tbody>tr>td:last-of-type>p>a::after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f105';
    margin-left: 8px;
}

table.ms-featured_project>tbody>tr>td:last-of-type>hr {
    border-color: #DADCE0;
    margin-bottom: 4px;
}

table.ms-featured_project>tbody>tr>td:last-of-type>table>tbody>tr,
table.fp-icon_highlights>tbody>tr {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 8px;
}

table.ms-featured_project>tbody>tr>td:last-of-type>table>tbody>tr>td,
table.fp-icon_highlights>tbody>tr>td {
    display: flex;
    gap: 12px;
}

table.ms-featured_project>tbody>tr>td:last-of-type>table>tbody>tr>td>*,
table.fp-icon_highlights>tbody>tr>td>* {
    cursor: default;
    font-weight: bold;
    color: #000022;
    margin: 0;
}

table.ms-featured_project>tbody>tr>td:last-of-type>table>tbody>tr>td>blockquote,
table.fp-icon_highlights>tbody>tr>td>blockquote {
    font-family: 'Font Awesome 6 Pro';
    width: 16px;
    padding: 0;
    border: none;
}

table.ms-featured_project>tbody>tr>td:last-of-type>table>tbody>tr>td>blockquote>p {}

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

    table.ms-featured_project>tbody>tr {
        grid-template-columns: 100%;
    }

    table.ms-featured_project>tbody>tr>td>h2 {
        font-size: 2.4rem;
    }

    table.ms-featured_project>tbody>tr>td:first-of-type>table {
        margin: 60px 0 -30px;
    }

    table.ms-featured_project>tbody>tr>td:first-of-type>table>tbody>tr>td {
        max-height: 40vw;
    }

    table.ms-featured_project>tbody>tr>td:first-of-type>table>tbody>tr>td>img {
        max-width: 90%;
    }

    table.ms-featured_project>tbody>tr>td:last-of-type {
        padding: 60px 15px 30px;
    }

    table.ms-featured_project>tbody>tr>td:last-of-type>p>a {
        width: 100%;
    }

    table.ms-featured_project>tbody>tr>td:last-of-type>table>tbody>tr,
    table.fp-icon_highlights>tbody>tr {
        gap: 12px;
    }

    table.ms-featured_project>tbody>tr>td:last-of-type>table>tbody>tr>td,
    table.fp-icon_highlights>tbody>tr>td {
        gap: 4px 12px;
        flex-direction: column;
        text-align: center;
    }

}

/* Hero */

.block.hero {
    padding-top: 0;
    padding-bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative;
}

.block.hero>.block-content {
    position: relative;
    z-index: 3;
    max-width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.block.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:last-of-type,
.block.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:first-of-type {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.block.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr:nth-of-type(2)>td:first-of-type,
.block.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr:nth-of-type(2)>td:first-of-type {
    padding-bottom: 75px !important;
    vertical-align: top;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.block.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:first-of-type,
.block.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:last-of-type {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: bottom;
}

.sf-sui-featured-image-hero {
    background: url(../images/herobg_1-1920.jpg) bottom center no-repeat;
    background-size: cover;
}

@media only screen and (min-width: 1921px) {
    .sf-sui-featured-image-hero {
        background: url(../images/herobg_1-3840.jpg) bottom center no-repeat;
    }
}

@media only screen and (max-width: 19200px) {
    .sf-sui-featured-image-hero {
        background: url(../images/herobg_1-1920.jpg) bottom center no-repeat;
    }
}

@media only screen and (max-width: 1000px) {
    .sf-sui-featured-image-hero {
        background: url(../images/herobg_1x1000.jpg) bottom center no-repeat;
    }
}

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

    .block.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td,
    .block.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td {
        width: 50% !important;
    }
}

@media only screen and (min-width: 768px) {
    /* .block.hero h1 {
        font-size: 5.7rem;
    } */

    /* .block.hero.home {
        padding-top: 150px;
        padding-bottom: 150px;
    } */

    .block.hero>.block-content {
        height: 100%;
    }

    .block.hero>.block-content>.editor-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    .block.hero {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .block.hero .editor-content>table>tbody>tr>td {
        display: block;
        width: 100% !important;
    }

    .block.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td,
    .block.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td {
        width: 100% !important;
    }

    .block.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:last-of-type,
    .block.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:first-of-type {
        padding-bottom: 0px !important;
    }
}

/* @media only screen and (min-width: 1000px) {
    .block.hero.home {
        height: 700px;
    }
} */

/* Adjust Service Heros - 2022-11-03 */

.block.service-hero div.two-col-img-right table>tbody>tr>td:first-of-type {
    width: 100% !important;
    text-align: center;
}

.block.service-hero div.two-col-img-right table>tbody>tr>td:first-of-type * {
    max-width: 576px;
    margin-left: auto;
    margin-right: auto;
}

.block.service-hero div.two-col-img-right table>tbody>tr>td:first-of-type p:last-of-type>a:first-of-type {
    margin-right: 15px;
}

.block.service-hero div.two-col-img-right table>tbody>tr>td:nth-child(2) {
    display: none;
}

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

    .block.service-hero {
        padding-bottom: 50px !important;
    }

}


/* Additional Hero Styles */

.block.hero.hero-right>.block-content>.block-block_content {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.block.hero.service-hero {
    /* background: rgb(190, 190, 190);
    background: radial-gradient(circle, rgba(218, 220, 224, 1) 0%, rgba(206, 207, 209, 1) 52%, rgba(160, 160, 160, 1) 100%); */
}

.block.hero.daycare-bg::before {
    content: "";
    background-image: url(../images/)
}

@media only screen and (min-width: 768px) {
    .neg-margin-150 {
        margin-top: -150px;
        position: relative;
    }
}

@-webkit-keyframes mediashaker-blue-gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes mediashaker-blue-gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes mediashaker-blue-gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.block.hero.dark-hero hr {
    border-color: #FFFFFF;
}

.block.hero.service-hero.alt-service p,
.block.hero.service-hero.alt-service h1,
.block.hero.service-hero.alt-service h2,
.block.hero.service-hero.alt-service h3,
.block.hero.service-hero.alt-service h4,
.block.hero.service-hero.alt-service h6,
.block.hero.service-hero.alt-service ul,
.block.hero.service-hero.alt-service ol,
.block.hero.service-hero.alt-service th,
.block.hero.service-hero.alt-service td,
.block.hero.service-hero.alt-service div,
.block.hero.service-hero.alt-service a.sui-sf-c-btn.sui-sf-c-btn--link,
.block.hero.dark-hero p,
.block.hero.dark-hero h1,
.block.hero.dark-hero h2,
.block.hero.dark-hero h3,
.block.hero.dark-hero h4,
.block.hero.dark-hero h6,
.block.hero.dark-hero ul,
.block.hero.dark-hero ol,
.block.hero.dark-hero th,
.block.hero.dark-hero td,
.block.hero.dark-hero div,
.block.hero.dark-hero a.sui-sf-c-btn.sui-sf-c-btn--link {
    color: #FFFFFF;
}

.block.hero.service-hero a.sui-sf-c-btn.sui-sf-c-btn--link:before,
.block.hero.dark-hero a.sui-sf-c-btn.sui-sf-c-btn--link:before {
    background-color: #202124;
}

.block.hero.service-hero a.sui-sf-c-btn.sui-sf-c-btn--link:after,
.block.hero.dark-hero a.sui-sf-c-btn.sui-sf-c-btn--link:after {
    padding-left: 5px;
    color: #202124;
}

.block.hero.service-hero a.sui-sf-c-btn.sui-sf-c-btn--link:hover:after,
.block.hero.dark-hero a.sui-sf-c-btn.sui-sf-c-btn--link:hover:after {
    color: #202124
}

.block.hero.service-hero h5,
.block.hero.dark-hero h5 {
    color: #DADCE0;
}

.block.hero.service-hero h1 {
    font-size: 2.0rem;
    font-weight: 700;
    color: #3A3A3A;
    margin-bottom: 24px;
}

.block.hero.service-hero.dark-bg h1,
.block.hero.service-hero.alt-service h1 {
    color: #DADCE0;
}

.block.hero.service-hero h2 {
    color: #0d1398;
    font-size: 4.6rem;
    font-weight: 900;
}

.block.hero.service-hero.dark-bg h2 {
    color: #FFFFFF;
}

.block.hero.service-hero.dark-bg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Home Hero */

.home.hero {
    overflow-y: hidden;
    position: relative;
    /* background: rgb(190, 190, 190);
    background: linear-gradient(7deg, rgba(190, 190, 190, 1) 0%, rgba(206, 207, 209, 1) 48%, rgba(218, 220, 224, 1) 100%); */
}

.home.hero>.block-content {
    position: static;
}

.home.hero .two-col-img-left>table>tbody>tr>td img {
    position: relative;
}

.home.hero .large-text {

    font-weight: 700;
    font-size: 4.6rem;
    line-height: 50px;
    margin-bottom: 36px;
}

.home.hero h1 {
    font-size: 2.4rem;
    margin-bottom: 24px;
}

@media only screen and (min-width: 1000px) {
    .home.hero .large-text {
        font-size: 6.4rem;
        line-height: 80px;
        max-width: 100% !important;
    }
}

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

    .block.hero.service-hero h1 {
        font-size: 1.6rem;
    }

    .block.hero.service-hero h2 {
        font-size: 2.6rem;
    }

    .block.home.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:last-of-type,
    .block.home.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:first-of-type {
        padding-bottom: 0px !important;
    }

    .home.hero .two-col-img-left>table>tbody>tr>td img {
        max-width: none;
        width: 120%;
        left: -13%;
    }
}

.home.hero {
    padding-bottom: 250px !important;
    background-position: center;
}

.home.hero .block-block_content table td>* {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.home.hero .block-block_content table td>.large-text {
    max-width: 675px;
}

.home.hero .block-block_content .sui-sf-c-btn {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

@media only screen and (max-width: 767px) {
    .home.hero {
        padding-top: 75px !important;
    }
}

@media only screen and (min-width: 1000px) {
    .home.hero {
        padding-top: 100px !important;
        padding-bottom: 400px !important;
        background-position: center bottom;
    }

    .home.hero .two-col-img-left>table>tbody>tr>td img {
        position: absolute;
        /* top: 2%; */
        top: -9%;
        left: auto;
        right: 43%;
        bottom: auto;
    }
}

@media only screen and (min-width: 1900px) {
    .home.hero .two-col-img-left>table>tbody>tr>td img {
        top: auto;
        right: 50%;
        bottom: -2%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {

    .block.home.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:last-of-type,
    .block.home.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:first-of-type {
        width: 67% !important;
        display: block;
    }

    .block.home.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:first-of-type,
    .block.home.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:last-of-type {
        width: 70% !important;
        position: absolute;
        bottom: 0;
        right: -10%;
    }

    .block.home.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:first-of-type img,
    .block.home.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:last-of-type img {
        position: static;
    }
}

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

    .block.home.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:last-of-type,
    .block.home.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:first-of-type {
        padding-top: 40px !important;
    }

    .block.home.hero h1 {
        font-size: 2.6rem;
    }

    .home.hero .large-text {
        font-size: 3.4rem;
        line-height: 34px;
    }

    /* .home.hero .large-text {
        font-size: 2rem;
        margin-bottom: 20px;
        line-height: 2rem;
    }

    .home.hero h1 {
        font-size: 3.5rem;
        margin-bottom: 24px;
    } */
}

/* Dark background */

.block.dark-bg {
    background-color: #F2F3FA;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 75px;
    padding-bottom: 75px;
    /* background: linear-gradient(270deg, #000000, #292929, #000c3f); */
    /* padding-left: 15px;
    padding-right: 15px; */
}

.block.dark-bg p,
.block.dark-bg h1,
.block.dark-bg h2,
.block.dark-bg h3,
.block.dark-bg h4,
.block.dark-bg h5,
.block.dark-bg h6,
.block.dark-bg ul,
.block.dark-bg ol,
.block.dark-bg th,
.block.dark-bg td,
.block.dark-bg div,
.block.dark-bg .block-block_feature_list.list.list-unified_list-items .list-item-datum-title a,
.block.dark-bg a.sui-sf-c-btn.sui-sf-c-btn--primary,
.block.dark-bg a.sui-sf-c-btn.sui-sf-c-btn--link,
.dark-bg a:hover {
    /* color: #000; */
}

.block.dark-bg.animated-bg {
    /* background: linear-gradient(270deg, var(--color-primary-darker), var(--color-primary), var(--color-primary-darkest)); */
    background: #F2F3FA;
}

@-webkit-keyframes dark-gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes dark-gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes dark-gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

/* White background */

.block.white-bg {
    background-color: #FFFFFF;
    padding-top: 75px;
    padding-bottom: 75px;
    /* padding-left: 15px;
    padding-right: 15px; */
}

/* Pricing Table */

.block.price-table>.block-summary.block-summary_text_align-left,
.block.price-table>.block-summary.block-summary_text_align-right {
    margin-bottom: 12px;
}

.block.price-table>.block-summary.block-summary_text_align-left:after,
.block.price-table>.block-summary.block-summary_text_align-right:after {
    content: none;
    display: none;
}

.block.price-table table {
    border-color: #DADCE0;
}

.block.price-table table>tbody>tr>td {
    text-align: center;
}

.block.price-table table>tbody>tr>td:first-of-type {
    text-align: left;
}

@media only screen and (min-width: 768px) {
    .block.price-table table {
        margin-bottom: 24px;
    }
}

/* Responsive Tables */

@media only screen and (max-width: 767px) {
    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 50%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #DADCE0;
        border-left: 1px solid #DADCE0;
    }

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .pinned table th,
    .pinned table td {
        white-space: nowrap;
        width: 100% !important;
        border-left: none;
        border-right: none;
        position: relative;
    }

    .pinned table td:before {
        content: ' ';
        position: absolute;
        top: -1px;
        right: -30%;
        width: 30%;
        height: 1px;
        background-color: #DADCE0;
    }

    .pinned table tr:last-of-type td:after {
        content: ' ';
        position: absolute;
        bottom: -1px;
        right: -30%;
        width: 30%;
        height: 1px;
        background-color: #DADCE0;
    }

    .pinned td:last-child {
        border-bottom: 0;
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #DADCE0;
    }

    div.table-wrapper div.scrollable table {
        margin-left: 50%;
        width: auto !important;
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }

    table.responsive td,
    table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display: none;
    }
}

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

    .pinned table th,
    .pinned table td {
        padding: 15px 5px;
    }

    .pinned table th,
    .pinned table td,
    .pinned table th p,
    .pinned table td p {
        font-size: 1rem;
    }

    .navbar>a.sui-sf-c-btn[href="/get-a-quote"] {
        display: none !important;
    }
}

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

    table.responsive>tbody>tr:first-of-type>td,
    table.responsive>tbody>tr:first-of-type>th,
    div.pinned>table>tbody>tr:first-of-type>td,
    div.pinned>table>tbody>tr:first-of-type>th {
        white-space: normal;
        height: 75px;
    }
}

/* Cards */

#tinymce .cards>.card,
#tinymce .funnels>.card {
    border: 1px dotted #afafaf;
    border-radius: 3px;
    margin-bottom: 5px;
}

.block .cards {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.block .cards>.card {
    flex: 1 1 30%;
}

.block .cards>.card:nth-of-type(3n-2) {
    margin-left: 0px;
    margin-right: 10px;
}

.block .cards>.card:nth-of-type(3n-1) {
    margin-left: 5px;
    margin-right: 5px;
}

.block .cards>.card:nth-of-type(3n) {
    margin-left: 10px;
    margin-right: 0px;
}

.block .cards>.card {
    background-color: #FFFFFF;
    padding: 15px;
    margin-bottom: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 10px 49px 68px -125px rgb(0 0 0 / 71%);
    -moz-box-shadow: 10px 49px 68px -125px rgba(0, 0, 0, 0.71);
    box-shadow: 10px 49px 68px -125px rgb(0 0 0 / 71%);
    transition: 0.4s;
}

.block .cards>.card:hover {
    /* -webkit-box-shadow: 10px 49px 68px -83px rgb(0 0 0 / 71%);
    -moz-box-shadow: 10px 49px 68px -83px rgba(0, 0, 0, 0.71);
    box-shadow: 10px 49px 68px -83px rgb(0 0 0 / 71%); */
    box-shadow: 0px 10px 15px -15px rgb(0 0 0 / 36%);
    transition: 0.4s;
    transform: translate3d(0px, -5px, 0px);
    -webkit-transform: translate3d(0px, -5px, 0px);
    -moz-transform: translate3d(0px, -5px, 0px);
    -ms-transform: translate3d(0px, -5px, 0px);
    -o-transform: translate3d(0px, -5px, 0px);
}

.cards>.card i {
    font-size: 4rem;
    color: #F04D6B;
}

.cards>.card img {
    border-radius: 5px;
}

.cards .card h4,
.cards .card h5 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.cards .card h6 {
    margin-bottom: 15px;
}

.cards .card p,
.block.dark-bg .cards p {
    margin-top: 15px;
    margin-bottom: 0px;
    color: #636772;
}

.cards .card>*:first-child,
.cards .card>table>tbody>tr>td>*:first-child {
    margin-top: 0;
}

/* .cards .card a {
    color: #202124;
    font-weight: 400;
    font-size: 2rem;
    margin-left: 5px;
}

.cards .card a:hover {
    color: #F04D6B;
} */

.block.dark-bg .cards h1,
.block.dark-bg .cards h2,
.block.dark-bg .cards h3,
.block.dark-bg .cards h4,
.block.dark-bg .cards h5,
.block.dark-bg .cards h6,
.block.dark-bg .cards ul,
.block.dark-bg .cards ol,
.block.dark-bg .cards a.sui-sf-c-btn.sui-sf-c-btn--link {
    color: #202124;
}

.block .cards>.card>table>tbody>tr>td {
    width: 100% !important;
    display: block;
}

/* Four Column Cards */

.block .cards.four-col-cards>.card {
    flex: 1 1 23%;
}

.block .cards.four-col-cards>.card:nth-of-type(4n-3) {
    margin-left: 0px;
    margin-right: 10px;
}

.block .cards.four-col-cards>.card:nth-of-type(4n-2) {
    margin-left: 4px;
    margin-right: 7px;
}

.block .cards.four-col-cards>.card:nth-of-type(4n-1) {
    margin-left: 7px;
    margin-right: 4px;
}

.block .cards.four-col-cards>.card:nth-of-type(4n) {
    margin-left: 10px;
    margin-right: 0px;
}

/* Empty Card */

.block .cards>.card.empty {
    background: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

/* Our Team Cards */

[data-class="our-team"] colgroup {
    display: none;
}

[data-class="our-team"] td {
    position: relative;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    width: 33.3333%;
    text-align: center;
}

[data-class="our-team"] td .text-wrap {
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

[data-class="our-team"] td .text-wrap h5 {
    margin-bottom: 5px;
}

/* Funnels */

.funnels>.card img {
    border-radius: 5px;
}

.funnels>.card p {
    margin-top: 24px;
    font-size: 2rem;
}

.funnels>.card p a.sui-sf-c-btn--link:hover:after {
    color: #F04D6B;
}

.funnels>.card p a.sui-sf-c-btn--link:before {
    background-color: #F04D6B;
}

.block .funnels {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-left: -7px;
    margin-right: -7px;
}

.block .funnels>.card {
    flex: 1 1 20%;
}

.block .funnels>.card {
    /* background-color: #FFFFFF; */
    margin-bottom: 15px;
    margin-left: 7px;
    margin-right: 7px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    transition: 0.4s;
}

.block .funnels>.card:hover {
    transition: 0.4s;
    transform: translate3d(0px, -5px, 0px);
    -webkit-transform: translate3d(0px, -5px, 0px);
    -moz-transform: translate3d(0px, -5px, 0px);
    -ms-transform: translate3d(0px, -5px, 0px);
    -o-transform: translate3d(0px, -5px, 0px);
}

/* Funnels Update */

.funnels {
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.funnels>.card {
    text-align: center;
}

.funnels>.card i {
    font-size: 14rem;
    transition: all 0.2s linear;
}

.funnels>.card>p>a>i.fad,
.funnels>.card>p>a>i.fad:before,
.funnels>.card>p>a>i.fad:after,
.funnels>.card>p>a>i.fad:hover,
.funnels>.card>p>a>i.fad:hover:before,
.funnels>.card>p>a>i.fad:hover:after {
    opacity: 1;
}

.funnels>.card>p>a>i.fad {
    color: #F04D6B !important;
}

.funnels>.card>p>a:hover>i.fad {
    color: #FFFFFF !important;
}

.funnels>.card>p>a>i.fad:before {
    color: #FFFFFF !important;
}

.funnels>.card>p>a:hover>i.fad:before {
    color: #5778FF !important;
}

/* .funnels>.card>p>a>i.fad {
    color: #F04D6B !important;
}

.funnels>.card>p>a:hover>i.fad {
    color: #CB1536 !important;
}

.funnels>.card>p>a>i.fad:before {
    color: #1A3FD8 !important;
    color: #FFFFFF !important;
}

.funnels>.card>p>a>i.fad:after {
    color: #5778FF !important;
    color: #F04D6B !important;
}

.funnels>.card>p>a:hover>i.fad:before {
    color: #F04D6B !important;
    color: #CB1536 !important;
}

.funnels>.card>p>a:hover>i.fad:after {
    color: #CB1536 !important;
    color: #F04D6B !important;
} */

/* Responsive Cards */

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

    .block .cards>.card,
    .block .cards.four-col-cards>.card {
        flex: 1 1 45%;
    }

    .block .cards>.card:nth-of-type(odd),
    .block .cards.four-col-cards>.card:nth-of-type(odd) {
        margin-left: 0px;
        margin-right: 7px;
    }

    .block .cards>.card:nth-of-type(even),
    .block .cards.four-col-cards>.card:nth-of-type(even) {
        margin-left: 7px;
        margin-right: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .block .funnels>.card {
        flex: 1 1 45%;
        margin-bottom: 30px;
    }
}

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

    .block .cards>.card,
    .block .cards.four-col-cards>.card {
        flex: 1 1 100%;
    }

    .block .cards>.card,
    .block .cards.four-col-cards>.card {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 450px) {
    .block .funnels>.card {
        flex: 1 1 100%;
    }

    /* .block .funnels>.card>a {
        display: inline-block;
        padding-bottom: 65%;
        position: relative;
        border-radius: 5px;
        width: 100%;
        overflow: hidden;
    }

    .block .funnels>.card>a>img {
        border-radius: 5px;
        position: absolute;
        left: 0;
        right: 0;
    }

    .block .funnels>.card.top-focus>a>img {
        top: 0;
    }

    .block .funnels>.card.bottom-focus>a>img {
        bottom: 0;
    } */
}

/* One Column */

.one-col-content {
    max-width: 570px;
}

/* Two Column with Image Left */

.two-col-img-left>table>tbody>tr>td:first-of-type {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.two-col-img-left>table>tbody>tr>td:last-of-type {
    padding-left: 68px;
    padding-right: 0px;
}

.slim .two-col-img-left>table>tbody>tr>td:first-of-type {
    text-align: left;
}

.slim .two-col-img-left>table>tbody>tr>td:last-of-type {
    padding-left: 58px;
}

@media only screen and (max-width: 999px) {
    .two-col-img-left>table>tbody>tr>td:last-of-type {
        padding-left: 45px;
    }
}

/* Two Column with Image Right */

.two-col-img-right>table>tbody>tr>td:first-of-type {
    padding-left: 0px;
    padding-right: 68px;
}

.slim .two-col-img-right>table>tbody>tr>td:first-of-type {
    padding-right: 58px;
}

.two-col-img-right>table>tbody>tr>td:first-of-type ul {
    padding-left: 40px;
}

.two-col-img-right>table>tbody>tr>td:first-of-type ul li {
    padding-right: 10px;
    break-inside: avoid-column;
}

.two-col-img-right>table>tbody>tr>td:last-of-type {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.slim .two-col-img-right>table>tbody>tr>td:last-of-type {
    text-align: right;
}

@media only screen and (min-width: 768px) {


    .block.dark-bg .two-col-img-right>table>tbody>tr>td:first-of-type,
    .block.animated-bg .two-col-img-right>table>tbody>tr>td:first-of-type {
        padding-left: 30px;
    }

}

@media only screen and (max-width: 999px) {
    .two-col-img-right>table>tbody>tr>td:first-of-type {
        padding-right: 45px;
    }
}

/* Two Column with Image */

.two-col-img-right+.two-col-img-right,
.two-col-img-right+.two-col-img-left,
.two-col-img-left+.two-col-img-left,
.two-col-img-left+.two-col-img-right {
    margin-top: 45px;
}

.two-col-img-left,
.two-col-img-right {
    margin-bottom: 15px;
}

/* .two-col-img-left>table>tbody>tr>td,
.two-col-img-right>table>tbody>tr>td {
    padding-top: 0px;
    padding-bottom: 0px;
} */

.two-col-img-left>table>tbody>tr>td img,
.two-col-img-right>table>tbody>tr>td img {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.two-col-img-left>table>tbody>tr:nth-of-type(2)>td:first-of-type {
    padding-left: 68px;
    padding-right: 0;
    /* vertical-align: top; */
}

.two-col-img-right>table>tbody>tr:nth-of-type(2)>td:first-of-type {
    padding-left: 0;
    padding-right: 68px;
    /* vertical-align: top; */
}

@media only screen and (min-width: 1300px) {
    .two-col-img-left>table>tbody>tr>td:first-of-type {
        padding-right: 44px;
    }

    .two-col-img-right>table>tbody>tr>td:last-of-type {
        padding-left: 44px;
    }
}

@media only screen and (min-width: 768px) {

    .two-col-img-left>table>tbody>tr>td:last-of-type,
    .two-col-img-right>table>tbody>tr>td:first-of-type {
        width: 40% !important;
    }

    .two-col-img-left>table>tbody>tr>td:first-of-type,
    .two-col-img-right>table>tbody>tr>td:last-of-type {
        width: 60% !important;
    }

    .slim .two-col-img-left>table>tbody>tr>td,
    .slim .two-col-img-right>table>tbody>tr>td {
        width: 50% !important;
    }
}

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

    .two-col-img-left>table>tbody>tr>td,
    .two-col-img-right>table>tbody>tr>td {
        width: 100% !important;
        display: block;
        padding: 15px 0 !important;
    }

    .two-col-img-left>table>tbody>tr {
        display: flex;
        flex-direction: column-reverse;
    }

    .slim .two-col-img-left>table>tbody>tr>td:first-of-type,
    .slim .two-col-img-right>table>tbody>tr>td:last-of-type {
        text-align: left;
    }
}

/* Two Column Linked Image */

.two-col-img-left>table>tbody>tr>td a img,
.two-col-img-right>table>tbody>tr>td a img {
    -webkit-box-shadow: 10px 49px 68px -125px rgb(0 0 0 / 47%);
    -moz-box-shadow: 10px 49px 68px -125px rgba(0, 0, 0, 0.47);
    box-shadow: 10px 49px 68px -125px rgb(0 0 0 / 47%);
    transition: 0.4s;
}

.two-col-img-left>table>tbody>tr>td a img:hover,
.two-col-img-right>table>tbody>tr>td a img:hover {
    opacity: 1;
    filter: opacity(1);
    -moz-filter: opacity(1);
    -webkit-filter: opacity(1);
    -webkit-box-shadow: 10px 49px 68px -83px rgb(0 0 0 / 47%);
    -moz-box-shadow: 10px 49px 68px -83px rgba(0, 0, 0, 0.47);
    box-shadow: 10px 49px 68px -83px rgb(0 0 0 / 47%);
    transition: 0.4s;
    transform: translate3d(0px, -5px, 0px);
    -webkit-transform: translate3d(0px, -5px, 0px);
    -moz-transform: translate3d(0px, -5px, 0px);
    -ms-transform: translate3d(0px, -5px, 0px);
    -o-transform: translate3d(0px, -5px, 0px);
}

/* Two Column Content */

.two-col-content>table>tbody>tr>td {
    vertical-align: top;
}

.two-col-content>table>tbody>tr>td:first-of-type {
    padding-left: 0px;
    padding-right: 45px;
}

.two-col-content>table>tbody>tr>td:last-of-type {
    padding-left: 45px;
    padding-right: 0px;
}

@media only screen and (max-width: 767px) {
    .two-col-content>table>tbody>tr>td {
        width: 100% !important;
        display: block;
        padding: 15px 0 !important;
    }
}

/* Two Column Large Image */

@media only screen and (min-width: 768px) {
    .two-col-large-img {
        position: relative;
        overflow: hidden;
    }

    .two-col-large-img .two-col-img-left>table>tbody>tr>td:first-of-type img,
    .two-col-large-img .two-col-img-right>table>tbody>tr>td:last-of-type img {
        position: absolute;
        bottom: 0;
        top: 0;
        height: 100%;
        width: auto;
        max-width: none;
    }

    .two-col-large-img .two-col-img-left>table>tbody>tr>td:first-of-type img {
        left: 0;
    }

    .two-col-large-img .two-col-img-right>table>tbody>tr>td:last-of-type img {
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1539px) {
    /* .two-col-large-img .two-col-img-left>table>tbody>tr>td:first-of-type img,
    .two-col-large-img .two-col-img-right>table>tbody>tr>td:last-of-type img {
        width: 54%;
        height: auto;
    } */

    .two-col-large-img .two-col-img-left>table>tbody>tr>td:first-of-type img {
        /* left: 0; */
        right: 45%;
    }

    .two-col-large-img .two-col-img-right>table>tbody>tr>td:last-of-type img {
        /* right: 0; */
        left: 45%;
    }
}

@media only screen and (max-width: 767px) {
    .two-col-large-img {
        overflow: hidden;
    }

    .two-col-large-img .two-col-img-left>table>tbody>tr>td:first-of-type,
    .two-col-large-img .two-col-img-right>table>tbody>tr>td:last-of-type {
        display: none !important;
    }

    .two-col-large-img .two-col-img-left>table>tbody>tr>td:first-of-type img {
        margin-left: -30px;
        margin-bottom: -90px;
    }

    .two-col-large-img .two-col-img-right>table>tbody>tr>td:last-of-type img {
        margin-right: -30px;
        margin-bottom: -90px;
    }
}

/* Two Column Hero */

@media only screen and (min-width: 768px) {

    .block.hero .two-col-img-left>table>tbody>tr>td:first-of-type,
    .block.hero .two-col-img-right>table>tbody>tr>td:last-of-type {
        width: 53% !important;
    }

    .block.hero .two-col-img-left>table>tbody>tr>td:last-of-type,
    .block.hero .two-col-img-right>table>tbody>tr>td:first-of-type {
        width: 47% !important;
    }
}

/* Two Column List */

@media only screen and (min-width: 420px) and (max-width: 767px) {

    .two-col-img-left ul,
    .two-col-img-left ol,
    .two-col-img-right ul,
    .two-col-img-right ol,
    .two-col-img-content ul,
    .two-col-img-content ol {
        column-count: 2;
    }
}

@media only screen and (min-width: 1250px) {

    .two-col-img-left ul,
    .two-col-img-left ol,
    .two-col-img-right ul,
    .two-col-img-right ol,
    .two-col-img-content ul,
    .two-col-img-content ol {
        column-count: 2;
    }
}

/* Large Feature */

.block.large-feature .pager {
    display: none;
}

.block.large-feature,
.block.large-feature>* {
    max-width: 1580px !important;
}

.block.large-feature .list>.layout-grid {
    /* border: 1px solid #DADCE0; */
    padding: 0;
    /* box-shadow:
        0px -0.5px 2.8px rgba(0, 0, 0, 0.004),
        0px -2.1px 6.7px rgba(0, 0, 0, 0.008),
        0px -2.8px 14.1px rgba(0, 0, 0, 0.014),
        0px 7px 40px rgba(0, 0, 0, 0.03)
    ; */
}

.block.large-feature .list>.layout-grid>.layout-grid-row {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
}

.block.large-feature .list>.layout-grid>.layout-grid-row>.layout-grid-row-data {
    padding: 0;
    background-color: #FFFFFF;
    border: 1px solid #DADCE0;
}

.block.large-feature .list>.layout-grid>.layout-grid-row>.layout-grid-row-data.empty {
    opacity: 0.5;
    background: none;
    border: none;
}

.block.large-feature .list>.layout-grid>.layout-grid-row>.layout-grid-row-data .cell {
    background: none;
    box-shadow: none;
}

.block.large-feature .list>.layout-grid>.layout-grid-row>.layout-grid-row-data .cell>.middle {
    margin-left: 0;
    margin-right: 0;
}

.block.large-feature .list>.layout-grid>.layout-grid-row>.layout-grid-row-data .cell>.middle>.middle-left {
    padding-left: 0;
    padding-right: 0;
}

.block.large-feature .list>.layout-grid>.layout-grid-row>.layout-grid-row-data .cell>.middle>.middle-right {
    padding-left: 30px;
    padding-right: 30px;
}

.block.large-feature .list-item-datum-description h6 {
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 950px) {
    .block.large-feature .list.list-three_column>.layout-grid>.layout-grid-row>.layout-grid-row-data .cell>.middle>.middle-right {
        padding: 15px 20px !important;
    }
}

@media only screen and (max-width: 767px) {
    .block.large-feature .list>.layout-grid>.layout-grid-row {
        flex-direction: column;
    }

    .block.large-feature .list>.layout-grid>.layout-grid-row>.layout-grid-row-data .cell>.middle>.middle-left {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 525px) {
    .block.large-feature .list>.layout-grid>.layout-grid-row>.layout-grid-row-data .cell>.middle>.middle {
        width: 100% !important;
        float: none;
    }

    .block.large-feature .list>.layout-grid>.layout-grid-row>.layout-grid-row-data .cell>.middle>.middle-left {
        padding: 0;
    }

    .block.large-feature .list>.layout-grid>.layout-grid-row>.layout-grid-row-data .cell>.middle>.middle-right {
        padding: 15px 25px !important;
    }

}

/* CMS Options */

.cms-option>table:first-of-type {
    margin-bottom: 15px;
}

.cms-option>table:first-of-type td {
    position: relative;
}

.cms-option>table:first-of-type td>* {
    max-width: 500px;
    margin: auto;
    text-align: center;
}

.cms-option>table:first-of-type td:after {
    content: ' ';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0px;
    height: 1px;
    background-color: #DADCE0;
}

.cms-option>table:first-of-type td>p:first-of-type {
    min-height: 61px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cms-option>table:last-of-type td {
    vertical-align: top;
    position: relative;
}

.cms-option>table:last-of-type td i {
    /* content: '\f3cd';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700; */
    font-size: 45px;
    display: block;
    line-height: 50px;
    margin-bottom: 10px;
}

.cms-option>table:last-of-type td:after {
    content: ' ';
    position: absolute;
    right: 0;
    top: 15px;
    bottom: 15px;
    width: 1px;
    background-color: #DADCE0;
}

.cms-option>table:last-of-type td:last-of-type:after {
    content: none;
    display: none;
}

@media only screen and (max-width: 767px) {
    .cms-option>table:last-of-type td {
        width: 100% !important;
        display: block;
    }

    .cms-option>table:last-of-type td:after {
        top: auto;
        left: 15px;
        right: 15px;
        bottom: 0px;
        width: auto;
        height: 1px;
    }
}

/* To Top Button */

#toTop {
    padding: 9px 12px;
    background: #1D1D1D;
    background: rgba(29, 29, 29, 0.5);
    color: #ffffff;
    position: fixed;
    bottom: 5px;
    left: 5px;
    display: none;
    z-index: 1000;
    font-size: 1.4em;
    cursor: pointer;
    text-align: center;
    width: 50px;
    border-radius: 3px;
    display: none !important;
}


/*============================================================================*\
    Article
\*============================================================================*/

/* body.article .page-content-wrapper {
    background-color: #FFFFFF;
}

body.article .block.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:first-of-type,
body.article .block.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:last-of-type {
    vertical-align: middle;
    padding: 0;
} */

/* body.article .block.hero {
    background-color: #F8F8F8;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
    padding-bottom: 200px;
} */

/* body.article .block.hero:after {
    content: ' ';
    position: absolute;
    background-color: #FFF;
    width: 200%;
    height: 50%;
    transform: rotate(3deg);
    left: -25%;
    top: 85%;
} */

/* body.article .block.hero>.block-content {
    max-width: 1920px !important;
}

body.article .block.hero>.block-content>.block-block_content {
    max-width: 1620px;
    margin-left: auto;
    margin-right: 0;
} */

/* @media only screen and (max-width: 1329px) {

    body.article .block.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td,
    body.article .block.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td {
        width: 100% !important;
        display: block;
    }

    body.article .block.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:last-of-type,
    body.article .block.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:first-of-type {
        padding: 75px 0 !important
    }

    body.article .block.hero>.block-content>.block-block_content>.two-col-img-left>table>tbody>tr>td:last-of-type>*,
    body.article .block.hero>.block-content>.block-block_content>.two-col-img-right>table>tbody>tr>td:first-of-type>* {
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
} */

/*============================================================================*\
    Portfolio
\*============================================================================*/

/* Website Feature List */

ul.website-features {
    column-count: 1;
    padding: 0;
    display: none !important;
    visibility: hidden !important;
}

ul.website-features>li {
    padding-bottom: 5px;
}

ul.website-features>li:before {
    content: none;
    display: none;
}

ul.website-features>li>i {
    font-size: 2.4rem;
    padding: 5px 10px;
    min-width: 48px;
    display: inline-block;
    text-align: center;
}

/* Showcase */

.block.two-col-showcase .editor-content>table,
.block.three-col-showcase .editor-content>table {
    position: relative;
}

.block.two-col-showcase .editor-content>table>tbody>tr>td img,
.block.three-col-showcase .editor-content>table>tbody>tr>td img {
    border-radius: 10px 10px 5px 5px;
    box-shadow:
        0px 0px 2.2px rgba(0, 0, 0, 0.02),
        0px 0px 5.3px rgba(0, 0, 0, 0.028),
        0px 0px 10px rgba(0, 0, 0, 0.035),
        0px 0px 17.9px rgba(0, 0, 0, 0.042),
        0px 0px 33.4px rgba(0, 0, 0, 0.05),
        0px 0px 80px rgba(0, 0, 0, 0.07);
}

.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block.two-col-showcase>.block-content,
.page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block.three-col-showcase>.block-content {
    max-width: 1550px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* two Column Showcase */

.block.two-col-showcase .editor-content>table>tbody>tr>td:nth-of-type(1) {
    width: 100% !important;
    display: block;
    border-radius: 5px !important;
    text-align: left;
    position: relative;
    z-index: 3;
}

.block.two-col-showcase .editor-content>table>tbody>tr>td:nth-of-type(1) img {
    width: 65% !important;
}

.block.two-col-showcase .editor-content>table>tbody>tr>td:nth-of-type(2) {
    width: 50% !important;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}


/* Hero Showcase */

.block div.hero-showcase>table {
    position: relative;
}

.block div.hero-showcase>table>tbody>tr>td img {
    border-radius: 10px 10px 5px 5px;
    box-shadow:
        0px 0px 2.2px rgba(0, 0, 0, 0.02),
        0px 0px 5.3px rgba(0, 0, 0, 0.028),
        0px 0px 10px rgba(0, 0, 0, 0.035),
        0px 0px 17.9px rgba(0, 0, 0, 0.042),
        0px 0px 33.4px rgba(0, 0, 0, 0.05),
        0px 0px 80px rgba(0, 0, 0, 0.07);
}

.block div.hero-showcase>table>tbody>tr>td:nth-of-type(1) {
    width: 100% !important;
    display: block;
    border-radius: 5px !important;
    text-align: left;
    position: relative;
    z-index: 3;
}

.block div.hero-showcase>table>tbody>tr>td:nth-of-type(1) img {
    width: 70% !important;
}

.block div.hero-showcase>table>tbody>tr>td:nth-of-type(2) {
    width: 65% !important;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
}


/* Three Column Showcase */

.block.three-col-showcase .editor-content>table>tbody>tr>td:nth-of-type(1) {
    width: 50% !important;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.block.three-col-showcase .editor-content>table>tbody>tr>td:nth-of-type(3) {
    width: 50% !important;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.block.three-col-showcase .editor-content>table>tbody>tr>td:nth-of-type(2) {
    width: 100% !important;
    display: block;
    border-radius: 5px !important;
    text-align: center;
    position: relative;
    z-index: 3;
}

.block.three-col-showcase .editor-content>table>tbody>tr>td:nth-of-type(2) img {
    width: 65% !important;
}

/* Mobile Mock */

.mobile-mock {
    height: 100vh;
    position: relative;
    overflow: hidden;
    padding: 0 !important;
    margin-top: -50px !important;
    margin-bottom: -120px !important;
}

.mobile-mock:before {
    content: ' ';
    position: absolute;
    background-color: #FFF;
    width: 200%;
    height: 50%;
    transform: rotate(3deg);
    left: -25%;
    bottom: 85%;
}

.mobile-mock:after {
    content: ' ';
    position: absolute;
    background-color: #FFF;
    width: 200%;
    height: 50%;
    transform: rotate(3deg);
    left: -25%;
    top: 85%;
}

@media only screen and (max-width: 767px) {
    .mobile-mock {
        margin-bottom: -80px !important;
    }
}

/*============================================================================*\
    Blog
\*============================================================================*/

body.article .page-content-wrapper p {
    /* font-size: 2rem;
    line-height: 3rem; */
    color: #4B4B4B;
}

body.article .page-content-wrapper p strong {
    padding-bottom: 3px;
    /* border-bottom: 1px solid #E4E4E4; */
}

body.article .page-content-wrapper p small {
    font-size: 1.6rem;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 16px;
    color: #202124;
}

body.article .page-content-wrapper .content-header-content .content_meta__title {
    margin-top: 50px;
}

body.article .page-content-wrapper .zone-content>.block:first-of-type {
    margin-top: 0;
}

body.article .page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.block.blog-content {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}


/* Image with Caption */

.img-with-caption {
    margin-top: 75px;
    margin-bottom: 115px;
}

.img-with-caption>p {
    margin-bottom: 10px;
    font-style: italic;
    font-size: 1.6rem !important;
    color: #AFAFAF !important;
}

.img-with-caption>p>img {
    font-style: normal;
    font-size: 1.8rem !important;
    color: #202124 !important;
}


/* Multi-column areas */

.article-subsection-two-col {
    display: flex;
    justify-content: space-between;
    margin: 75px 0;
}

.article-subsection-two-col div {
    padding: 30px;
    border-left: 1px solid #e4e4e4;
    width: 100%;
}

.article-subsection-two-col p {
    font-size: 15px;
    margin-bottom: 0px;
}

.article-subsection-two-col h4 {
    margin-top: 15px;
}

@media only screen and (max-width: 991px) {
    .article-subsection-two-col {
        flex-direction: column;
    }

    .article-subsection-two-col div {
        max-width: 600px;
        margin: 15px;
    }
}

/* End of article */

.article-end {
    background-color: #171717;
    margin: 50px 0;
    padding: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    transition: 0.2s;
}

.article-end:hover {
    -webkit-box-shadow: 5px 5px 34px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 34px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 34px -10px rgba(0, 0, 0, 0.75);
    transform: translateY(-8px);
    transition: 0.2s;
}

.article-end h4 {
    font-weight: bold;
}

.article-end h4,
.article-end p,
.article-end a.sui-sf-c-btn.sui-sf-c-btn--link {
    color: #FFFFFF !important;
}

.article-end a.sui-sf-c-btn.sui-sf-c-btn--link:before {
    background-color: #CB1536;
}

.article-end a.sui-sf-c-btn.sui-sf-c-btn--link:after {
    padding-left: 5px;
    color: #F04D6B;
}

.article-end a.sui-sf-c-btn.sui-sf-c-btn--link:hover:after {
    color: #CB1536
}

body.article .page-content-wrapper .article-end p a {
    font-size: 1.6rem;
}

/* Tooltips */

/* Hotspot/ Visual Tooltip example */
div.tooltip-visual-example p {
    cursor: default !important;
    text-align: center;
    padding-top: 2px;
    color: #fff;
    position: relative;
    display: inline-block;
    background-color: #5778FF;
    border-bottom: 0px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

div.tooltip-visual-example p:hover {
    background-color: rgba(223, 67, 13, 17%);
    color: transparent;
    border-bottom: 0px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

div.tooltip-visual-example img {
    width: 500px;
    height: auto;
}

div.tooltip-visual-example p#tve-1 {
    left: 340px;
    bottom: 90px;
}

div.tooltip-visual-example p#tve-2 {
    bottom: 30px;
    left: 400px;
}

div.tooltip-visual-example p#tve-3 {
    bottom: 30px;
    left: 260px;
}

/* Tooltip example */
div.tooltip-example p {
    display: inline-block;
}

[data-tooltip] {
    position: relative;
    z-index: 10;
    /* background-color: #FEF0F2;
    background-color: #F4F6FF; */
    background-color: #E0E6FF;
    border-bottom: 2px solid transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

[data-tooltip]:hover {
    background-color: transparent;
    border-bottom: 2px solid #5778FF;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    bottom: calc(100% + 5px);
    /* 5px is the size of the arrow */
    pointer-events: none;
    transition: 0.2s;
    will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
    content: attr(data-tooltip);
    padding: 10px 18px;
    min-width: 50px;
    max-width: 300px;
    width: max-content;
    width: -moz-max-content;
    border-radius: 6px;
    font-size: 14px;
    background-color: #5778FF;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
    content: '';
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    /* CSS triangle */
    border-color: #5778FF transparent transparent transparent;
    transition-duration: 0s;
    /* If the mouse leaves the element, 
                                the transition effects for the 
                                tooltip arrow are "turned off" */
    transform-origin: top;
    /* Orientation setting for the
                                slide-down effect */
    transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}

/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
    transition-delay: 0.1s;
    transform: translate(-50%, -5px) scale(1);
}


/* 
Arrow slide down effect only on mouseenter (NOT on mouseleave)
*/
[data-tooltip]:hover:after {
    transition-delay: 0.2s;
    /* Starting after the grow effect */
    transition-duration: 0.2s;
    transform: translateX(-50%) scaleY(1);
}

/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
    left: auto;
    right: calc(100% + 5px);
    bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
    transform: translate(-5px, 50%) scale(0.5);
}

[data-tooltip-location="left"]:hover:before {
    transform: translate(-5px, 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
    border-width: 5px 0px 5px 5px;
    border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
    transform-origin: left;
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="left"]:hover:after {
    transform: translateY(50%) scaleX(1);
}

/* Responsive - helps tooltips look good on mobile devices */

@media only screen and (max-width: 520px) {
    [data-tooltip]:hover:before {
        max-width: 114px;
    }
}

/*============================================================================*\
    Form
\*============================================================================*/

.block .page-form form>.form-body {
    max-width: 630px;
    margin: 15px auto;
    background-color: #FFFFFF;
    border: 1px solid #DADCE0;
    border-radius: 8px;
    padding: 30px;
}

.form-body>.form-title {
    text-align: left;
    border: none;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.form-body>.form-body .form-signup {
    display: block;
}

.form-body>.form-body .form-signup,
.form-body>.form-body input,
.form-body>.form-body select,
.form-body>.form-body textarea {
    margin-bottom: 10px;
    border-color: #DADCE0;
}

.form-body>.form-body>table {
    max-width: 768px;
}

/* .form-body>.form-body textarea {
    resize: none;
} */

.page-form table th label {
    font-weight: 700;
}

.page-form table th,
.page-form table td {
    display: block !important;
    width: 100% !important;
    text-align: left;
}

/* .form-captcha .g-recaptcha>div {
    margin-left: auto;
    margin-right: 0;
} */

/* span.form-field--verify {
    padding-left: 10px;
    color: var(--color-primary);
}

.form-body>.form-body td p {
    margin-bottom: 24px;
} */

/* .block .form-body p,
.block .form-body h1,
.block .form-body h2,
.block .form-body h3,
.block .form-body h4,
.block .form-body h5,
.block .form-body h6,
.block .form-body ul,
.block .form-body ol,
.block .form-body th,
.block .form-body td,
.block .form-body div {
    color: #202124 !important;
} */

.sui-sf-c-block--default[data-block--type='form'] .formSubmit {
    border-color: transparent !important;
    background: #1a4a7b !important;
    color: #fff;
    display: flex;
    padding: 10px 36px;
    justify-content: center;
    align-items: flex-end;
    gap: 7px;
    border-radius: 100px;
    font-size: 0.9rem;
}

.sui-sf-c-block--default[data-block--type='form'] .formSubmit:hover {
    border-color: transparent;
    background-color: var(--color-primary-darker) !important;
    color: white;
}


/* Hero Form */

.hero-form {
    position: relative;
    overflow: visible !important;
}

/* .hero-form::before {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    z-index: 0;
}

.hero-form:after {
    content: '';
    height: 100px;
    background-color: white;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 100%;
} */

.hero-form>.block-content {
    position: relative;
    z-index: 1;
}

.form-top {
    z-index: 1;
    margin: 0 auto !important;
    display: block;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.form-top form>.form-body {
    margin: 0 auto !important;
}

.static-form .insert-form {
    vertical-align: top;
}

/* .page-cta-form .sui-form .formSubmit,
.page-cta-form form .formSubmit .dark-bg.hero-form.static-form .sui-form .formSubmit,
.dark-bg.hero-form.static-form form .formSubmit {
    background-color: #5778FF !important;
    border: 1px solid #5778FF !important;
}

.page-cta-form .sui-form .formSubmit:hover,
.page-cta-form form .formSubmit:hover .dark-bg.hero-form.static-form .sui-form .formSubmit:hover,
.dark-bg.hero-form.static-form form .formSubmit:hover {
    background-color: #1A3FD8 !important;
    border: 1px solid #1A3FD8 !important;
} */

/* @media only screen and (min-width: 831px) { */
@media only screen and (min-width: 768px) {
    .insert-form .form-top form>.form-body {
        position: absolute;
        top: 60px;
        right: 50px;
        max-width: 47% !important;
    }

    .static-form .form-top form>.form-body {
        position: static;
        max-width: 100% !important;
    }

    .wide.hero-form .two-col-img-left>table>tbody>tr>td:last-of-type {
        width: 40% !important;
    }

    .wide.hero-form .two-col-img-right>table>tbody>tr>td:first-of-type {
        width: 60% !important;
    }
}

@media only screen and (max-width: 1150px) {
    .form-top {
        right: 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .form-top {
        right: 5%;
    }

    .form-top form>.form-body {
        max-width: 44% !important;
    }
}

@media only screen and (max-width: 767px) {
    .form-top {
        position: relative;
        top: 0;
        right: 0;
        padding: 0px 15px;
    }

    .insert-form>.form-top {
        padding-left: 0;
        padding-right: 0;
    }

    .hero-form>.block-content {
        max-width: none;
    }

    .block-block_form>form>.form-body {
        width: 100%;
        max-width: 80%;
    }

    .hero-form .insert-form {
        /* margin-bottom: -200px; */
        margin-bottom: -350px;
    }

    .hero-form.static-form .insert-form {
        margin-bottom: 0;
    }

    .block.hero-form+.block {
        /* margin-top: 250px; */
        margin-top: 400px;
    }

    .block.hero-form.static-form+.block {
        margin-top: 75px;
    }

    .block.hero-form.static-form+.block.block-alignment-background-fullscreen {
        margin-top: 0;
    }
}

/* Portfolio Form - Multi Column Form */

/* .page-cta-form .page-form form>.form-body,
.page-cta-form .form-body>.form-body>table,
.portfolio-article-cta-form .page-form form>.form-body,
.portfolio-article-cta-form .form-body>.form-body>table {
    max-width: 1090px;
} */

.page-cta-form .sui-form .formSubmit,
.page-cta-form form .formSubmit,
.portfolio-article-cta-form .sui-form .formSubmit,
.portfolio-article-cta-form form .formSubmit {
    width: 100%;
}

/* .page-cta-form .form-body>.form-body textarea,
.portfolio-article-cta-form .form-body>.form-body textarea {
    height: 78px
}

.page-cta-form .form-body>.form-body .form-captcha,
.portfolio-article-cta-form .form-body>.form-body .form-captcha {
    margin-top: 24px;
}  */

@media only screen and (min-width: 525px) {

    /* .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(2),
    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(3),
    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(4),
    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(5),
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(2),
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(3),
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(4),
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(5) {
        width: 49% !important;
        display: inline-block;
    }

    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(2),
    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(4),
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(2),
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(4) {
        padding-right: 12px;
    }

    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(3),
    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(5),
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(3),
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(5) {
        padding-left: 12px;
    } */
}

@media only screen and (min-width: 768px) {

    /* .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(6),
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(6) {
        width: 60% !important;
        width: calc(100% - 328px) !important;
        display: inline-block;
    }

    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(7),
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(7) {
        width: 40% !important;
        width: 328px !important;
        display: inline-block;
        padding-left: 24px;
        height: 134px;
    }

    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(7) .form-captcha,
    .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(7) .form-captcha {
        margin-top: 39px;
        margin-bottom: 10px;
    }

    .page-cta-form .sui-form #mark_recaptcha .form-field--verify,
    .portfolio-article-cta-form form #mark_recaptcha .form-field--verify {
        display: block;
        margin-bottom: -23px;
    } */

    /* .page-cta-form .sui-form .formSubmit,
    .page-cta-form form .formSubmit,
    .portfolio-article-cta-form .sui-form .formSubmit,
    .portfolio-article-cta-form form .formSubmit {
        margin-top: 21px;
        padding: 28px 40px;
    } */

    /* .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(5) .sui-form .formSubmit,
    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(5) form .formSubmit {
        margin-top: 21px;
    } */
}

@media only screen and (min-width: 768px) and (max-width: 1510px) {

    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(6),
    .page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(7),
    .hero-form .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(6),
    .hero-form .portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(7) {
        width: 100% !important;
        display: block;
        padding: 0;
    }
}


/* Form Thank You */

div.cta-form-thank_you {
    background-color: #ffffff;
    padding: 30px;
    border: 1px solid #DADCE0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

div.cta-form-thank_you h4,
div.cta-form-thank_you h6,
div.cta-form-thank_you p,
div.cta-form-thank_you p>a.sui-sf-c-btn.sui-sf-c-btn--primary {
    color: #202124 !important;
}

div.cta-form-thank_you p>a.sui-sf-c-btn.sui-sf-c-btn--primary:hover {
    color: #ffffff !important;
}

div.cta-form-thank_you p:first-of-type>i {
    font-size: 4rem;
    margin-bottom: 15px;
    color: green !important;
}

@media only screen and (max-width: 767px) {
    div.cta-form-thank_you {
        padding: 15px;
    }

    div.cta-form-thank_you p>a.sui-sf-c-btn {
        width: 100% !important;
    }
}

div.form_goback {
    display: none;
}


/*============================================================================*\
    Footer
\*============================================================================*/

.above-the-footer .content-wrapper {
    padding: 0;
}

.site-footer {
    /* border-top: 1px solid #C1C1C1; */
    /* background-color: #202124; */
}

.site-footer>.content-wrapper {
    max-width: 1580px;
    padding: 15px 15px 0;
}

.site-footer td,
.site-footer p {
    color: #FFFFFF;
}

.site-footer h6 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.site-footer p,
.site-footer a {
    font-size: 1rem;
}

.site-footer .social-media>a {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #202124;
    border-radius: 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 4px;
    text-align: center;
    margin-right: 5px;
}

.site-footer .social-media>a:hover {
    background-color: #F04D6B;
    border-color: #F04D6B;
    color: #FFFFFF;
}

.site-footer>.content-wrapper>table>tbody>tr>td {
    padding-left: 0;
    padding-right: 0;
}

/* Footer Top */

.site-footer .footer-top {
    border-bottom: 1px solid #FFFFFF;
}

.site-footer .footer-top td {
    padding-bottom: 15px;
}

.site-footer .footer-top td a {
    display: inline-block;

    font-weight: 700;
    font-size: 2rem;
    margin-right: 30px;
    margin-bottom: 15px;
    position: relative;
    color: #FFFFFF !important;
    white-space: nowrap;
}

.site-footer .footer-top td a:last-of-type {
    margin-right: 0;
}

.site-footer .footer-top td a:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    z-index: -1;
    background-color: #F04D6B;
    height: 2px;
    border-radius: 2px;
    left: 0;
    right: 100%;
    bottom: 0;
}

.site-footer .footer-top td a:hover:before {
    right: 0;
}

/* Footer Middle */

.site-footer .footer-mid {
    margin-top: 15px;
    margin-bottom: 0px;
}

.site-footer .footer-mid table td {
    padding-left: 0 !important;
}

.site-footer .footer-mid td {
    vertical-align: top;
}

.site-footer .footer-mid p {
    margin-bottom: 10px;
}

.site-footer .footer-mid a:hover {
    color: #F04D6B;
}

.site-footer .footer-mid img.footer-logo {
    width: 120px;
    height: auto;
    margin-bottom: 16px;
}

/* Footer Bottom */

.site-footer .footer-bottom {
    border-top: 1px solid #FFFFFF;
}

.site-footer .footer-bottom a {
    text-decoration: none;
}

.site-footer .footer-bottom a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.site-footer .footer-bottom>tbody>tr>td:last-of-type a {
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
}

@media only screen and (min-width: 1000px) {
    .site-footer .footer-mid>tbody>tr>td:last-of-type {
        text-align: right;
    }

    .site-footer .footer-mid>tbody>tr>td:first-of-type>table {
        max-width: 767px;
    }
}

@media only screen and (max-width: 999px) {
    .site-footer .footer-mid>tbody>tr>td {
        display: block;
    }

    .site-footer .footer-mid>tbody>tr>td {
        width: 100% !important;
        display: block;
    }
}

@media only screen and (min-width: 800px) {
    /* .site-footer .footer-top td:last-of-type {
        text-align: right;
    } */

    .site-footer .footer-bottom td:last-of-type {
        text-align: right;
    }
}

@media only screen and (max-width: 799px) {
    .site-footer .footer-top>tbody>tr>td:first-of-type {
        width: 75px !important;
        /* padding-left: 15px !important; */
        display: inline-block;
    }

    .site-footer .footer-top>tbody>tr>td:nth-of-type(2) {
        width: calc(100% - 75px) !important;
        display: inline-block;
    }

    .site-footer .footer-top>tbody>tr>td:nth-of-type(2) a {
        display: inline-block;
        margin: 0 15px 0 0;
    }

    .site-footer .footer-top>tbody>tr>td:last-of-type {
        width: 100% !important;
        display: block;
    }

    .site-footer .footer-mid>tbody>tr>td>table>tbody>tr>td {
        width: 50% !important;
        display: inline-block;
    }

    .site-footer .footer-bottom>tbody>tr>td {
        width: 100% !important;
        display: block;
        padding-top: 15px;
        padding-bottom: 5px;
    }
}

@media only screen and (max-width: 630px) {
    .site-footer .footer-bottom>tbody>tr>td .social-media {
        width: 100% !important;
        display: block;
        padding-top: 10px;
        padding-bottom: 25px;
    }
}

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

    .site-footer .footer-top>tbody>tr>td:first-of-type,
    .site-footer .footer-top>tbody>tr>td:nth-of-type(2),
    .site-footer .footer-mid>tbody>tr>td>table>tbody>tr>td {
        width: 100% !important;
        display: block;
    }
}

/*============================================================================*\
    Slide Animations
\*============================================================================*/

@media only screen and (max-width: 1579px) {
    .page-content-wrapper>.zone-section>.content-wrapper>.zone-main>.zone-content>.slide-animation {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.block.slide-animation {
    overflow: hidden !important;
}

.block.slide-animation .two-col-img-right>table>tbody>tr>td:last-of-type,
.block.slide-animation .two-col-img-left>table>tbody>tr>td:first-of-type {
    position: relative;
}

.block.slide-animation .two-col-img-right>table>tbody>tr>td:last-of-type>img,
.block.slide-animation .two-col-img-left>table>tbody>tr>td:first-of-type>img {
    position: relative;
    z-index: 2;
    opacity: 1;
}

.block.slide-animation table>tbody>tr>td div.animated-image {
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: 15px;
    bottom: 15px;
}

.block.slide-animation .two-col-img-right>table>tbody>tr>td:last-of-type div.animated-image {
    right: 0;
}

.block.slide-animation .two-col-img-left>table>tbody>tr>td:first-of-type div.animated-image {
    left: 0;
}

.block.slide-animation table>tbody>tr>td>div.animated-image>img {
    border-radius: 0 !important;
    height: 100%;
    width: auto;
}

@media only screen and (min-width: 768px) {
    .block.slide-animation .two-col-img-right.hover>table>tbody>tr>td:last-of-type div.animated-image {
        -webkit-animation: slideright 0.5s forwards;
        -webkit-animation-delay: 0.2s;
        animation: slideright 0.5s forwards;
        animation-delay: 0.2s;
        animation-iteration-count: 1;
    }

    .block.slide-animation .two-col-img-left.hover>table>tbody>tr>td:first-of-type div.animated-image {
        -webkit-animation: slideleft 0.5s forwards;
        -webkit-animation-delay: 0.2s;
        animation: slideleft 0.5s forwards;
        animation-delay: 0.2s;
        animation-iteration-count: 1;
    }
}

@-webkit-keyframes slideright {
    100% {
        right: -197px;
        opacity: 1;
    }
}

@keyframes slideright {
    100% {
        right: -197px;
        opacity: 1;
    }
}

@-webkit-keyframes slideleft {
    100% {
        left: -197px;
        opacity: 1;
    }
}

@keyframes slideleft {
    100% {
        left: -197px;
        opacity: 1;
    }
}

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

    .block.slide-animation .two-col-img-right>table>tbody>tr>td:last-of-type div.animated-image,
    .block.slide-animation .two-col-img-left>table>tbody>tr>td:first-of-type div.animated-image {
        right: 300px;
        left: auto;
    }

    .block.slide-animation .two-col-img-right.hover>table>tbody>tr>td:last-of-type div.animated-image,
    .block.slide-animation .two-col-img-left.hover>table>tbody>tr>td:first-of-type div.animated-image {
        -webkit-animation: slide 0.5s forwards;
        -webkit-animation-delay: 0.2s;
        animation: slide 0.5s forwards;
        animation-delay: 0.2s;
        animation-iteration-count: 1;
    }

    .block.slide-animation .two-col-img-left.hover>table>tbody>tr>td:first-of-type div.animated-image {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
}

@-webkit-keyframes slide {
    100% {
        right: 7px;
        opacity: 1;
    }
}

@keyframes slide {
    100% {
        right: 7px;
        opacity: 1;
    }
}

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

    .block.slide-animation .two-col-img-right.hover>table>tbody>tr>td:last-of-type div.animated-image,
    .block.slide-animation .two-col-img-left.hover>table>tbody>tr>td:first-of-type div.animated-image {
        display: none !important;
    }
}

/*============================================================================*\
    Sem Rush Audit
\*============================================================================*/

.block.angled-bg {
    position: relative;
    overflow: visible !important;
}

.block.angled-bg:before {
    content: ' ';
    position: absolute;
    z-index: 1;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 20%;
    width: 100%;
    background: #F04D6B;
    transform: skew(-5deg) rotate(-5deg);
    transform-origin: top;
}

.block.angled-bg>* {
    position: relative;
    z-index: 3;
}

.block .ssa-leadgen-widget {
    width: 100%;
    max-width: 630px;
    margin: 15px auto;
    background-color: #FFFFFF;
    border: 1px solid #DADCE0;
    border-radius: 8px;
    padding: 30px;
}

.ssa-leadgen-widget .ssa-leadgen-widget__title {

    font-weight: 700;
    font-size: 3.2rem;
    line-height: 40px;
    text-align: left;
}

.ssa-leadgen-widget .ssa-leadgen-widget__label>span {
    font-weight: 700;
    font-size: 1.6rem;
    padding-top: 6px;
    padding-bottom: 9px;
}

.ssa-leadgen-widget .ssa-leadgen-widget__label>input {
    border-color: #DADCE0;
    margin-bottom: 15px;
    padding: 6px;
}

.ssa-leadgen-widget .ssa-leadgen-widget__label.-ssa-checkbox>span {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.4em;
}

.ssa-leadgen-widget .ssa-leadgen-widget__label.-ssa-checkbox>input {
    margin-top: 6px;
    margin-bottom: 0;
}

.block .ssa-leadgen-widget .ssa-leadgen-widget__btn-start {
    background-color: #007fff !important;
    border: 1px solid #007fff !important;
    color: #FFFFFF;
    border-radius: 3px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: unset;
    text-transform: unset;
    font-size: 1.6rem;
    width: 100%;
    padding: 12px 44px;
    margin-top: 13px;
    margin-bottom: 0 !important;
    transition: all 0.2s linear;
}

.block .ssa-leadgen-widget .ssa-leadgen-widget__btn-start:hover {
    background-color: #1A3FD8 !important;
    border: 1px solid #1A3FD8 !important;
    color: #FFFFFF;
}

/*============================================================================*\
    SOW Quote Builder
\*============================================================================*/

/* Block Adjustments */

.block.sow.line_items {
    padding: 50px 0 !important;
    margin: 0 !important;
}

.block.sow.line_items .list-item.list-item-product.list-item-withoptions {
    padding: 15px;
    background-color: #FFFFFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

/* Hide Product Meta */

.block.sow.line_items .list-item-datum.list-item-datum-quick-view-button,
.block.sow.line_items.additional .layout-grid>.layout-grid-row:nth-child(n+2) .list-item-datum-add_to_cart .add_to_cart--spinner_container,
.block.sow.line_items .add_to_quote-spacer,
.block.sow.line_items .add_to_cart-form-submit,
.block.sow.line_items .ui-spinner.add_to_cart--spinner_container.ui-widget.ui-widget-content,
.block.sow.line_items .product_options-input-qty_unit.product_options-input-qty_unit__na {
    display: none;
}

/* Typography Adjustments */

.block.sow.line_items .list-item-datum.list-item-datum-title {
    position: relative;
    margin-bottom: 30px;
}

.block.sow.line_items .list-item-datum.list-item-datum-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.block.sow.line_items .list-item-datum.list-item-datum-title a {
    color: #000022 !important;
    cursor: default;
}

.block.sow.line_items .list-item-datum.list-item-datum-sku {
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DADCE0;
}

.block.sow.line_items .list-item-datum.list-item-datum-description {
    margin-bottom: 15px;
}

.block.sow.line_items .list-item-datum.list-item-datum-description * {
    font-size: 1.4rem;
    margin: 0 0 8px;
    max-width: 800px;
}

.block.sow.line_items .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields .product_option-field__label {
    font-size: 1.3rem;
    font-weight: bold;
}

.block.sow.line_items .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields .product_option-field.product_option-field--quantity.product_option-quantity .product_options-input .product_options-input-label {
    font-size: 1.2rem;
    font-weight: bold;
}

.block.sow.line_items .product_option-field[data-product-field--min]::after {
    font-size: 12px;
}

.block.sow.line_items .product_options-input-label::after {
    content: '/ hr';
}

.block.block.sow.line_items .product_option-price-mod * {
    font-size: 1.2rem;
    font-weight: bold;
}

.block.block.sow.line_items .product-adjusted-options-price * {
    font-size: 1.4rem;
    font-weight: bold;
}

/* Layout Adjustments */

.block.sow.line_items .list-one_column-withoptions .cell>.middle {
    margin: 0 !important;
}

.block.sow.line_items .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DADCE0;
}

.block.sow.line_items.additional .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields {
    grid-template-columns: repeat(2, 1fr);
}

.block.sow.line_items .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields .product_option-field.product_option-field--quantity.product_option-quantity {
    display: grid;
    grid-template-columns: 60% 40%;
    align-items: center;
    padding: 10px;
    border: 1px solid #DADCE0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block.sow.line_items .product_option-field.product_option-field--short_text.product_option-short_text {
    padding: 10px;
    border: 1px solid #DADCE0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block.sow.line_items .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields .product_option-field.product_option-field--quantity.product_option-quantity:hover,
.block.sow.line_items .product_option-field.product_option-field--short_text.product_option-short_text:hover {
    border-color: #000022;
}

.block.sow.line_items .product_option-field.product_option-field--short_text.product_option-short_text .productOptionName {
    margin-top: 0;
}

.block.sow.line_items .product_option-field.product_option-field--short_text.product_option-short_text input {
    text-align: left;
    padding-left: 5px;
}

.block.sow.line_items.phases .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields>div:last-of-type {
    grid-column: 1 / span 2;
}

.block.sow.line_items.phases .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields>div:last-of-type input {
    text-align: left;
    padding-top: 15px;
    padding-left: 5px;
}

.block.sow.line_items .productOptionControl input {
    font-size: 1.2rem;
    text-align: center;
    padding: 5px 10px 5px 15px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #000022;
    background-color: transparent;
}

.block.sow.line_items.additional .productOptionControl input {
    text-align: left;
}

.block.sow.line_items .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields .product_option-field.product_option-field--quantity.product_option-quantity .productOptionName {
    margin: 0 !important;
}

.block.sow.line_items .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields .product_option-field.product_option-field--quantity.product_option-quantity .product_options-input {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.block.sow.line_items .list-item-product .list-item-datum-add_to_cart form>a.add_to_quote-form-submit,
.block.sow.line_items .list-item-product .list-item-datum-add_to_cart form>a.add_to_quote-form-submit:before {
    text-align: center;
    width: 300px;
    max-width: 100%;
    height: 100%;
}

.block.sow.line_items .product-options-price-adjust:not(.no-price-mod) {
    border-color: #DADCE0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}


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

    .block.sow.line_items .middle.center.middle-center {
        width: 100% !important;
    }

    .block.sow.line_items .list-one_column-withoptions .cell>.middle>.middle-left:empty+.middle-center .product_option-fields {
        grid-template-columns: 100%;
    }

    .block.sow.line_items .list .list-item-product .list-item-datum-add_to_cart {
        display: initial !important;
    }

}

/* Quantity & Quote Buttons */

.block.sow.line_items .list-item-datum-add_to_cart .add_to_cart--spinner_container {
    margin-bottom: 0;
    margin-right: 15px;
}

.block.sow.line_items .list-item-product .list-item-datum-add_to_cart form>a.add_to_quote-form-submit:before {
    content: 'Add to Quote';

    font-size: 1.4rem;
    font-weight: bold;
    text-transform: none;
    letter-spacing: normal;
    padding: 12px 24px;
    color: #FFFFFF;
    background-color: #000022;
    border: 1px solid #000022;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.block.sow.line_items .list-item-product .list-item-datum-add_to_cart form>a.add_to_quote-form-submit:hover:before {
    color: #000022;
    background-color: transparent;
    border: 1px solid #000022;
}

/* Elfsight */
.ibtkbu {
    margin-bottom: 20px !important;
}



@media (min-width: 900px) {
    .navbar .mobile-only {
        display: none;
    }
}

@media (max-width: 899px) {
    .navbar .mobile-only {
        display: inline-block !important;
        float: right;
        padding: 7px 11px;
        margin: 21px 0;
    }
}

.block.ms-dt.light * {
    color: initial;
}


.block.hero.service-hero h1 {
    font-weight: 400;
}

.block.ms-dt::before,
.block.ms-dt::after {
    content: '';
    z-index: 0;
    position: absolute;
}

.block.ms-dt .block-content {
    position: relative;
    z-index: 1;
}

.block.service-hero div.two-col-img-right table>tbody>tr>td:first-of-type * {
    max-width: 960px;
}

@media only screen and (min-width: 768px) {
    .block.ms-dt .page-title-wrapper {
        max-width: 70%;
        margin: 0 auto;
    }
}

.block.ms-dt a.sui-sf-c-btn.sui-sf-c-btn--primary .fa-comments {
    -webkit-animation-name: bounce;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
        -moz-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        -o-transform: translate3d(0, 5px, 0);
    }
}

/*============================================================================*\
    My Account
\*============================================================================*/

.system-page h3 {
    font-size: 1.6rem;
    margin: 10px 0 5px 0 !important;
}

.systempage .page-content-wrapper>.top-page-bar {
    margin-bottom: 50px !important;
}

.systempage-container,
.system-page .page-content-wrapper {
    padding-bottom: 50px;
}


[data-nav--hid="4P5q2lKoR9l3Dd8G"] .page-content-wrapper>.top-page-bar {
    display: none;
}

[data-nav--hid="4P5q2lKoR9l3Dd8G"] .editor-content ul li::before {
    display: none;
}

/*============================================================================*\
    Attributes
\*============================================================================*/

.list-item-article .list-item-datum-attributes {
    position: relative;
    top: 0;
    left: 0;
}

.attributes .attribute {
    margin: 0;
    padding: 0;
}

.list-item-datum.list-item-datum-attributes th,
.attribute_list--responsive .attributes .attribute .attribute-name,
.list-item-datum.list-item-datum-attributes td:empty,
.list-item-datum.list-item-datum-attributes th,
.attribute_list--responsive .attributes .attribute .attribute-name,
.list-item-datum.list-item-datum-attributes td:empty {
    display: none !important;
    visibility: hidden !important;
}

.list-item-datum.list-item-datum-attributes table,
.list-item-datum.list-item-datum-attributes tbody,
.list-item-datum.list-item-datum-attributes tr,
.list-item-datum.list-item-datum-attributes table,
.list-item-datum.list-item-datum-attributes tbody,
.list-item-datum.list-item-datum-attributes tr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 0;
    flex-wrap: wrap;
}

.list-item-datum.list-item-datum-attributes td,
.attributes .attribute div.attribute-values .attribute-value,
.attributes .attribute ul.attribute-values .attribute-value,
.list-item-datum.list-item-datum-attributes td,
.attributes .attribute div.attribute-values .attribute-value,
.attributes .attribute ul.attribute-values .attribute-value {
    background: #ececec;
    color: #acacac;
    padding: 6px 15px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px 5px 0;
    border-radius: 50px;
    font-size: 0.85rem;
    pointer-events: none;
    cursor: pointer;
}

.list-item .cell .list-item-datum-title a {
    font-size: 1.6rem !important;
}

.list-item-article .list-item-datum-description h6 {
    font-weight: normal;
}

.ms-ow-3-column-set .cell .list-item-datum-image a:before {
    content: 'View Case Study';
    display: inline-block;
    padding: 7px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    pointer-events: none;
    background: white;
    color: #7d7d7d;
    width: 100%;
    height: auto;
    margin: auto;
    opacity: 0;
    font-size: 1.4rem;
}

.ms-ow-3-column-set .cell:hover .list-item-datum-image a:before {
    bottom: 0;
    opacity: 1;
}


/*============================================================================*\
    Pricing Comparison Page
\*============================================================================*/


.block.block.pricing-tabs .ui-widget.ui-widget-content {
    justify-content: center;
    display: flex;
    flex-direction: column
}

.block.pricing-tabs .block-block_content>table>tbody>tr>td {
    border: 2px solid #1d2629;
    position: relative;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.block.pricing-tabs .block-block_content>table>tbody>tr>td[data-class="most-popular"]::before {
    content: 'Most Popular';
    position: absolute;
    inset: 0 -2px auto auto;
    color: white;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 1.6rem 2rem;
    border-bottom-left-radius: 8px;
    background-color: #F04D6B;
    top: 0;
    right: 0;
}


.block.pricing-tabs .block-block_content>table>tbody>tr>td[data-class="most-popular"]::before {
    content: 'Most Popular';
    color: white;
    background-color: #000;
}




[data-class="price-wrapper"] {
    width: auto !important
}

[data-class="price-wrapper"] colgroup {
    display: none !important
}

[data-class="price-wrapper"] * {
    font-weight: 700
}

[data-class="tabs-price-current"] h2 {
    margin-top: 2px !important;
    margin-bottom: 0 !important
}

[data-class="tabs-price-current"] {
    min-width: 85px !important;
    padding: 5px 13px 5px 0
}

[data-class="tabs-price-currency"] {
    vertical-align: bottom !important
}

[data-class="tabs-price-term"] {
    vertical-align: top !important
}

[data-class="wide-button"] {
    width: 100% !important
}

@media only screen and (min-width: 768px) {
    .block.pricing-tabs .block-block_content>table>tbody>tr>td {
        padding: 1.6rem 2rem;
    }

    .block.pricing-tabs .block-block_content>table>tbody>tr {
        display: flex;
        gap: 15px;
    }
}

@media only screen and (max-width: 767px) {
    [data-class="price-wrapper"] tbody {
        display: table-row-group !important
    }

    [data-class="price-wrapper"] tr {
        display: table-row !important;
        width: auto !important
    }

    [data-class="price-wrapper"] td {
        display: table-cell !important;
        width: auto !important
    }
}

@media only screen and (max-width: 482px) {
    .block.pricing-tabs .ui-tabs .ui-tabs-nav .ui-tabs-tab a {
        padding: 12px 20px
    }
}

@media only screen and (max-width: 549px) {
    .page-content-wrapper>.zone-section>.content-wrapper>.zone>.zone-content>.block.mobile-pricing_plans .block-content {
        padding: 0 !important
    }
}

@media only screen and (min-width: 550px) {
    .pricing-plans td.plan.hidden {
        display: block !important;
        visibility: visible !important
    }
}


[data-class~="comparison-table"] {
    position: relative;
    width: 100%;
    overflow: auto
}

[data-class~="comparison-table"] colgroup {
    display: none !important
}

[data-class~="comparison-table"]>table {
    width: 100%;
    table-layout: fixed;
    overflow: auto
}

[data-class~="comparison-table"]>table td {
    width: 200px !important
}

@media only screen and (max-width: 767px) {
    [data-class~="comparison-table"] {
        width: 100% !important;
        overflow-x: scroll
    }
}

[data-class~="comparison-table"][data-class~="tiers"] * {
    user-select: initial
}

[data-class~="comparison-table"][data-class~="tiers"] {
    overflow: visible;
    height: 100% !important
}

[data-class~="comparison-table"][data-class~="tiers"] :is(th, tr)>td:nth-child(n+2):not(:last-of-type) {
    border-right: 1px solid #dadada;
}

[data-class~="comparison-table"][data-class~="tiers"] :is(th, tr)>td:nth-child(n+2) {
    text-align: center
}

[data-class~="comparison-table"][data-class~="tiers"] td i {
    font-size: var(--fs-large)
}

[data-class~="comparison-table"][data-class~="tiers"] td i[class*="check"] {
    color: #0e7fa0;
}

[data-class~="comparison-table"][data-class~="tiers"] td i[class*="times"] {
    color: #DEDEDE;
}

[data-class~="comparison-table"][data-class~="tiers"] td p {
    margin: 0
}

[data-class~="comparison-table"][data-class~="tiers"] tr>td:nth-child(1) p:nth-child(2) {}

.f-title {
    font-weight: bold;
}

[data-class="pricing-highlight"] {
    padding: 6px 10px;
    display: block;
    border-radius: 7px;
    margin-bottom: 7px;
    background-color: #40f3d0;
    position: relative;
}

[data-class="pricing-highlight"] * {
    font-weight: bold;
    font-size: 12px;
}


@media only screen and (max-width: 767px) {
    [data-class~="comparison-table"][data-class~="tiers"].responsive-comparison_tiers {
        overflow-x: scroll
    }

    [data-class~="comparison-table"][data-class~="tiers"].responsive-comparison_tiers td {
        width: 200px !important;
        min-width: 200px !important
    }
}

@media only screen and (max-width: 1120px) and (min-width:550px) {
    [data-class~="comparison-table"][data-class~="tiers"] {
        overflow: scroll;
        height: 500px !important
    }
}

@media only screen and (max-width: 549px) {
    [data-class~="comparison-table"][data-class~="tiers"] :is(th, tr)>td:nth-child(n+2):not(:last-of-type) {
        border-right: var(--border-solid) transparent
    }

    [data-class~="comparison-table"][data-class~="tiers"]>table td {
        width: 100% !important;
        min-width: auto !important
    }

    [data-class~="comparison-table"][data-class~="tiers"] [data-class="tier-cta-buttons"]>td:not(:last-of-type) {
        display: none !important;
        visibility: none !important
    }

    [data-class~="comparison-table"][data-class~="tiers"] [data-class="tier-cta-buttons"]>td:last-of-type {
        display: block !important;
        visibility: visible !important
    }

    [data-class~="comparison-table"][data-class~="tiers"] [data-class="tier-cta-buttons"]>td:last-of-type a {
        width: calc(100vw - 70px)
    }
}







.block.ms-dt #video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    max-width: none !important;
    padding: 0 !important;
}

.block.ms-dt #video-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.block.ms-dt video {
    width: 100%;
    height: 100vh;
    top: -50%;
    left: 0;
    object-fit: cover;
}


.sui-sf-sitetree-homepage .block.ms-dt h2 {
    font-weight: 400;
    font-weight: bold;
    font-size: 9rem !important;
}

.sui-sf-sitetree-homepage .block.ms-dt h1 {
    font-weight: 100;
}


.site_header-inline.site_header-content_empty .site-logo {
    width: 15%;
}

.top-site-header .section-wrapper.sub-section-wrapper>.content-wrapper {
    margin: 0 auto;
    max-width: 1170px;
}

@media only screen and (max-width: 899px) {
    .site_header-inline.site_header-content_empty .site-logo {
        width: 40%;
    }

    .elfsight-app-6b4d828e-23df-4675-8566-a88750180e05 {
        display: none !important;
    }

    .navbar a.sui-sf-c-btn.sui-sf-c-btn--default[href="/get-a-quote"] {
        padding: 18px 25px 18px 20px;
        display: none !important;
    }

    .navbar a.sui-sf-c-btn.sui-sf-c-btn--default[href="/get-a-quote"]::after {
        display: none;
    }

    .site_header-inline .primary-nav {
        width: 78%;
    }
}



/*============================================================================*\
    Design DT FA
\*============================================================================*/

/* Block Specific to remove later */

[data-block--hid="dyRkxjgRKD4J7ZzD"].dark-bg {
    background-color: var(--color-primary-darker) !important;
}

[data-block--hid="dyRkxjgRKD4J7ZzD"].dark-bg * {
    color: white !important;
}

[data-block--hid="dyRkxjgRKD4J7ZzD"].dark-bg a.sui-sf-c-btn.sui-sf-c-btn--primary {
    color: var(--color-primary) !important;
}

/* Block Specific to remove later */

.top-page-bar {
    display: none;
}

.primary-nav .navbar-collapse .navbar-nav>li>a[href="/get-a-quote"] {
    color: #ffffff !important;
    border: 2px solid #142373 !important;
    background-color: #142373 !important;
    font-weight: 700;
    margin-left: 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    border-radius: 100px !important;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.primary-nav .navbar-collapse .navbar-nav>li>a[href="/get-a-quote"] .caret {
    border-bottom-color: #fff !important;
    border-top-color: #fff !important;

}

.navbar-nav>li:first-child {
    display: none;
}

.primary-nav .navbar-collapse .navbar-nav>li>a[href="/get-a-quote"]:hover {
    opacity: 0.7;
}

.primary-nav .navbar-collapse .navbar-nav>li>a[href="/get-a-quote"]:before,
.primary-nav .navbar-collapse .navbar-nav>li>a[href="/get-a-quote"]:after {}


.block-title {
    margin-bottom: 0;
}

.block-header>.block-title:only-child,
.block-summary {
    margin-bottom: 24px;
    display: block;
}

.primary-nav .navbar-collapse .nav>li>a,
.page-wrapper.has-fullscreen-gallery .page-header-wrapper.sticky-header .primary-nav .navbar-collapse .nav>li>a,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>.dropdown-menu>li>a,
label,
.dropdown-menu>li>a,
.dropdown-menu>li>a:focus,
.dropdown-menu.open>li>a:focus,
.navbar-collapse .dropdown-menu a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    font-size: 1rem;
}

.list-item-datum.list-item-datum-attributes td,
.attributes .attribute div.attribute-values .attribute-value,
.attributes .attribute ul.attribute-values .attribute-value,
.list-item-datum.list-item-datum-attributes td,
.attributes .attribute div.attribute-values .attribute-value,
.attributes .attribute ul.attribute-values .attribute-value {
    font-size: 0.85rem;
}

.related_lists>.related_lists_more a:before {}

@media only screen and (min-width: 1185px) {
    .primary-nav .navbar-collapse .navbar-nav>li>a[href="/get-a-quote"] {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .primary-nav .navbar-collapse .navbar-nav>li>a[href="/get-a-quote"] {
        margin-left: 60px;
    }
}

/* ==
Custom Blocks
== */

.block.featured-project-slider {
    position: relative;
}

.block.featured-project-slider .sgal-thumbnail-item {
    position: relative;
}

.block.featured-project-slider .sgal-thumbnail-item:before {
    background: #00000014;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
}

.block.featured-project-slider .sgal-thumbnail-item:hover:before {
    background: #000d579d;
}

.block.featured-project-slider .sgal-caption {
    position: absolute;
    z-index: 5555555;
    bottom: 40%;
    left: 0;
    right: 0;
    text-align: center;
}

.block.featured-project-slider .slick-prev {
    left: -25px;
}

.block.featured-project-slider .sgal-caption span * {
    color: #fff;
}

.block.featured-project-slider .sgal-caption-text p {
    font-size: 0.8rem;
}

.block.featured-project-slider .sgal-caption-text,
.block.featured-project-slider .sgal-title-text {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.block.featured-project-slider .sgal-title-text {
    margin-bottom: 0;
}

.block.featured-project-slider .sgal-title-text p {
    font-size: 1rem;
    font-weight: bold;
}

.block.featured-project-slider .sgal-link__anchor--with_text {
    color: transparent;
    font-size: 0;
    position: relative;
    display: inline-block;
}

.block.featured-project-slider .sgal-link__anchor--with_text:before {
    content: "View Project";
    text-decoration: none;
    font-size: 12px;
    top: 108%;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #1630676e;
    display: block;
    width: fit-content;
    padding: 4px 13px;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #ffffff38;
    opacity: 0;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    height: auto;
}

.block.featured-project-slider .sgal-link__anchor--with_text:after {
    background: url(/uploads/files/2024/Images/arrow-btn.png) center bottom no-repeat;
    content: "";
    display: block;
    height: 42px;
    width: 42px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    top: -14px;
}

/* Logos */

.block.featured-project-slider .sgal-thumbnail-link[data-title*=""]:before {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    top: -14px;
}

.sgal-thumbnail-link[data-title*="Patricia Lake"]:before {
    background: url(../images/patricia-lake-logo.png) center bottom no-repeat;
    content: "";
    height: 150px;
    width: 150px;
}

[data-class~="featured-services-wrapper"]>tbody>tr>td {
    width: 25%;
}

.sui-sf-sitetree-homepage .block.ms-dt {
    padding: 100px 0 100px 0 !important;
}

.block.blur-pop~.block {
    position: relative;
}

.block.blur-pop::before {
    content: '';
    position: absolute;
    width: 450px;
    height: 450px;
    margin: calc(125px / 2);
    border-radius: 50%;
    backface-visibility: hidden;
    perspective: 1000;
    opacity: .6;
    animation-name: rotate;
    animation-duration: 25s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    z-index: 0;
    right: 0;
}

.block.blur-pop::before {
    background: rgba(208, 233, 247, 0.55);
    box-shadow: 0 0 125px 125px rgb(208 233 247 / 53%);
    animation-name: float;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

/* .block.blur-pop::after {
    background: rgb(255 236 239 / 50%);
    box-shadow: 0 0 125px 125px rgb(255 236 239 / 50%);
    animation-name: float;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    right: 25%;
  } */

@keyframes float {
    0% {
        transform: translateX(calc(125px * 0)) translateZ(0);
    }

    20% {
        transform: translateX(calc(125px * 0.5)) translateZ(0);
    }

    40% {
        transform: translateX(calc(125px * 1)) translateZ(0);
    }

    60% {
        transform: translateX(calc(125px * 1.5)) translateZ(0);
    }

    80% {
        transform: translateX(calc(125px * 0.5)) translateZ(0);
    }

    100% {
        transform: translateX(calc(125px * 0)) translateZ(0);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) translateZ(0);
    }

    100% {
        transform: rotate(360deg) translateZ(0);
    }
}


.block.featured-project-content-multiple .featured-project .list-item .cell .list-item-datum-image {
    padding-bottom: 0;
    height: 388px;
}

.block.featured-project-content-multiple .featured-project .list-item .cell .list-item-datum-image a img {
    width: 100%;
    object-fit: cover;
}

[data-class~="featured-services-wrapper"] * {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

[data-class~="featured-services-wrapper"] colgroup {
    display: none !important;
}

[data-class~="featured-services-wrapper"]>tbody>tr {
    display: flex;
    gap: 18px;
}

[data-class~="featured-services-wrapper"]>tbody>tr>td {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--white);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    padding: 22px 35px;
    width: 50%;
}

[data-class~="featured-services-wrapper"][data-class~="fs-four-column"]>tbody>tr>td {
    padding: 35px 30px;
}

[data-class~="featured-services-wrapper"]>tbody>tr>td[data-class="webdesign-and-development"] {
    width: 60%;
}

[data-class~="featured-services-wrapper"]>tbody>tr>td[data-class="associations-enterprise"] {
    width: 40%;
}

[data-class="associations-btns"] {
    padding-left: 0;
    display: flex;
    list-style-type: none;
    margin-top: 33px;
    flex-wrap: wrap;
}

[data-class="webdesign-list"],
[data-class="featured-service-list"] {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

[data-class="webdesign-list"] li {
    display: flex;
    font-size: var(--font-size-small);
    padding: 6px 20px 8px 20px;
    align-items: flex-start;
    color: #949494;
    border: 1px solid #949494;
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
}

[data-class="featured-service-list"] li {
    display: flex;
    font-size: var(--font-size-small);
    padding: 6px 20px 8px 20px;
    align-items: flex-start;
    color: #0D1398;
    border: 1px solid transparent;
    background-color: var(--white);
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
}

[data-class~="featured-services-wrapper"] h3,
[data-class="webdesign-and-development"] h3,
[data-class="associations-enterprise"] h3,
[data-class="ecommerce-websites"] h3,
[data-class="digital-strategy"] h3,
[data-class="custom-apps-integration"] h3,
[data-class="brand-clarity"] h3 {
    border-left: 3px solid #0D1398;
    padding-left: 10px;
}

[data-class="webdesign-and-development"] h3 {}

[data-class="associations-enterprise"] h3 {
    border-color: #F04D6A;
}

[data-class="ecommerce-websites"] h3 {
    border-color: #E7D10A;
}

[data-class="digital-strategy"] h3 {
    border-color: #15E399;
}

[data-class="custom-apps-integration"] h3 {
    border-color: #00AAD2;
}

[data-class="brand-clarity"] h3 {
    border-color: #E923B2;
}

.feature-project-wrapper {
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    margin: 20px;
}

.feature-project-wrapper:hover {
    opacity: 0.8;
}

[data-class="featured-project"] td {
    height: 388px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 20px 20px 30px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
}

.featured-project-wrapper-slider>.feature-project-wrapper {
    opacity: 0;
}

#tinymce .featured-project-wrapper-slider>.feature-project-wrapper {
    opacity: 1;
}

.featured-project-wrapper-slider [data-class="featured-project"] td {
    height: 480px;
}

[data-class="featured-project"] td::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

[data-class="featured-project"] td * {
    position: relative;
}

/* Inner Page Hero */
/* Web Design Service */

[data-block--hid="g8rpzjnnKxjmK5YW"].inner-page-hero {
    position: relative;
}

[data-block--hid="g8rpzjnnKxjmK5YW"].inner-page-hero::after {
    content: url(../images/webdesign-business.png);
    z-index: 0;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

[data-block--hid="g8rpzjnnKxjmK5YW"].inner-page-hero .block-content {
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 1670px) {
    [data-class~="margin-left-negative"] {
        margin-left: -70px;
    }

    [data-class~="margin-right-negative"] {
        margin-left: 70px;
    }
}


@media only screen and (max-width: 1115px) {
    [data-class~="featured-services-wrapper"]>tbody>tr {
        flex-wrap: wrap;
    }

    [data-class~="featured-services-wrapper"][data-class~="fs-two-column"] td,
    [data-class~="featured-services-wrapper"][data-class~="fs-four-column"] td {
        width: 48% !important;
    }

}

@media only screen and (max-width: 767px) {
    [data-class~="featured-services-wrapper"][data-class~="fs-two-column"] td {
        width: 100% !important;
    }
}

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

    [data-class~="featured-services-wrapper"][data-class~="fs-two-column"] td,
    [data-class~="featured-services-wrapper"][data-class~="fs-four-column"] td {
        width: 100% !important;
    }

    .feature-project-wrapper {
        margin: 5px;
    }
}


/* ==
Animations
== */

[class*="ani_"] {
    opacity: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.animate__animated {
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    [class*="ani_"] {
        opacity: 1 !important;
    }
}


/* ==
Block Backgrounds
== */

/* Hero */

.block.hero {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

[data-nav--hid="GdwmyBo292v28Aeb"] .block.hero {
    background-color: var(--black);
    padding: 20rem 0;
}

/* Black */

.block.bg-dark {
    background-color: transparent;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

[data-nav--hid="GdwmyBo292v28Aeb"] .block.bg-dark {
    background-color: var(--color-primary);
}

/* Grey */

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

/* White */

.block.bg-white {
    background-color: var(--white);
}

/* Overrides Quick Patch */

[data-nav--hid="GdwmyBo292v28Aeb"] .block.block-alignment-background-fullscreen {
    padding-top: 0;
    padding-bottom: 0;
}

[data-nav--hid="GdwmyBo292v28Aeb"] .block {
    margin-top: 0;
    margin-bottom: 0;
}

/* ==
Block Backgrounds - Enable Auto Fullwidth by background class
== */

/* Left Sidebar */

@media screen and (min-width: 1181px) {

    /* bg full, content full */
    /* body.with-sidebar .zone-main .block[class*="bg-"],
    body.with-sidebar .zone-main .block.hero {
        margin-left: calc(-50vw + 270px);
        margin-right: calc(-50vw + 563px);
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar .zone-main .block[class*="bg-"]:not(.block-alignment-content-fullscreen)>*,
    body.with-sidebar .zone-main .block.hero:not(.block-alignment-content-fullscreen)>* {
        margin-left: calc(50vw - 270px);
        margin-right: calc(50vw - 563px);
    } */

    /* bg boxed, content full */
    /* body.with-sidebar .zone-main .block-alignment-content-fullscreen:not(.block[class*="bg-"])>*,
    body.with-sidebar .zone-main .block-alignment-content-fullscreen:not(.block.hero)>* {
        margin-left: calc(-50vw + 270px);
        margin-right: calc(-50vw + 563px);
        overflow-x: hidden;
    } */
}

@media screen and (min-width: 768px) and (max-width: 1180px) {

    /* bg full, content full */
    /* body.with-sidebar .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: calc(-25vw - 26px);
        margin-right: calc(-30px);
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: calc(25vw + 26px);
        margin-right: calc(+30px);
    } */

    /* bg boxed, content full */
    /* body.with-sidebar .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: calc(-25vw - 26px);
        margin-right: calc(-30px);
        overflow-x: hidden;
    } */
}

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

    /* bg full, content full */
    /* body.with-sidebar .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: -30px;
        margin-right: -30px;
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: 30px;
        margin-right: 30px;
    } */

    /* bg boxed, content full */
    /* body.with-sidebar .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: -30px;
        margin-right: -30px;
        overflow-x: hidden;
    } */
}

/* Right Sidebar */

@media screen and (min-width: 1181px) {

    /* bg full, content full */
    /* body.with-sidebar.right-sidebar .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: calc(-50vw + 563px);
        margin-right: calc(-50vw + 270px);
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar.right-sidebar .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: calc(50vw - 563px);
        margin-right: calc(50vw - 270px);
    } */

    /* bg boxed, content full */
    /* body.with-sidebar.right-sidebar .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: calc(-50vw + 563px);
        margin-right: calc(-50vw + 270px);
        overflow-x: hidden;
    } */
}

@media screen and (min-width: 768px) and (max-width: 1180px) {

    /* bg full, content full */
    /* body.with-sidebar.right-sidebar .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: calc(-30px);
        margin-right: calc(-25vw - 26px);
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar.right-sidebar .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: calc(+30px);
        margin-right: calc(25vw + 26px);
    } */

    /* bg boxed, content full */
    /* body.with-sidebar.right-sidebar .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: calc(-30px);
        margin-right: calc(-25vw - 26px);
        overflow-x: hidden;
    } */
}

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

    /* bg full, content full */
    /* body.with-sidebar.right-sidebar .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: -30px;
        margin-right: -30px;
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar.right-sidebar .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: 30px;
        margin-right: 30px;
    } */

    /* bg boxed, content full */
    /* body.with-sidebar.right-sidebar .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: -30px;
        margin-right: -30px;
        overflow-x: hidden;
    } */
}

/* Three Column */

@media screen and (min-width: 1181px) {

    /* bg full, content full */
    /* body.with-sidebar.with-extra-sidebar .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: calc(-50vw + 255px);
        margin-right: calc(-50vw + 266px);
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar.with-extra-sidebar .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: calc(50vw - 255px);
        margin-right: calc(50vw - 266px);
    } */

    /* bg boxed, content full */
    /* body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: calc(-50vw + 255px);
        margin-right: calc(-50vw + 266px);
        overflow-x: hidden;
    } */
}

@media screen and (min-width: 768px) and (max-width: 1180px) {

    /* bg full, content full */
    /* body.with-sidebar.with-extra-sidebar .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: calc(-25vw - 41px);
        margin-right: calc(-25vw - 32px);
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar.with-extra-sidebar .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: calc(25vw + 41px);
        margin-right: calc(25vw + 32px);
    } */

    /* bg boxed, content full */
    /* body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: calc(-25vw - 41px);
        margin-right: calc(-25vw - 32px);
        overflow-x: hidden;
    } */
}

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

    /* bg full, content full */
    /* body.with-sidebar.with-extra-sidebar .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: -45px;
        margin-right: -45px;
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar.with-extra-sidebar .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: 45px;
        margin-right: 45px;
    } */

    /* bg boxed, content full */
    /* body.with-sidebar.with-extra-sidebar .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: -45px;
        margin-right: -45px;
        overflow-x: hidden;
    } */
}

/* Fullwidth */

@media screen and (min-width: 1181px) {

    /* bg full, content full */
    /* body.fullwidth .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: calc(-50vw + 578px);
        margin-right: calc(-50vw + 578px);
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.fullwidth .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: calc(50vw - 578px);
        margin-right: calc(50vw - 578px);
    } */

    /* body.fullwidth .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>:is(.block-title[class*="center"], .block-summary[class*="center"]) {
        margin-left: auto;
        margin-right: auto;
    } */

    /* bg boxed, content full */
    /* body.fullwidth .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: calc(-50vw + 578px);
        margin-right: calc(-50vw + 578px);
        overflow-x: hidden;
    } */
}

@media screen and (min-width: 768px) and (max-width: 1180px) {

    /* bg full, content full */
    /* body.fullwidth .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.fullwidth .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: 15px;
        margin-right: 15px;
    } */

    /* bg boxed, content full */
    /* body.fullwidth .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: hidden;
    } */
}

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

    /* bg full, content full */
    /* body.fullwidth .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.fullwidth .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: 15px;
        margin-right: 15px;
    } */

    /* bg boxed, content full */
    /* body.fullwidth .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: hidden;
    } */
}

/* Fullscreen */

@media screen and (min-width: 1181px) {

    /* bg full, content full */
    /* body.fullscreen .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: calc(-50vw + 578px);
        margin-right: calc(-50vw + 578px);
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.fullscreen .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: calc(50vw - 578px);
        margin-right: calc(50vw - 578px);
    } */

    /* bg boxed, content full */
    /* body.fullscreen .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: calc(-50vw + 578px);
        margin-right: calc(-50vw + 578px);
        overflow-x: hidden;
    } */
}

@media screen and (min-width: 768px) and (max-width: 1180px) {

    /* bg full, content full */
    /* body.fullscreen .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.fullscreen .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: 15px;
        margin-right: 15px;
    } */

    /* bg boxed, content full */
    /* body.fullscreen .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: hidden;
    } */
}

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

    /* bg full, content full */
    /* body.fullscreen .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.fullscreen .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: 15px;
        margin-right: 15px;
    } */

    /* bg boxed, content full */
    /* body.fullscreen .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: hidden;
    } */
}

/* Landing */

@media screen and (min-width: 1181px) {

    /* bg full, content full */
    /* body.with-sidebar.landing-page .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: calc(-50vw + 563px);
        margin-right: calc(-50vw + 563px);
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar.landing-page .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: calc(50vw - 563px);
        margin-right: calc(50vw - 563px);
    } */

    /* bg boxed, content full */
    /* body.with-sidebar.landing-page .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: calc(-50vw + 563px);
        margin-right: calc(-50vw + 563px);
        overflow-x: hidden;
    } */
}

@media screen and (min-width: 768px) and (max-width: 1180px) {

    /* bg full, content full */
    /* body.with-sidebar.landing-page .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: -30px;
        margin-right: -30px;
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar.landing-page .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: 30px;
        margin-right: 30px;
    } */

    /* bg boxed, content full */
    /* body.with-sidebar.landing-page .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: -30px;
        margin-right: -30px;
        overflow-x: hidden;
    } */
}

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

    /* bg full, content full */
    /* body.with-sidebar.landing-page .zone-main :is(.block[class*="bg-"], .block.hero) {
        margin-left: -30px;
        margin-right: -30px;
        overflow-x: hidden;
    } */

    /* bg full, content boxed */
    /* body.with-sidebar.landing-page .zone-main :is(.block[class*="bg-"], .block.hero):not(.block-alignment-content-fullscreen)>* {
        margin-left: 30px;
        margin-right: 30px;
    } */

    /* bg boxed, content full */
    /* body.with-sidebar.landing-page .zone-main .block-alignment-content-fullscreen:not(:is(.block[class*="bg-"], .block.hero))>* {
        margin-left: -30px;
        margin-right: -30px;
        overflow-x: hidden;
    } */
}



/* ==
Browse Team - Minor section layout to feature team link
== */

div[data-class~="browse-team"] {
    display: flex;
    align-items: center;
    gap: var(--spacing);
}

div[data-class~="browse-team"]>img {
    max-width: 5rem;
    height: auto;
}

div[data-class~="browse-team"]>a {
    margin: 0 !important;
}

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

    div[data-class~="browse-team"] {
        flex-wrap: wrap;
        justify-content: center;
    }

    div[data-class~="browse-team"]>a {
        margin: 0 auto !important;
    }

}

/* ==
Metrics - Used to accentuate highlighted metrics
== */

p[data-class~="metrics"] {
    display: flex;
    align-items: center;
    gap: var(--spacing);
}

p[data-class~="metrics"]>[data-class="metric"] {
    display: flex;
    align-items: flex-end;
    gap: var(--spacing-smaller);
}

p[data-class~="metrics"]>[data-class="metric"]>[data-class="value"] {
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-display-large);
    color: var(--black);
}

p[data-class~="metrics"]>[data-class="metric"]>[data-class="caption"] {
    position: relative;
    top: 0.25em;
    font-weight: var(--font-weight-bold);
    color: var(--black);
}

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

    p[data-class~="metrics"]>[data-class="metric"]>[data-class="value"] {
        font-size: var(--font-size-display-small);
    }

    p[data-class~="metrics"]>[data-class="metric"]>[data-class="caption"] {
        font-size: var(--font-size-small);
    }

}

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

    p[data-class~="metrics"] {
        flex-direction: column;
        align-items: flex-start;
    }

}


/* ==
Work Sample - Hero - Initial header section for work sample pages
== */

table[data-class="work_sample-hero"] {
    position: absolute;
    inset: 0;
    width: 100vw !important;
    height: 100%;
    margin: 0 auto;
}

table[data-class="work_sample-hero"] td {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    isolation: isolate;
    height: 100%;
    padding: var(--spacing-large);
    background-size: cover;
    background-position: center;
}

[data-nav--hid="GdwmyBo292v28Aeb"] [data-block--hid="526D94PKrGQyLvXV"]::before {
    pointer-events: none;
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgb(10, 10, 10);
    background: -moz-linear-gradient(0deg, rgba(10, 10, 10, 1) 0%, rgba(10, 10, 10, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(10, 10, 10, 1) 0%, rgba(10, 10, 10, 0) 100%);
    background: linear-gradient(0deg, rgba(10, 10, 10, 1) 0%, rgba(10, 10, 10, 0) 100%);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

table[data-class="work_sample-hero"] td>* {
    width: 100% !important;
    max-width: var(--page-content_width);
    margin-left: auto !important;
    margin-right: auto !important;
}

table[data-class="work_sample-hero"] td h1 {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: var(--spacing-small);
    color: var(--white);
    font-size: var(--font-size-display-large);
    font-weight: var(--font-weight-bold);
    margin: 0 0 var(--spacing-larger);
}

table[data-class="work_sample-hero"] td h1>span[data-class="date"] {
    color: var(--black);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-small);
    padding: var(--spacing-smaller) var(--spacing) var(--spacing-smallest);
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
    background-color: rgba(255, 255, 255, 0.5);
}

table[data-class="work_sample-hero"] td p {
    color: var(--white) !important;
}

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

    table[data-class="work_sample-hero"] td {
        padding: var(--spacing-large) var(--spacing);
    }

}

/* ==
Work Sample - Header - Initial content header section for work samples
== */

table[data-class~="work_sample"][data-class~="header"] div[data-class="browse-team"] {
    display: flex;
    flex-wrap: wrap;
    max-width: 20rem;
}


table[data-class~="work_sample"][data-class~="header"] div[data-class="browse-team"] p::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    background-color: var(--color-primary);
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    z-index: 0;
}

table[data-class~="work_sample"][data-class~="header"] div[data-class="browse-team"] p {
    display: inline-block;
    width: 50px;
    margin-bottom: 0 !important;
    position: relative;
    clip-path: circle(50% at center);
}

table[data-class~="work_sample"][data-class~="header"] div[data-class="browse-team"] p img {
    position: relative;
    z-index: 1;
}

table[data-class~="work_sample"][data-class~="header"] div[data-class="browse-team"] p.private::before {
    display: none !important;
}


body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) {
    max-width: 100%;
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) div[data-class="sample-lists"] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--spacing-larger) var(--spacing);
    margin: var(--spacing-largest) 0;
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) div[data-class="sample-lists"] ul>li::before {
    display: none !important;
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) ul {
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-small);
    list-style: none;
    max-width: 28rem;
    padding: 0;
    margin: 0;
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) ul>li {
    color: var(--grey-darkest);
    line-height: var(--line-height-small);
    padding: var(--spacing-small) var(--spacing) var(--spacing-smaller);
    border: var(--border-solid) var(--grey);
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) ul>li[data-class="list-header"] {
    color: var(--grey-darker);
    font-weight: var(--font-weight-bold);
    padding: 0;
    border: none;
    flex: 1 1 100%;
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) p[data-class="cta-link"]>a {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    isolation: isolate;
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    max-width: 22.5rem;
    margin: var(--spacing-large) 0;
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) p[data-class="cta-link"]>a::before,
body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) p[data-class="cta-link"]>a::after {
    display: block;
    position: absolute;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) p[data-class="cta-link"]>a::before {
    content: '';
    inset: auto 0 auto auto;
    width: 4.3rem;
    height: 4.3rem;
    border: var(--border-solid) var(--color-primary);
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
    background-color: var(--color-primary);
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) p[data-class="cta-link"]>a::after {
    content: '\f4b6';
    color: var(--white);
    font-family: var(--font-family-icon);
    inset: auto var(--spacing) auto auto;
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) p[data-class="cta-link"]>a:is(:hover, :focus, :focus-visible) {
    text-decoration: none;
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) p[data-class="cta-link"]>a:is(:hover, :focus, :focus-visible)::before {
    background-color: transparent;
}

body.body table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(1) p[data-class="cta-link"]>a:is(:hover, :focus, :focus-visible)::after {
    color: var(--color-primary);
}

@media only screen and (min-width: 768px) {

    table[data-class~="work_sample"][data-class~="header"] tr>td:nth-child(2) {
        max-width: 38rem;
        padding-left: var(--spacing-largest);
        border-left: var(--border-solid) var(--grey-lighter);
    }

}

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

    table[data-class~="work_sample"][data-class~="header"] div[data-class="browse-team"] {
        justify-content: flex-start;
    }

}

/* ==
Work Sample - Content Snippets - General purpose re-usable layouts for information regarding a work sample
== */

/* Basic Message */

table[data-class~="work_sample"][data-class~="basic_message"] {
    min-height: 22rem;
}

table[data-class~="work_sample"][data-class~="basic_message"] td :is(h1, h2, h3, h4, h5, h6) {
    color: var(--grey-darker);
    font-size: var(--font-size-largest);
    font-weight: var(--font-weight-bold);
    margin: 0 0 var(--spacing);
}

table[data-class~="work_sample"][data-class~="basic_message"] td p {
    /* font-size: var(--font-size-large); */
    max-width: 70rem;
}

.block.bg-dark table[data-class~="work_sample"][data-class~="basic_message"] td :is(h1, h2, h3, h4, h5, h6) {
    color: var(--grey) !important;
}

.block.bg-dark table[data-class~="work_sample"][data-class~="basic_message"] td p {
    color: var(--white) !important;
}

/* Fullwidth Image */

table[data-class~="work_sample"][data-class~="fullwidth_image"] {
    width: 100vw !important;
    margin: 0 auto;
}

table[data-class~="work_sample"][data-class~="fullwidth_image"] td * {
    line-height: 0;
    width: 100%;
}

table[data-class~="work_sample"][data-class~="fullwidth_image"] td img {
    width: 100%;
    /* height: 34rem; */
    object-fit: cover;
    object-position: center top;
}

@media only screen and (min-width: 2400px) {

    table[data-class~="work_sample"][data-class~="fullwidth_image"] td img {
        height: 54rem;
    }

}

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

    table[data-class~="work_sample"][data-class~="fullwidth_image"] td img {
        height: 22rem;
    }

    table[data-class~="work_sample"][data-class~="fullwidth_image"] td[data-class="position-left"] img {
        object-position: left;
    }

    table[data-class~="work_sample"][data-class~="fullwidth_image"] td[data-class="position-right"] img {
        object-position: right;
    }

}

/* Featured Lists */

#tinymce table[data-class~="work_sample"][data-class~="featured_lists"] tr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing);
}

table[data-class~="work_sample"][data-class~="featured_lists"] tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-larger);
}

table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(1) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--grey-darker);
    font-size: var(--font-size-largest);
    font-weight: var(--font-weight-bold);
    margin: 0 0 var(--spacing);
}

table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(1) p {
    /* font-size: var(--font-size-large); */
}

.block.bg-dark table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(1) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--grey) !important;
}

.block.bg-dark table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(1) p {
    color: var(--white) !important;
}

body.body table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-larger);
}

body.body table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(2) ul {
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-small);
    list-style: none;
    max-width: 28rem;
    padding: 0;
    margin: 0;
}

body.body table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(2) ul>li {
    color: var(--grey-darkest);
    line-height: var(--line-height-small);
    padding: var(--spacing-small) var(--spacing) var(--spacing-smaller);
    border: var(--border-solid) var(--grey);
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
}

body.body table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(2) ul>li[data-class="list-header"] {
    color: var(--grey-darker);
    font-weight: var(--font-weight-bold);
    padding: 0;
    border: none;
    flex: 1 1 100%;
}

body.body table[data-class~="work_sample"][data-class~="featured_lists"] ul li::before {
    display: none !important;
}

@media only screen and (min-width: 768px) {

    table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(1) p {
        max-width: 70rem;
    }

    table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(2) {
        max-width: 38rem;
        padding-left: var(--spacing-largest);
        border-left: var(--border-solid) var(--grey-lighter);
    }

}

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

    table[data-class~="work_sample"][data-class~="featured_lists"] tr {
        flex-direction: column;
    }

    table[data-class~="work_sample"][data-class~="featured_lists"] tr::after {
        content: '';
        order: 2;
        display: block;
        width: 100%;
        height: 1px;
        background-color: var(--grey-light);
    }

    table[data-class~="work_sample"][data-class~="featured_lists"] td {
        width: 100%;
        max-width: 100%;
    }

    table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(1) {
        order: 1;
    }

    table[data-class~="work_sample"][data-class~="featured_lists"] tr>td:nth-child(2) {
        order: 3;
    }

}

/* Card Header + List */

table[data-class~="work_sample"][data-class~="card-header"] td :is(h1, h2, h3, h4, h5, h6) {
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-bold);
    max-width: 70rem;
    margin: 0 0 var(--spacing);
}

table[data-class~="work_sample"][data-class~="card-header"] td :is(h1, h2, h3, h4, h5, h6)>strong {
    color: var(--color-primary);
}

table[data-class~="work_sample"][data-class~="card-header"] td p {
    /* font-size: var(--font-size-large); */
    max-width: 70rem;
}

table[data-class~="work_sample"][data-class~="card-list"] {
    margin: var(--spacing-large) 0 0;
}

table[data-class~="work_sample"][data-class~="card-list"] tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing);
}

table[data-class~="work_sample"][data-class~="card-list"] td {
    align-self: stretch;
    /* flex: 1 1 28rem; */
    flex: 1 1 70rem;
    width: auto !important;
    padding: var(--spacing-larger) var(--spacing-large);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

table[data-class~="work_sample"][data-class~="card-list"] td :is(h1, h2, h3, h4, h5, h6) {
    font-size: var(--font-size-largest);
    font-weight: var(--font-weight-bold);
    margin: 0 0 var(--spacing);
}

table[data-class~="work_sample"][data-class~="card-list"] td p {
    font-size: var(--font-size-largest);
}

/* Display Message */

table[data-class~="work_sample"][data-class~="display_message"] {
    min-height: 22rem;
}

table[data-class~="work_sample"][data-class~="display_message"] td :is(h1, h2, h3, h4, h5, h6) {
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-bold);
    max-width: 34rem;
    margin: 0 0 var(--spacing);
}

table[data-class~="work_sample"][data-class~="display_message"] td :is(h1, h2, h3, h4, h5, h6)>strong {
    color: var(--color-primary);
}

table[data-class~="work_sample"][data-class~="display_message"] td p {
    font-size: var(--font-size-large);
    max-width: 42rem;
}

/* Split Images */

table[data-class~="work_sample"][data-class~="split_image"] {
    width: 100vw !important;
    margin: 0 auto;
}

table[data-class~="work_sample"][data-class~="split_image"] tr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

table[data-class~="work_sample"][data-class~="split_image"] td * {
    line-height: 0;
    width: 100%;
}

table[data-class~="work_sample"][data-class~="split_image"] td img {
    width: 100%;
    height: 34rem;
    object-fit: cover;
    object-position: center;
}

@media only screen and (min-width: 2400px) {

    table[data-class~="work_sample"][data-class~="split_image"] td img {
        height: 54rem;
    }

}

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

    table[data-class~="work_sample"][data-class~="split_image"] tr {
        display: flex;
        flex-direction: column;
    }

    table[data-class~="work_sample"][data-class~="split_image"] td img {
        height: 22rem;
    }

    table[data-class~="work_sample"][data-class~="split_image"] td[data-class="position-left"] img {
        object-position: left;
    }

    table[data-class~="work_sample"][data-class~="split_image"] td[data-class="position-right"] img {
        object-position: right;
    }

}

/* Split Basic Message */

table[data-class~="work_sample"][data-class~="split_basic_message"] {
    width: 100vw !important;
    margin: 0 auto;
}

table[data-class~="work_sample"][data-class~="split_basic_message"] tr {
    position: relative;
    isolation: isolate;
    z-index: 1;
}

table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(1) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--grey-darker);
    font-size: var(--font-size-largest);
    font-weight: var(--font-weight-bold);
    margin: 0 0 var(--spacing);
}

table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(1) p {
    /* font-size: var(--font-size-large); */
    max-width: 70rem;
}

table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(2) * {
    line-height: 0;
    width: 100%;
}

table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(2) img {
    width: 100%;
    /* height: 34rem; */
    object-fit: cover;
    object-position: center;
}

@media only screen and (min-width: 2400px) {

    table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(2) img {
        height: 54rem;
    }

}

@media only screen and (max-width: 1400px) and (min-width: 768px) {

    table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(1) {
        padding-left: var(--spacing);
    }

    table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(1)>* {
        max-width: calc(50% - 4rem) !important;
    }

}

@media only screen and (min-width: 768px) {

    table[data-class~="work_sample"][data-class~="split_basic_message"] tr {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
    }

    table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(1) {
        position: absolute;
        /* left: 50%;
        transform: translateX(-50%); */
        width: 100%;
        max-width: var(--page-content_width);
    }

    table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(2) {
        grid-column: 2 / span 1;
    }

}

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

    table[data-class~="work_sample"][data-class~="split_basic_message"] tr {
        display: flex;
        flex-direction: column;
    }

    table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(1) {
        padding: 100px var(--spacing);
    }

    table[data-class~="work_sample"][data-class~="split_basic_message"] tr>td:nth-child(2) img {
        height: 22rem;
    }

    table[data-class~="work_sample"][data-class~="split_basic_message"] td[data-class="position-left"] img {
        object-position: left;
    }

    table[data-class~="work_sample"][data-class~="split_basic_message"] td[data-class="position-right"] img {
        object-position: right;
    }

}

/* Split Display Message */

table[data-class~="work_sample"][data-class~="split_display_message"] {
    width: 100vw !important;
    margin: 0 auto;
}

table[data-class~="work_sample"][data-class~="split_display_message"] tr {
    position: relative;
    isolation: isolate;
    z-index: 1;
}

table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(1) :is(h1, h2, h3, h4, h5, h6) {

    font-weight: var(--font-weight-bold);
    max-width: 34rem;
    margin: 0 0 var(--spacing);
}

table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(1) :is(h1, h2, h3, h4, h5, h6)>strong {
    color: var(--color-primary);
}

table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(1) p {
    font-size: var(--font-size-large);
    max-width: 42rem;
}

table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(2) * {
    line-height: 0;
    width: 100%;
}

table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(2) img {
    width: 100%;
    height: 50rem;
    object-fit: cover;
    object-position: center;
}

@media only screen and (min-width: 2400px) {

    table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(2) img {
        height: 54rem;
    }

}

@media only screen and (max-width: 1400px) and (min-width: 768px) {

    table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(1) {
        padding-left: var(--spacing);
    }

    table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(1)>* {
        max-width: calc(50% - 4rem) !important;
    }

}

@media only screen and (min-width: 768px) {

    table[data-class~="work_sample"][data-class~="split_display_message"] tr {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
    }

    table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(1) {
        position: absolute;
        /* left: 50%;
        transform: translateX(-50%); */
        width: 100%;
        max-width: var(--page-content_width);
    }

    table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(2) {
        grid-column: 2 / span 1;
    }

}

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

    table[data-class~="work_sample"][data-class~="split_display_message"] tr {
        display: flex;
        flex-direction: column;
    }

    table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(1) {
        padding: 100px var(--spacing);
    }

    table[data-class~="work_sample"][data-class~="split_display_message"] tr>td:nth-child(2) img {
        height: 22rem;
    }

    table[data-class~="work_sample"][data-class~="split_display_message"] td[data-class="position-left"] img {
        object-position: left;
    }

    table[data-class~="work_sample"][data-class~="split_display_message"] td[data-class="position-right"] img {
        object-position: right;
    }

}



/* ==
Featured CTA - Simple one column layout to highlight a featured CTA
== */

/* Layout */

table[data-class~="featured-cta"] {
    width: 100vw !important;
    margin: 0 auto;
}

table[data-class~="featured-cta"]>tbody>tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 22rem;
}

table[data-class~="featured-cta"]>tbody>tr>td {
    padding: var(--spacing);
}

@media only screen and (min-width: 768px) {

    table[data-class~="featured-cta"] {
        margin: 6rem auto;
    }

}

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

    table[data-class~="featured-cta"]>tbody>tr {
        flex-direction: column;
        gap: var(--spacing-large);
    }

}

/* Images */

table[data-class~="featured-cta"]>tbody>tr>td:is(:nth-child(1), :nth-child(3)) {
    /* Image containers */
    align-self: stretch;
    flex: 1 1 30rem;
    position: relative;
    z-index: 1;
    isolation: isolate;
}

table[data-class~="featured-cta"]>tbody>tr>td:is(:nth-child(1), :nth-child(3))>p {
    margin: 0;
    position: absolute;
}

table[data-class~="featured-cta"]>tbody>tr>td:is(:nth-child(1), :nth-child(3))>p>img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(1)>p:nth-child(1) {
    inset: 0 auto auto 0;
    width: 14rem;
    height: 14rem;
}

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(1)>p:nth-child(1)>img {
    border-top-right-radius: 8rem;
}

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(1)>p:nth-child(2) {
    inset: auto auto -3rem 4rem;
    width: 10rem;
    height: 10rem;
}

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(1)>p:nth-child(2)>img {
    border-bottom-right-radius: 6rem;
}

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(3)>p:nth-child(1) {
    inset: -3rem 0 auto auto;
    width: 10rem;
    height: 10rem;
}

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(3)>p:nth-child(1)>img {
    border-top-left-radius: 6rem;
}

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(3)>p:nth-child(2) {
    inset: auto 0 0 auto;
    width: 14rem;
    height: 14rem;
}

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(3)>p:nth-child(2)>img {
    border-bottom-left-radius: 8rem;
}

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

    table[data-class~="featured-cta"]>tbody>tr>td:is(:nth-child(1), :nth-child(3)) {
        display: none;
    }

}

/* Message */

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(2) {
    flex: 1 1;
    max-width: 500px;
    min-width: 500px;
    text-align: center;
}

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(2) h2 {
    /* font-size: var(--font-size-display); */
    font-weight: var(--font-weight-bold);
}

table[data-class~="featured-cta"]>tbody>tr>td:nth-child(2) h2>strong {
    color: var(--color-primary);
}

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

    table[data-class~="featured-cta"]>tbody>tr>td:nth-child(2) {
        width: 100%;
        max-width: 500px;
        min-width: auto;
    }

}

select {
    font-size: var(--font-size-normal) !important;
}



/* ==
[2025] General Overrides
== */

.block-stats a.sui-sf-c-btn.sui-sf-c-btn--secondary {
    display: flex;
    padding: 13px 31px;
    align-items: center;
    appearance: none;
    background-image: radial-gradient(100% 100% at 100% 0, #00ffa2 0, #3545af 100%);
    border: 0;
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s, transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow, transform;
    font-size: 18px;
}

.block-stats a.sui-sf-c-btn.sui-sf-c-btn--secondary::after {
    position: relative;
    display: none;
}

/* 
.block-stats a.sui-sf-c-btn.sui-sf-c-btn--secondary:hover {
    color: #ffffff;
    background-color: #0d1398;
    border: 1px solid transparent;
} */


.block-stats a.sui-sf-c-btn.sui-sf-c-btn--secondary:focus {
    box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.block-stats a.sui-sf-c-btn.sui-sf-c-btn--secondary:hover {
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
    transform: translateY(-2px);
}

.block-stats a.sui-sf-c-btn.sui-sf-c-btn--secondary:active {
    box-shadow: #3c4fe0 0 3px 7px inset;
    transform: translateY(2px);
}



/* ==
[2025] Hero Block Display
== */

.sui-sf-sitetree-homepage .block-hero-display {}

.block-hero-display h1 {
    max-width: none !important;
}

.block-hero-display h1 a {
    color: white;
}

.block-hero-display h1 a:hover {
    color: #0ebcc8;
}

.override_notification {
    display: none !important;
}

.block-hero-display {
    background-size: cover;
    background-position: center;
    position: relative;
}

/* .sui-sf-sitetree-homepage .block-hero-display {
    padding: 14rem 0 9rem !important;
    margin-top: -106px;
} */
@media only screen and (min-width: 768px) {
    .sui-sf-sitetree-homepage .page-header-wrapper .top-site-header {
        background-color: transparent;
    }

    .sui-sf-sitetree-homepage .page-header-wrapper.sticky-header {
        background-color: white;
    }

    /* 
    .sui-sf-sitetree-homepage .primary-nav .navbar-collapse .nav>li>a {
        color: white;
    } */

    /* .sui-sf-sitetree-homepage .navbar-default .navbar-nav>.dropdown:not(.active)>a .caret,
    .sui-sf-sitetree-homepage .navbar-default .navbar-nav>.dropdown:not(.active)>a:hover .caret {
        border-bottom-color: #FFF;
        border-top-color: #FFF;
    } */

    .sui-sf-sitetree-homepage .page-header-wrapper.sticky-header .navbar-collapse .nav>li>a {
        color: black;
    }

    .sui-sf-sitetree-homepage .page-header-wrapper.sticky-header .primary-nav .navbar-collapse .navbar-nav>li>a[href="/get-a-quote"] {
        color: white;
    }

    .sui-sf-sitetree-homepage .page-header-wrapper.sticky-header .navbar-default .navbar-nav>.dropdown:not(.active)>a .caret,
    .sui-sf-sitetree-homepage .page-header-wrapper.sticky-header .navbar-default .navbar-nav>.dropdown:not(.active)>a:hover .caret {
        border-bottom-color: #000;
        border-top-color: #000;
    }

}


.block-hero-display .block-content {
    max-width: 1170px !important;
}

.block-hero-display::before {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    /* background-color: #005e88; */
    background-color: #000;
    filter: opacity(.2);
    -webkit-filter: opacity(.2);
}

.block-hero-display .block-content {
    position: relative;
}

.block-hero-display table[data-class~="home-hero"] td>:is(h1, h2, h3, h4, h5, h6, p, a) {
    color: var(--white);
}

/* .block-hero-display table[data-class~="home-hero"] td>:is(h1,h2,h3,h4,h5,h6) {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
} */

.block-hero-display table[data-class~="home-hero"] td>:is(h1, h2, h3) {
    font-size: var(--font-size-display-large);
    font-weight: var(--font-weight-bold);
}

/* .block-hero-display table[data-class~="home-hero"] td>p {
    max-width: 34rem;
    margin-left: auto;
    margin-right: auto;
} */

.block-hero-display table[data-class~="home-hero"] td>:is(p, a) {
    font-size: var(--font-size-large);
}

.block-hero-display table[data-class~="home-hero"] td *:is(b, strong) {
    color: #0ebcc8;
}

.block-hero-display table[data-class~="home-hero"] td>p[data-class="hero-link"]>a {
    background: #ff416c;
    background: -webkit-linear-gradient(to left, #ff4b2b, #ff416c);
    background: linear-gradient(to left, #ff4b2b, #ff416c);
    color: #fff !important;
    border: 1px solid transparent !important;
    -webkit-box-shadow: -7px 11px 31px -17px rgba(0, 0, 0, .75);
    -moz-box-shadow: -7px 11px 31px -17px rgba(0, 0, 0, .75);
    box-shadow: -7px 11px 31px -17px rgba(0, 0, 0, .75);
    font-family: 'F37 Ginger', sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    white-space: normal;
    cursor: pointer;
    border-radius: var(--border-radius-full);
    border: 1px solid transparent !important;
    padding: 10px 43px 10px 15px;
    transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
    -moz-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
    -ms-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
    -o-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
}


.block-hero-display table[data-class~="home-hero"] td>p[data-class="hero-link"]>a::before {
    display: none;
}

.block-hero-display table[data-class~="home-hero"] td>p[data-class="hero-link"]>a::before,
.block-hero-display table[data-class~="home-hero"] td>p[data-class="hero-link"]>a::after {
    display: block;
    position: absolute;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-hero-display table[data-class~="home-hero"] td>p[data-class="hero-link"]>a::after {
    content: '\f061';
    color: white;
    font-family: var(--font-family-icon);
    font-size: var(--font-size-small);
    inset: auto 1.2em auto auto;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    margin-top: -25px;
    background-image: none !important;
}

*/
/* ==
Block Stats
== */

.block-stats {
    margin-top: 0;
    margin-bottom: 0;
}

.block-stats .Counter__CounterComponent-sc-16b68p3-0.eLsRId {
    font-size: 2.5rem;
    color: #0ebcc8;
}

.block-stats [data-class*="browse-team"] {
    margin: 20px 0;
}

.block-stats [data-class*="browse-team"] section {
    background-color: #0ebcc8;
    border-radius: var(--border-radius-full);
    width: 75px;
    height: 75px;
}

.block-stats [data-class*="browse-team"] section:hover:before {
    opacity: 1;
}

.block-stats [data-class*="browse-team"] section:before {
    position: absolute;
    font-size: 11px !important;
    background: rgb(0 0 0 / 65%);
    color: white;
    padding: 0px 11px;
    border-radius: 6px;
    margin-top: 46px;
    margin-left: 24px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    content: attr(data-person) '\A'attr(data-position) / "";
    white-space: pre-wrap;
    line-height: 1.2rem;
    width: 111px;
}

.block-stats [data-class*="browse-team"] section:nth-child(1) {}

.block-stats [data-class*="browse-team"] section:nth-child(2) {
    background-color: #0ec8ab;
}

.block-stats [data-class*="browse-team"] section:nth-child(3) {
    background-color: #dc7070;
}



.block-stats [data-class*="browse-team"] section img {
    object-fit: cover;
}

/* ==
Featured Home Samples
== */

.block.browse-our-work.featured-home .layout-grid {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 600px;
    flex-basis: 100%;
    flex: 2;
}

.block.browse-our-work.featured-home .layout-grid-row {
    color: white;
    margin: 0;
}

.block.browse-our-work.featured-home .list-item-datum-image {
    padding-bottom: 0;
    height: auto;
}

.block.browse-our-work.featured-home .list-item-datum-image a {
    position: relative;
    height: 100%;
    display: block;
    transition: all 0.4s ease-in-out 2s;
    -webkit-transition: all 0.4s ease-in-out 2s;
    -moz-transition: all 0.4s ease-in-out 2s;
    -ms-transition: all 0.4s ease-in-out 2s;
    -o-transition: all 0.4s ease-in-out 2s;
}

.block.browse-our-work.featured-home .list-item-datum-image>a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(100% 100% at 100% 0, rgb(0 0 0 / 20%) 0, rgba(0 0 0 / 20%) 100%);
}

.block.browse-our-work.featured-home .list-item-datum-image>a:hover::before {
    background: transparent;
    background-image: radial-gradient(100% 100% at 100% 0, rgb(5 0 255 / 69%) 0, rgba(53, 69, 175, 0) 100%);
}

.block.browse-our-work-category {
    display: none;
    visibility: hidden;
}

.block.browse-our-work.featured-home .list-item-datum-container {
    position: absolute;
    z-index: 1;
    bottom: 20px;
    background-color: transparent;
    text-align: left;
    left: 20px;
}

.block.browse-our-work.featured-home .list-item-datum-container a::before,
.block.browse-our-work.featured-home .list-item-datum-container a::after,
.block.browse-our-work.featured-home .list-item-article .list-item-datum-image a:after {
    display: none !important;
}

.block.browse-our-work.featured-home .list-item .cell .list-item-datum * {
    text-align: left !important;
    color: white !important;
}

.block.browse-our-work.featured-home .list-item .cell .list-item-datum .attribute_list td {
    background: transparent;
    border: 1px solid #bdbdbd;
    margin-right: 10px;
}

/* ==
Popup Content
== */

/* Hide Block */

.block.popup-block {
    display: none;
}

/* Defaults */

.closed [data-class~="popup-contents"] {
    pointer-events: none;
    filter: opacity(0);
    -webkit-filter: opacity(0);
    transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -moz-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    -o-transform: translateY(1rem);
}

[data-class~="popup-contents"] {
    pointer-events: all;
    overflow: scroll;
    width: 24rem !important;
    height: 18rem !important;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    background-color: var(--white);
    box-shadow: var(--box-shadow-large);
    filter: opacity(1);
    -webkit-filter: opacity(1);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

[data-class~="popup-contents"] td {
    display: block;
    padding: var(--spacing-large);
}

[data-class~="popup-contents"] h5 {
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    padding: 0 0 var(--spacing-small);
    margin: 0 0 var(--spacing-small);
    border-bottom: var(--border-solid) var(--grey-light);
}

[data-class~="popup-contents"] p {
    margin-bottom: var(--spacing);
}

[data-class~="popup-contents"] [data-class~="popup-navigation"] ul {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smaller);
    list-style: none;
    padding: 0;
    margin: 0;
}

[data-class~="popup-contents"] [data-class~="popup-navigation"] ul>li,
[data-class~="popup-contents"] a,
[data-class~="popup-contents"] button {
    display: block;
    color: var(--black);
    font-family: var(--font-family-body);
    font-size: var(--font-size-normal);
    line-height: var(--line-height-normal);
    text-align: center;
    width: 100%;
    padding: var(--spacing-smaller) var(--spacing-smaller) var(--spacing-smallest);
    border: var(--border-solid) var(--grey);
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
    background-color: transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

[data-class~="popup-contents"] [data-class~="popup-navigation"] ul>li:hover,
[data-class~="popup-contents"] a:is(:focus-visible, :focus, :hover) {
    cursor: pointer;
    color: var(--white);
    text-decoration: none;
    border-color: var(--black);
    background-color: var(--black);
}

[data-class~="popup-contents"] button {
    color: var(--grey-darkest);
    margin: var(--spacing-smaller) 0 0;
    border: var(--border-solid) var(--grey-lightest);
    background-color: var(--grey-lightest);
}

[data-class~="popup-contents"] button:is(:focus-visible, :focus, :hover) {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

/* Active Display */

[data-class~="popup-contents"] tbody {
    position: relative;
    isolation: isolate;
    z-index: 1;
}

[data-class~="popup-contents"] tbody>tr {
    position: absolute;
    inset: 0;
    pointer-events: none;
    filter: opacity(0);
    -webkit-filter: opacity(0);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

[data-class~="popup-contents"] tbody>tr.active {
    pointer-events: all;
    filter: opacity(1);
    -webkit-filter: opacity(1);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.popup-content-wrapper {
    position: fixed;
    z-index: 3;
    inset: auto var(--spacing) var(--spacing-larger) auto;
}

.popup-content-wrapper.closed table,
.popup-content-wrapper.closed table * {
    pointer-events: none !important;
    animation: popup-closed 0s forwards 0.2s;
    -webkit-animation: popup-closed 0s forwards 0.2s;
}

@keyframes popup-closed {
    0% {
        display: initial;
    }

    100% {
        display: none;
        position: absolute;
        left: 100vw;
    }
}

.popup-content-wrapper>div {
    position: relative;
    isolation: isolate;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: var(--spacing);
}

.popup-content-wrapper button.popup-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: var(--font-size-large);
    width: 3.5rem;
    height: 3.5rem;
    border: none;
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
    background-color: var(--color-primary);
    box-shadow: var(--box-shadow);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.popup-content-wrapper button.popup-toggle:is(:focus, :focus-visible, :hover) {
    background-color: var(--black);
}


.popup-content-wrapper.closed button.popup-toggle>i:nth-child(1),
.popup-content-wrapper button.popup-toggle>i:nth-child(2) {
    display: block;
}

.popup-content-wrapper button.popup-toggle>i:nth-child(1),
.popup-content-wrapper.closed button.popup-toggle>i:nth-child(2) {
    display: none;
}

.block-hero-display.nested_block .block-content-second tbody {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
    .block-hero-display.nested_block .block-content-second tbody>tr.short-field {
        width: 50%;
    }

    .block-hero-display.nested_block .block-content-second tbody>tr.short-field:nth-child(3),
    .block-hero-display.nested_block .block-content-second tbody>tr.short-field:nth-child(5) {
        padding-left: 10px;
    }
}

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

    .popup-content-wrapper {
        inset: auto var(--spacing) var(--spacing) auto;
    }

    .popup-content-wrapper>div {
        flex-direction: column;
    }

    [data-class~="popup-contents"] {
        width: calc(100vw - 2rem) !important;
    }

}

/* ==
Cell Image Toggle (Custom)
== */

.block.cell-image_toggle.active .block-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing--large)
}

.block.cell-image_toggle.active.cell_position-left .block-content>div:first-of-type {
    order: 1;
}

.block.cell-image_toggle.active.cell_position-left .block-content>div:last-of-type {
    order: 2;
}

.block.cell-image_toggle.active.cell_position-right .block-content>div:first-of-type {
    order: 2;
}

.block.cell-image_toggle.active.cell_position-right .block-content>div:last-of-type {
    order: 1;
}

.block.cell-image_toggle.active .block-content>.toggle_placement {
    position: relative;
}

.block.cell-image_toggle.active .block-content>.toggle_placement>.img_toggle {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    animation: img-fade_in ease 0.4s forwards;
    -webkit-animation: img-fade_in ease 0.4s forwards;
    border-radius: var(--border_radius--large);
    -webkit-border-radius: var(--border_radius--large);
    -moz-border-radius: var(--border_radius--large);
    -ms-border-radius: var(--border_radius--large);
    -o-border-radius: var(--border_radius--large);
}

.block.association-enterprises-section .toggle_placement td.img_toggle {
    width: 100% !important;
}

@keyframes img-fade_in {
    0% {
        transform: translateY(3rem);
        -webkit-transform: translateY(3rem);
        -moz-transform: translateY(3rem);
        -ms-transform: translateY(3rem);
        -o-transform: translateY(3rem);
        filter: opacity(0);
        -webkit-filter: opacity(0);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        filter: opacity(1);
        -webkit-filter: opacity(1);
    }
}

.block.cell-image_toggle.active .block-content>.toggle_placement>.img_toggle.d-none {
    animation: img-fade_out ease 0.4s forwards;
    -webkit-animation: img-fade_out ease 0.4s forwards;
}

@keyframes img-fade_out {
    0% {
        filter: opacity(1);
        -webkit-filter: opacity(1);
    }

    100% {
        filter: opacity(0);
        -webkit-filter: opacity(0);
    }
}

@media only screen and (min-width: 768px) {
    .block.cell-image_toggle.active .block-content>.toggle_placement>.img_toggle {
        margin-left: 42px;
    }
}

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

    .block.cell-image_toggle.active .block-content {
        grid-template-columns: repeat(1, 1fr);
        gap: var(--spacing--large)
    }

    .block.cell-image_toggle.active .block-content>div:first-of-type {
        order: 2 !important;
    }

    .block.cell-image_toggle.active .block-content>div:last-of-type {
        order: 1 !important;
    }

    .block.cell-image_toggle.active .block-content>.toggle_placement>.img_toggle {
        max-height: 400px;
    }

}



/* ==
Homepage Redesign - September 27, 2024
== */

a.sui-sf-c-btn.sui-sf-c-btn--default:hover,
a.sui-sf-c-btn.sui-sf-c-btn--primary:hover {
    opacity: 0.7;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:focus {
    margin-left: 4px;
    margin-right: 4px;
}

.navbar-default .navbar-nav>li>a[href="/get-a-quote"]:before,
.navbar-default .navbar-nav>li>a[href="/get-a-quote"]:after {
    background-color: transparent;
    content: none;
}

@media only screen and (min-width: 768px) {
    .navbar-nav>li {
        white-space: nowrap;
    }

    .site_header-inline .primary-nav {
        width: 85%;
    }

    .site-logo img {
        margin-top: -17px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .site_header-inline {
        flex-wrap: wrap;
    }

    .site_header-inline.site_header-content_empty .site-logo {
        position: relative;
    }

    .site-logo {
        width: 40px;
        overflow: hidden;
    }

    .site-logo img {
        clip-path: inset(0 85% 0 0);
        width: auto;
        height: auto;
        margin-top: -10px;
    }
}

@media only screen and (max-width: 767px) {
    .site_header-inline {
        flex-wrap: wrap;
        padding: 0;
    }

    .site_header-inline.site_header-content_empty .site-logo {
        width: 100%;
    }

    .top-site-header .site-header {
        display: none;
    }

    .site_header-inline .primary-nav {
        width: 100%;
    }
}

/* ==
Top Header
== */

.top-site-bar>.quick-nav {
    max-width: 1170px;
}

.top-site-bar {

}

.top-site-bar .social-media>a {
    color: #6B6B6B;
}

.top-site-bar>.quick-nav>.site-top-bar table>tbody>tr>td:last-of-type {
    color: #2A2A2A;
}

.primary-nav .navbar-collapse .navbar-nav>li>a[href="/get-a-quote"] {
    color: #1E75CE;
    border: 2px solid #1E75CE;
    border-radius: 3px;
    background-color: transparent;
    font-weight: bold;
    margin-left: 0;
}

/* ==
Banner - Section
== */

.block.homepage-banner-funnel {
    position: relative;
    background-position: center center !important;
    padding: 40px 15px;
    background-size: 100% 100% !important;
    background-size: cover !important;
    background-color: black;
}

@media only screen and (min-width: 1500px) {
    .block.homepage-banner-funnel {
        background-position: center center !important;
    }
}

.block.homepage-banner-funnel:before {
    content: "";
    background-color: #00000021;
    position: absolute;
    height: 100%;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.block.homepage-banner-funnel h1,
.block.homepage-banner-funnel p {
    color: var(--white) !important;
    position: relative;
}

.block.homepage-banner-funnel p {
    font-size: var(--font-size-large4);
}

.block.homepage-banner-funnel .block-content,
.block.homepage-banner-funnel .block-block_content.editor-content {
    height: 100%;
}

.block.homepage-banner-funnel .sui-sf-c-btn.sui-sf-c-btn--default {
    background-color: #1E75CE;
    margin-top: 25px;
}

@media only screen and (min-width: 767px) {
    .block.homepage-banner-funnel h1 {
        font-size: 4rem;
    }
}

@media only screen and (max-width: 767px) {
    .block.homepage-banner-funnel {
        padding: 8px 15px;
    }

    .block.homepage-banner-funnel {
        background-size: cover !important;
    }
}

@media only screen and (max-width: 482px) {
    .block.homepage-banner-funnel {
        padding: 0px 15px;
    }
}

/* ==
Trusted by Alberta's Largest Companies - Section
== */

.block.trust-section td[data-class="column-2"] {
    padding: 20px 5%;
}

.block.trust-section a.sui-sf-c-btn.sui-sf-c-btn--primary {
    border-radius: 30px;
    color: #1E75CE;
    border: 3px solid #1E75CE;
    padding: 0px 15px !important;
    margin-top: 25px;
}

.block.trust-section a.sui-sf-c-btn.sui-sf-c-btn--primary:after {
    display: none;
}

.block.trust-section a.sui-sf-c-btn:after {
    content: none;
}

.block.trust-section table[data-class="project-featured-wrapper"] {
    height: 450px;
}

.block.trust-section td[data-class="project-featured-container"] {
    position: relative;
    background: black;
    padding: 0 !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    overflow: hidden;
    border-radius: 8px;
}

.block.trust-section table[data-class="project-featured-section"] {
    /*position: absolute;*/
    left: 4%;
    right: 4%;
    bottom: 10%;
    width: 90% !important;
    margin: 0 auto;
}

.block.trust-section table[data-class="project-featured-section"]::before {
    content: 'Featured Projects';
    color: white;
    font-size: var(--font-size-smallest);
    font-weight: bold;
    margin-left: 15px;
}

.block.trust-section td[data-class="project-featured-container"]:hover tr[data-class="project-featured-brand"] {
    /* opacity: 0; */
    -webkit-transition: all .65s ease-in-out;
    -moz-transition: all .65s ease-in-out;
    -ms-transition: all .65s ease-in-out;
    -o-transition: all .65s ease-in-out;
    opacity: 1;
}

.block.trust-section td[data-class="project-featured-container"] tr[data-class="project-featured-meta"] {
    /* opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    bottom: -250px;
    position: absolute; */
    opacity: 1;
    bottom: 0;
    background: #00000085;
    border-radius: 5px;
}

.block.trust-section td[data-class="project-featured-container"]:hover tr[data-class="project-featured-meta"] {
    opacity: 1;
    bottom: 0;
    background: #00000085;
    border-radius: 5px;
}

.block.trust-section td[data-class="project-featured-container"] .inline-YTPlayer {
    max-width: none !important;
    width: 100%;
    height: 100%;
    box-shadow: rgb(0 0 0 / 17%) 0px 8px 24px;
}

.block.trust-section td[data-class="project-featured-container"]:hover .inline-YTPlayer {
    box-shadow: rgb(255 139 26 / 40%) 0px 8px 24px;
}

.block.trust-section .YTPOverlay {
    background: #000000a6;
}

.block.trust-section p[data-class="pf-meta-title"],
.block.trust-section p[data-class="pf-meta-description"],
.block.trust-section p[data-class="pf-meta-link"] {
    color: var(--white);
}

.block.trust-section.new-section p[data-class="pf-meta-title"],
.block.trust-section.new-section p[data-class="pf-meta-description"] {
    font-size: 13px;
}

/* 
.block.trust-section.new-section p[data-class="pf-meta-description"] {
    display: none;
} */

.block.trust-section.new-section p[data-class="pf-meta-title"] {
    display: none;
}

.block.trust-section.new-section [data-class="project-featured-container"]:first-child p[data-class="pf-meta-description"] {
    padding-right: 45%;
}

.block.trust-section.new-section [data-class="project-featured-container"]:nth-child(2) p[data-class="pf-meta-description"] {
    padding-right: 40%;
}


.block.trust-section td[data-class="project-featured-container"] tr[data-class="project-featured-meta"] {
    background: transparent !important;
}

.block.trust-section td h5.span {
    color: var(--black);
}

.block.trust-section p[data-class="pf-meta-title"] {
    font-weight: bold;
    margin-bottom: 4px;
    font-size: var(--font-size-larger);
}

/*
.block.trust-section p[data-class="pf-meta-link"] {
    display: none;
}
*/

.block.trust-section td[data-class="project-featured-container"]:nth-child(1) {
    background: linear-gradient(-90deg, rgba(184, 0, 0, 1) 0%, rgba(61, 0, 0, 1) 100%);
}

.block.trust-section td[data-class="project-featured-container"]:nth-child(2) {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), linear-gradient(105deg, rgba(122, 86, 236, 0.70) 18.13%, rgba(0, 130, 203, 0.70) 57.93%, rgba(48, 224, 255, 0.70) 94.68%), url(<path-to-image>) lightgray 50% / cover no-repeat;
    position: relative;
}

.block.trust-section td[data-class="project-featured-container"]:first-child:after {
    background: url(/uploads/files/2024/Images/shopriverside-motorbiker.png) no-repeat;
    content: "";
    position: absolute;
    height: 408px;
    width: 300px;
    bottom: 0;
    right: 0px;
    top: -21px;
}

.block.trust-section td[data-class="project-featured-container"]:nth-child(2):before {
    background: url(/uploads/files/2024/Images/asba-children-playing.png) no-repeat;
    content: "";
    position: absolute;
    height: 408px;
    width: 247px;
    bottom: 0px;
    right: -28px;
}

.block.trust-section div#bgndVideo {
    padding-bottom: 100% !important;
}

.block.trust-section td[data-class="empty-td"] {
    display: none;
}

.block.trust-section table[data-class="project-featured-section"]::before {
    display: none;
}

@media only screen and (min-width: 1024px) {
    .block.trust-section td[data-class="empty-td"] {
        display: block;
    }
}

@media only screen and (min-width: 1151px) {
    .block.trust-section td[data-class="project-featured-container"] {
        min-height: 329px;
    }
}

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

    .block.trust-section td[data-class="project-featured-container"] {
        min-height: fit-content;
    }

    .block.trust-section.new-section p[data-class="pf-meta-title"],
    .block.trust-section.new-section p[data-class="pf-meta-description"] {
        display: none;
    }

    .block.trust-section td[data-class="project-featured-container"]:first-child:after {
        right: -2px;
        top: -5px;
    }

    .block.trust-section td[data-class="project-featured-container"]:nth-child(2):before {
        bottom: -125px;
        right: -2px;
    }
}

@media only screen and (min-width: 767px) {
    .block.trust-section td[data-class="project-featured-container"] {
        width: 45%;
    }

    .block.trust-section.new-section [data-class="flex-row-container"],
    .block.trust-section [data-class="flex-row-container"] {
        display: flex;
        gap: 40px;
    }

    .block.trust-section.new-section [data-class="flex-row-container"] {
        max-height: 300px !important;
    }

}

@media only screen and (max-width: 767px) {
    .block.trust-section td[data-class="project-featured-container"] tr[data-class="project-featured-meta"] {
        bottom: 0px;
        position: relative;
        opacity: 1;
    }

    .block.trust-section td[data-class="project-featured-container"]:hover tr[data-class="project-featured-brand"] {
        opacity: 1;
    }

    .block.trust-section.new-section td[data-class="project-featured-container"] {
        width: 100% !important;
        min-height: 300px !important;
        margin-bottom: 25px;
    }

    .block.trust-section td[data-class="project-featured-container"] {
        width: 100%;
        margin-bottom: 25px;
        min-height: 513px;
    }

    .block.trust-section.new-section [data-class="flex-row-container"] {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

/* ==
Services - Section
== */

.block.services-funnel-section a {
    color: var(--white);
}

.block.services-funnel-section .sui-sf-c-btn.sui-sf-c-btn--tertiary {
    background: transparent;
    text-decoration: underline !important;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: absolute;
    bottom: 15px;
    width: 85%;
    text-align: left !important;
    background: url(/uploads/files/2024/Images/arrow-btn.png) center right no-repeat;
    height: 45px;
}

.block.services-funnel-section {
    padding: 50px 0;
}

.block.services-funnel-section td[data-class="col-card"] {
    background-color: #165A9F;
    padding: 20px 2%;
    width: 24%;
    margin-top: 30px;
    position: relative;
    min-height: 430px;
    cursor: pointer;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

.block.services-funnel-section td[data-class="col-card"]:hover {
    background-color: #1b71c8;
}

.block.services-funnel-section td[data-class="quote-col-card"] {
    margin-top: 30px;
    width: 50%;
}

.block.services-funnel-section tr {
    display: flex;
    gap: 15px;
    align-items: center;
}

.block.services-funnel-section colgroup {
    display: none;
}

.block.services-funnel-section .block-content {
    margin: 0 auto !important;
}

.block.services-funnel-section a.sui-sf-c-btn:after {
    display: none;
}

.block.services-funnel-section td[data-class="col-card"] h4,
.block.services-funnel-section td[data-class="col-card"] p {
    color: var(--white);
    margin-top: 10px;
}

.block.services-funnel-section h2 {
    color: var(--white) !important;
}

.block.services-funnel-section td[data-class="quote-col-card"] {
    background: linear-gradient(124deg, #002447 52.58%, #0B3159 77.6%);
    position: relative;
    overflow: hidden;
    padding-top: 130px;
    padding-left: 5%;
    padding-right: 17%;
    min-height: 430px;
}

.block.services-funnel-section td[data-class="quote-col-card"] a.sui-sf-c-btn.sui-sf-c-btn--default {
    background: #165A9F;
    padding-bottom: 5px;
    padding-top: 3px;
    margin-top: 20px;
}

.block.services-funnel-section td[data-class="quote-col-card"] a.sui-sf-c-btn.sui-sf-c-btn--default:after {
    display: inline-block;
    margin-top: 9px;
}

.block.services-funnel-section td[data-class="quote-col-card"] a.sui-sf-c-btn:after {
    content: "";
}

.block.services-funnel-section td[data-class="quote-col-card"] h3,
.block.services-funnel-section td[data-class="quote-col-card"] p {
    color: var(--white);
    margin-top: 10px;
}

.block.services-funnel-section img.consultant-woman {
    position: absolute;
    right: -73px;
    top: 0;
    display: none;
}

@media only screen and (max-width: 767px) {
    .block.services-funnel-section tr {
        display: block;
        gap: 15px;
        margin-left: 15px;
        padding: 10px;
    }

    .services-funnel-section .block-content {
        padding-top: 15px !important;
    }

    .block.services-funnel-section {
        padding: 0;
    }

    .block.services-funnel-section tr[data-class="first-row"] {
        display: flex;
        align-items: center;
    }

    .block.services-funnel-section img.consultant-woman {
        display: none;
    }

    .block.services-funnel-section td[data-class="col-card"] {
        padding: 20px 5%;
    }

    .block.services-funnel-section td[data-class="col-card"] {
        min-height: 330px;
    }
}

/* ==
Recent Projects - Section
== */

.block.recent-project .expandables-content.slider-content {
    position: relative;
}

.block.recent-project .expandables-content.slider-content>.editor-content>p {
    display: none;
}

.block.featured-project-slider .slick-prev,
.block.recent-project .slick-prev {
    left: -40px;
}

.block.featured-project-slider .slick-dots li button:before,
.block.recent-project .slick-dots li button:before {
    font-size: 12px;
    top: 20px;
    color: #444236;
}

.block.featured-project-slider li.slick-active button:before,
.block.recent-project .slick-dots li.slick-active button:before {
    color: #1E75CE !important;
    font-size: 20px !important;
}

.block.recent-project .expandables-content.slider-content>.editor-content:before {
    content: '';
    position: absolute;
    top: 0;
    background: #000;
    height: 100%;
    opacity: 0.3;
    width: 100%;
    transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
}

.block.recent-project .expandables-content.slider-content>.editor-content:hover:before {
    opacity: .9;
    background: #000d57;
}

.block.recent-project .expandables-content.slider-content>.editor-content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

.block.recent-project .project-info {
    width: 70%;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: visible;
}

.block.recent-project .project-info * {
    color: var(--white);
}

.block.recent-project .project-info img {
    margin: 0 auto;
    padding-bottom: 25px;
}

.block.recent-project .project-info a {
    text-decoration: none;
    font-size: 12px;
    top: 108%;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #1630676e;
    display: block;
    width: fit-content;
    padding: 4px 13px;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #ffffff38;
    opacity: 0;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    height: auto;
}

.block.recent-project .expandables-content.slider-content>.editor-content:hover .project-info a {
    opacity: 1;
}

.block.recent-project .project-info:after {
    background: url(/uploads/files/2024/Images/arrow-btn.png) center bottom no-repeat;
    content: "";
    display: block;
    height: 42px;
    width: 42px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.block.recent-project .expandables-content.slider-content>.editor-content:hover .project-info:after {
    opacity: 0.7;
}

.block.recent-project h3.expandables-header.slider-header {
    display: none;
}

.block.recent-project .slick-slide img:hover {}

.block.recent-project .slick-slide img:before {
    background-color: #1A5790;
}

.block.recent-project .slick-next::before,
.block.recent-project .slick-prev::before {
    color: #1A5790;
}

.block.recent-project .slider-section {
    min-height: 362px;
}

/* ==
Association & Enterprises Website - Section
== */

.block.association-enterprises-section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
}

.block.association-enterprises-section .block-summary.block-summary_text_align-left p {
    font-size: 25px;
    margin-top: 50px;
}

.block.association-enterprises-section .sui-sf-c-block--default[data-block--type='expandables'] .accordion-header,
.block.association-enterprises-section .sui-sf-c-block--default[data-block--type='expandables'] .accordion-header:hover {
    background-color: transparent !important;
}

.block.association-enterprises-section .ui-accordion .ui-accordion-content {
    padding: 15px;
}

.block.association-enterprises-section .ui-accordion .ui-accordion-content .block-block_content>p {
    display: none;
}

.block.association-enterprises-section .expandables-header.accordion-header {
    border: 3px solid #E3E3E3;
    padding: 20px 3%;
    border-radius: 6px;
}

.block.association-enterprises-section .ui-accordion .ui-accordion-header::after {
    color: #000000;
}

.block.association-enterprises-section .ui-accordion .ui-accordion-header.ui-state-active {
    color: #000000 !important;
}

.block.association-enterprises-section .ui-accordion .ui-accordion-header {
    color: #000000 !important;
}

.block.association-enterprises-section .ui-accordion .ui-accordion-content p {
    color: #000000;
}

@media only screen and (min-width: 767px) {
    .block.association-enterprises-section .block-header {
        width: 40%;
    }

    .block.association-enterprises-section .ui-accordion.ui-widget {
        width: 70%;
    }
}

@media only screen and (max-width: 767px) {
    .block.block.association-enterprises-section.cell-image_toggle.active .block-content>.toggle_placement>.img_toggle {
        max-height: fit-content;
    }

    .block.association-enterprises-section .toggle_placement {
        display: none;
    }
}

/* ==
Estimate in 24 hours - Section
== */

.block.estimate-in-24-hours-section h2,
.block.estimate-in-24-hours-section p {
    color: var(--white) !important;
}

.block.estimate-in-24-hours-section {
    overflow-y: hidden;
}

.block.estimate-in-24-hours-section p {
    font-size: var(--font-size-large);
}

.block.estimate-in-24-hours-section td[data-class="column-1"] {
    display: block;
}

.block.estimate-in-24-hours-section td[data-class="column-2"] {
    position: relative;
}

.block.estimate-in-24-hours-section td[data-class="column-2"] img {
    position: absolute;
    top: -19px;
    width: 742px !important;
    max-width: none;
}

.block.estimate-in-24-hours-section .site-link a {
    color: var(--white);
}

.block.estimate-in-24-hours-section a.sui-sf-c-btn.sui-sf-c-btn--default {
    border-radius: 30px;
    background: #165A9F !important;
    margin-top: 15px;
}

.block.estimate-in-24-hours-section a.sui-sf-c-btn.sui-sf-c-btn--default:after {
    display: inline-block;
}

.block.estimate-in-24-hours-section a.sui-sf-c-btn:after {
    content: "";
}

.block.estimate-in-24-hours-section a.sui-sf-c-btn.sui-sf-c-btn--primary {
    background: #165A9F;
}

@media only screen and (min-width: 767px) {
    .sui-sf-sitetree-homepage .block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .block.estimate-in-24-hours-section td[data-class="column-1"] {
        margin-top: 122px;
    }

    .block.estimate-in-24-hours-section {
        background-position-y: 160px;
    }
}

@media only screen and (max-width: 767px) {
    .block.estimate-in-24-hours-section td[data-class="column-2"] {
        display: none;
    }

    .block.estimate-in-24-hours-section {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ==
Try ShoutCMS Section- Section
== */

.block.try-shoutcms-section a.sui-sf-c-btn.sui-sf-c-btn--default,
.block.try-shoutcms-section a.sui-sf-c-btn.sui-sf-c-btn--primary {
    float: left;
    margin-right: 15px;
}

.block.try-shoutcms-section a.shoutcms-logo {
    margin-top: 25px;
    display: inline-block;
}

.block.try-shoutcms-section a.sui-sf-c-btn.sui-sf-c-btn--default {
    background: #F0784E !important;
    padding: 10px 30px;
}

.block.try-shoutcms-section a.sui-sf-c-btn.sui-sf-c-btn--primary {
    padding: 10px 30px !important;
    background: #1964B0;
    color: var(--white);
    border: none;
}

.block.try-shoutcms-section {
    background-position: bottom;
}

.block.try-shoutcms-section a strong {
    color: var(--black);
}

.block.try-shoutcms-section .editor-content :is(p>strong, p>b) {
    color: var(--black);
}

.block.try-shoutcms-section a.sui-sf-c-btn.sui-sf-c-btn--primary {
    border-radius: 30px;
}

.block.try-shoutcms-section a.sui-sf-c-btn.sui-sf-c-btn--primary:after {
    display: none;
}

.block.try-shoutcms-section a.sui-sf-c-btn:after {
    content: none;
}

@media only screen and (max-width: 767px) {
    .block.try-shoutcms-section {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ==
Why Mediashaker - Section
== */

.block.why-mediashaker-section {
    background: linear-gradient(182deg, #0B2749 1.72%, #1A5DAF 124.52%);
    border-radius: 0;
    position: relative;
    overflow-y: hidden;
}

.block.why-mediashaker-section h2,
.block.why-mediashaker-section p {
    color: var(--white) !important;
}

.block.why-mediashaker-section .ui-accordion .ui-accordion-header {
    color: var(--white) !important;
    border-bottom: 1px solid #afafaf;
    width: 100%;
    padding-bottom: 25px;
}

.block.why-mediashaker-section:before {
    background: url(/uploads/files/2024/Images/m-icon.png) 264px 437px no-repeat;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
}

.block.why-mediashaker-section .nested_block-content {
    position: relative;
}

.block.why-mediashaker-section .editor-content :is(p>strong, p>b) {
    color: var(--white);
}

.block.why-mediashaker-section .ui-accordion .ui-accordion-content {
    padding: 0;
    max-width: 667px;
    padding-top: 20px;
}

.block.why-mediashaker-section .ui-accordion .ui-accordion-header.ui-state-active:after {
    content: '\f106';
    font-weight: 100;
    color: var(--white);
}

.block.why-mediashaker-section .ui-accordion .ui-accordion-header::after {
    content: '\f107';
    font-weight: 100;
    color: var(--white);
}

@media only screen and (max-width: 767px) {
    .block.why-mediashaker-section:before {
        background: none;
    }

    .block.why-mediashaker-section .nested_block-content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .block.why-mediashaker-section .nested_block-content .block-content.block-content-first {
        height: 180px;
    }

    .block.why-mediashaker-section {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ==
Voted Best in Edmonton - Section
== */

.block.voted-the-best-section a.sui-sf-c-btn.sui-sf-c-btn--primary {
    border-radius: 30px;
    color: #1E75CE;
    border: 3px solid #1E75CE;
    padding: 8px 15px !important;
}

.block.voted-the-best-section a.sui-sf-c-btn.sui-sf-c-btn--primary:after {
    display: none;
}

.block.voted-the-best-section a.sui-sf-c-btn:after {
    content: none;
}

.block.voted-the-best-section .editor-content :is(p>strong, p>b) {
    color: var(--black);
}

@media only screen and (min-width: 767px) {
    .block.voted-the-best-section table td[data-class="column-1"] {
        width: 67% !important;
    }
}

@media only screen and (max-width: 767px) {
    .block.voted-the-best-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .block.voted-the-best-section a.sui-sf-c-btn.sui-sf-c-btn--primary {
        margin-bottom: 25px;
    }
}

/* ==
Homepage Form - Section
== */

.block.new-form-layout>.form-body {
    width: 70%;
}

td[data-class="form-content"] {
    max-width: 600px;
    margin: 0 auto;
    display: block;
    padding-left: 0 !important;
}

.page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(2),
.page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(3),
.page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(4),
.page-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(5),
.portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(3),
.portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(4),
.portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(5) {
    max-width: 100%;
}

.portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(5) {
    width: 100%;
}

.portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(2) {
    width: 100% !important;
}

.portfolio-article-cta-form .form-body>.form-body>table>tbody>tr:nth-of-type(7) {
    display: inline !important;
}

.static-form .form-top form>.form-body {
    width: 768px !important;
}

@media only screen and (max-width: 767px) {
    .static-form .form-top form>.form-body {
        width: 100% !important;
    }

    .block.new-form-layout .cta-form-intro p:nth-child(2) {
        margin-bottom: 25px;
    }

    .block.new-form-layout td[data-class="form-content"] {
        padding-top: 0 !important;
    }

    .block.new-form-layout .block-content {
        padding-top: 0 !important;
    }

    .block.new-form-layout .form-body table tbody tr td,
    .block.new-form-layout .form-body table tbody tr th {
        padding: 0;
    }

    td[data-class="form-content"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* == 
Above the Footer
== */

.block.clients-section img {
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 25px;
}

.block.clients-section {
    background: linear-gradient(90deg, #165A9F 0%, #082039 100%);
}

.block.clients-section .block-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.block.clients-section .two-col-img-right>table>tbody>tr>td img {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

/* == 
Footer
== */


.site-footer {
    background-color: #fff;
}

.site-footer>.content-wrapper {
    max-width: 100%;
    padding: 0;
}

.site-footer .footer-top {
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
}

.site-footer .footer-top tr[data-class="row"] {
    max-width: 1170px;
    margin: 0 auto;
    display: block;
}

.site-footer .footer-mid {
    max-width: 1170px;
    margin: 0 auto;
    margin-top: 25px;
}

.site-footer .footer-bottom {
    border-top: 1px solid #D2D2D2;
    max-width: 1170px;
    margin: 0 auto;
}

.top-site-bar>.quick-nav>.site-top-bar table>tbody>tr>td:last-of-type * {
    color: #000;
}


.top-site-bar>.quick-nav>.site-top-bar table>tbody>tr>td:last-of-type a {
    color: #007fff;
}

.top-site-bar>.quick-nav>.site-top-bar table>tbody>tr>td:last-of-type a:hover {
    text-decoration: underline;
}

.site-footer .footer-top td a {
    color: #1E64A7 !important;
    margin-top: 15px;
    font-size: 1.2rem;
}

.site-footer .footer-bottom a:hover {
    color: #11395f;
}

.site-footer .footer-mid a:hover {
    color: #11395f;
}

.site-footer .footer-top td a:before {
    background-color: #1e64a7;
}

.site-footer h6 {
    color: #000;
    font-size: var(--font-size-normal);
}

.site-footer .social-media>a:hover {
    background-color: transparent;
    border-color: transparent;
}

.site-footer,
.site-footer a {
    color: #1E64A7;
}

.site-footer td,
.site-footer p {
    color: #000;
}

span.social-media .fab {
    color: #6B6B6B;
}

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

    .site-footer .footer-top,
    .site-footer .footer-mid,
    .site-footer .footer-bottom {
        padding: 15px 15px 15px 15px;
        display: block;
    }
}

@media only screen and (max-width: 1200px) {
    .page-footer-wrapper {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* == 
Custom Thumbnail Gallery
== */
.custom-thumbnail-gallery {
    background: linear-gradient(90deg, #165A9F 0%, #082039 100%);
}

.custom-thumbnail-gallery * {
    color: white;
}

.custom-thumbnail-gallery .block-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.custom-thumbnail-gallery .galleria-image {
    cursor: none !important;
    pointer-events: none !important;
    background-color: transparent !important;
    padding: 15px 20px !important;
}

.custom-thumbnail-gallery .galleria-image img {}


/* == 
2026 Case Study - Section
== */

/* https://mediashaker.shoutcms.net/content.php?nid=40148 */
body[data-nav--hid="p3O8JvM020YNqzj1"] *:not(i) {
    font-family: "Inter", sans-serif;
}

body[data-nav--hid="p3O8JvM020YNqzj1"] h1,
body[data-nav--hid="p3O8JvM020YNqzj1"] h2,
body[data-nav--hid="p3O8JvM020YNqzj1"] h3,
body[data-nav--hid="p3O8JvM020YNqzj1"] h6 {
    font-weight: 300;
    margin-bottom: calc(.25rem * 6);
}

body[data-nav--hid="p3O8JvM020YNqzj1"] h4,
body[data-nav--hid="p3O8JvM020YNqzj1"] h5 {
    font-family: "Inter", sans-serif;
}

body[data-nav--hid="p3O8JvM020YNqzj1"] h6 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    font-weight: bold;
}

body[data-nav--hid="p3O8JvM020YNqzj1"] h1 *,
body[data-nav--hid="p3O8JvM020YNqzj1"] h2 *,
body[data-nav--hid="p3O8JvM020YNqzj1"] h3 *,
body[data-nav--hid="p3O8JvM020YNqzj1"] h4 *,
body[data-nav--hid="p3O8JvM020YNqzj1"] h5 *,
body[data-nav--hid="p3O8JvM020YNqzj1"] h6 * {
    font-family: inherit;
    letter-spacing: inherit;
    color: inherit;
}

@media (min-width: 64rem) {
    body[data-nav--hid="p3O8JvM020YNqzj1"] h1 {
        font-size: 4.5rem;
        line-height: var(1.1, 1);
    }
}

/* Client Overview Section */

[data-class="client-overview"] table {
    border-collapse: separate !important;
}

[data-class="client-overview"] td {
    border-bottom: 1px solid #e7e7e7;
    padding: 20px 0;
}

[data-class="client-overview"] h6 {
    margin-bottom: 6px !important;
}

[data-class="client-overview"] ul,
.pill-ol {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 0;
}

[data-class="client-overview"] ul li,
.pill-ol li {
    display: flex;
    padding: 6px 18px 6px 25px;
    border-radius: 999px;
    border: 1px solid #d3c0ff;
    background: rgba(243, 236, 255, 0.8);
    color: #9575d7;
    font-size: 1.2rem;
    backdrop-filter: blur(12px);
    padding-block: calc(.25rem * 1.5);
    background-color:
        color-mix(in oklab, hsl(260 55% 65%) 10%, transparent);
    width: fit-content;
}

.pill-ol li::before {
    content: '';
    position: absolute;
    background-color: #af87fd;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    top: 40%;
    left: 13px;
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

[data-class="client-overview"] ul {
    justify-content: flex-start;
    gap: 10px;
}

[data-class="client-overview"] ul li {
    padding: 6px 18px;
    font-size: 0.9rem;
}

.bg-grain {
    position: relative
}

.bg-grain:before {
    content: "";
    opacity: .03;
    pointer-events: none;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.text-gradient-lavender {
    color: #c27aff;
}

/* jQuery Table Conversion (Cardbox) */

.sui-sf-ui-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.sui-sf-ui-card {
    position: relative;
    border-radius: 16px;
    padding: 1.5rem;
    color: inherit;
    border: 1px solid transparent;
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease,
        opacity 180ms ease;
}

.sui-sf-ui-card p {
    margin-bottom: 10px;
}

.sui-sf-ui-card img {
    margin: 0 auto;
    height: auto;
    display: block;
    margin-bottom: 15px;
}


/* Unique Card Styles */
[data-class*="card"] {
    padding: calc(var(--spacing) * 6);
}

.sui-sf-ui-grid.stats-card-container h2 {
    margin-bottom: 0;
}

.sui-sf-ui-grid.stats-card-container * {
    text-align: center;
}

/* Cards that have icons */

.sui-sf-ui-icon {
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: #f8f8f8;
    border-radius: 5px;
    display: inline-block;
    padding: 10px;
    margin-top: 20px;
}

.sui-sf-ui-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.sui-sf-ui-icon img {
    float: none;
    width: 100%;
    margin: 0 !important;
    height: 100%;
}

/* Glass effect (data-cardbox-effect includes glass-effect) */

.cardbox-glass {
    --card-bg: rgba(15, 15, 20, 0.75);
}

.cardbox-glass-card {
    background: linear-gradient(to bottom right,
            rgba(255, 255, 255, 0.10),
            rgba(255, 255, 255, 0.02));
    border-color: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    --tw-backdrop-blur: blur(var(--blur-sm));
    background-color:
        color-mix(in oklab, #ffffff 5%, transparent);
    border-color:
        color-mix(in oklab, #ffffff 10%, transparent);
}

.cardbox-glass-card:hover {
    /* background: linear-gradient(
        to bottom right,
        rgba(255, 255, 255, 0.18),
        rgba(255, 255, 255, 0.06)
    ); */
}

/* Hover effect (hover-effect) */

.cardbox-hover-card {
    overflow: hidden;
}

.cardbox-hover-card:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* if using background image layer */
.cardbox-hover-card .card-bgimg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.35;
    transition: transform 240ms ease, opacity 240ms ease;
}

.cardbox-hover-card .card-content {
    position: relative;
    z-index: 1;
}

.cardbox-hover-card:hover .card-bgimg {
    transform: scale(1.05);
    opacity: 0.6;
}

/* Raised effect (raised-effect) */

.cardbox-raised-card {
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(255, 255, 255, 0.03);
}

/* Outline effect (outline-effect) */

.cardbox-outline-card {
    border-color: rgba(255, 255, 255, 0.18);
}

.cardbox-outline-card:hover {
    border-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.45);
}

/* Shadow effect (shadow-effect) */
.cardbox-shadow-card {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.cardbox-shadow-card:hover {
    box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 29px 0px;
}


/* Block Card Overrides */

/* https://mediashaker.shoutcms.net/content.php?nid=40148 */
[data-block--hid="xmkNMjzLzGQL1DGy"] .sui-sf-ui-card img {
    min-height: 500px;
    object-fit: cover;
}



.intro-homepage {
  position: relative;
  overflow: hidden;
}

.intro-homepage::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 100vw;
  height: 160px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 3;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='160' viewBox='0 0 1920 160'%3E%3Cpath fill='%23ffffff' fill-opacity='.18' d='M0 96C120 64 240 56 360 72C480 88 600 128 720 124C840 120 960 72 1080 68C1200 64 1320 104 1440 112C1560 120 1680 96 1800 80C1860 72 1890 68 1920 64V160H0Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='160' viewBox='0 0 1920 160'%3E%3Cpath fill='%23ffffff' fill-opacity='.35' d='M0 112C160 88 320 80 480 96C640 112 800 152 960 144C1120 136 1280 88 1440 84C1600 80 1760 112 1920 96V160H0Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='160' viewBox='0 0 1920 160'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0 132C180 118 360 120 540 128C720 136 900 156 1080 150C1260 144 1440 122 1620 114C1740 108 1830 110 1920 116V160H0Z'/%3E%3C/svg%3E");
}

/* Homepage bullets */
.block[data-block--hid="bOGpMq3lo8QE1B7K"] ul {
  list-style: none;
  padding-left: 0;
}

.block[data-block--hid="bOGpMq3lo8QE1B7K"] ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.block[data-block--hid="bOGpMq3lo8QE1B7K"] ul li::before {
  content: '\f00c'; 
  font-family: 'Font Awesome 6 Pro'; 
  font-weight: 900; 
  position: absolute;
  left: 0;
  color: #27ae60;
}


a.sui-sf-c-btn {
    padding: 12px 35px !important;
}

a.sui-sf-c-btn:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


/* Content Snippet Overrides */

.sui-sf-c-block--default[data-block--type="code"] {
    padding: 0;
}

@media only screen and (max-width: 482px) {
    [data-block--hid="bOGpMq3lo8QE1B7K"] td {
        padding: 5px !important;
    }

    [data-block--hid="bOGpMq3lo8QE1B7K"] {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

.lg-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
    columns: 4;
    column-gap: 16px
}

.lg-item {
    break-inside: avoid;
    margin-bottom: 16px;
    border-radius: 10px;
    overflow: hidden;
    background: #18181f;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .4s ease, transform .4s ease, box-shadow .3s ease;
    will-change: opacity, transform;
    text-align: center;
}

.lg-item.lg-shown {
    opacity: 1;
    transform: none
}

.lg-item:hover {
    box-shadow: 0 8px 32px rgba(255, 255, 255, .06)
}

.lg-item img {
    display: block;
    width: 100%;
    height: 124px;
    padding: 24px;
    object-fit: contain;
    transition: filter .3s ease
}

.lg-item:hover img {
    filter: brightness(1.15)
}

.lg-item .lg-label {
    padding: 0 16px 14px;
    font-size: .65rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width:900px) {
    .lg-grid {
        columns: 3;
        column-gap: 12px
    }
}

@media(max-width:600px) {
    .lg-grid {
        columns: 2;
        column-gap: 10px;
        padding: .75rem
    }

    .lg-item img {
        padding: 16px
    }
}