/*
Theme Name: NL Softworks
Theme URI: https://nlsoftworks.com/
Author: Edward Novak
Author URI:  https://nlsoftworks.com/
Description: Custom theme created by the NL Softworks team for NL Softworks clients. This theme uses custom blocks to create sections on the site along with custom pages for any complex features.
Tags:
Version: 1.0
Text Domain: nlsoftworks

@import url(https://db.onlinewebfonts.com/c/8c7e7936ee30a0664b57de8a3455b0bc?family=Miller-Text);
@import url(https://db.onlinewebfonts.com/c/d5d7370c93f5c76b334c4c1ee3b388c2?family=Miller+Roman);
*/
@font-face {
    font-family: 'Miller Roman';
    src: url('fonts/Miller/MillerRoman.woff2') format('woff2'),
         url('fonts/Miller/MillerRoman.woff') format('woff'),
         url('fonts/Miller/MillerRoman.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Variable';
    src: url('fonts/Satoshi/Satoshi-Variable.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-Variable.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-Variable.ttf') format('truetype');
         font-weight: 300 900;
         font-display: swap;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'Satoshi-VariableItalic';
    src: url('fonts/Satoshi/Satoshi-VariableItalic.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-VariableItalic.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-VariableItalic.ttf') format('truetype');
         font-weight: 300 900;
         font-display: swap;
         font-style: italic;
  }
  
  @font-face {
    font-family: 'Satoshi-Light';
    src: url('fonts/Satoshi/Satoshi-Light.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-Light.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-Light.ttf') format('truetype');
         font-weight: 300;
         font-display: swap;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'Satoshi-LightItalic';
    src: url('fonts/Satoshi/Satoshi-LightItalic.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-LightItalic.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-LightItalic.ttf') format('truetype');
         font-weight: 300;
         font-display: swap;
         font-style: italic;
  }
  
  @font-face {
    font-family: 'Satoshi-Regular';
    src: url('fonts/Satoshi/Satoshi-Regular.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-Regular.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-Regular.ttf') format('truetype');
         font-weight: 400;
         font-display: swap;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'Satoshi-Italic';
    src: url('fonts/Satoshi/Satoshi-Italic.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-Italic.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-Italic.ttf') format('truetype');
         font-weight: 400;
         font-display: swap;
         font-style: italic;
  }
  
  @font-face {
    font-family: 'Satoshi-Medium';
    src: url('fonts/Satoshi/Satoshi-Medium.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-Medium.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-Medium.ttf') format('truetype');
         font-weight: 500;
         font-display: swap;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'Satoshi-MediumItalic';
    src: url('fonts/Satoshi/Satoshi-MediumItalic.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-MediumItalic.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-MediumItalic.ttf') format('truetype');
         font-weight: 500;
         font-display: swap;
         font-style: italic;
  }
  
  @font-face {
    font-family: 'Satoshi-Bold';
    src: url('fonts/Satoshi/Satoshi-Bold.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-Bold.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-Bold.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'Satoshi-BoldItalic';
    src: url('fonts/Satoshi/Satoshi-BoldItalic.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-BoldItalic.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-BoldItalic.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: italic;
  }
  
  @font-face {
    font-family: 'Satoshi-Black';
    src: url('fonts/Satoshi/Satoshi-Black.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-Black.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-Black.ttf') format('truetype');
         font-weight: 900;
         font-display: swap;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'Satoshi-BlackItalic';
    src: url('fonts/Satoshi/Satoshi-BlackItalic.woff2') format('woff2'),
         url('fonts/Satoshi/Satoshi-BlackItalic.woff') format('woff'),
         url('fonts/Satoshi/Satoshi-BlackItalic.ttf') format('truetype');
         font-weight: 900;
         font-display: swap;
         font-style: italic;
  }
  
@font-face {
    font-family: 'Satoshi';
    src: url('fonts/Satoshi/Satoshi-Variable.ttf') format('truetype');
    font-style: normal;
}

:root {
     --swiper-navigation-size: 44px; /* Default size */
    --swiper-navigation-hover-size: 54px; /* Enlarged size on hover */
    --swiper-navigation-transition: 0.3s ease; /* Smooth transition effect */
    --primary-font: 'Satoshi-Variable', Arial, sans-serif;
    --secondary-font: 'Satoshi-Variable', Arial, sans-serif;

    --default-color: #FFFFFF;
    --primary-color: #0083D5;
    --secondary-color: #234273;
    --neutral-color: #EDEDEE;

    --text-color: #234273;

    --global-space: 50px; 
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font);
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
body {
    margin: 0;
    font-family: var(--secondary-font);
    background-color: var(--default-color);
}
p {
    font-size: 16px;
}
img {
    margin-bottom: -5px;
    width: 100%;
    height: auto;
}
video {
    width: 100%;
    height: auto;
}
a:focus {
    color: #043959;
    box-shadow: 0 0 0 0px #2271b1;
    outline: 0px solid transparent;
}

/***********************
******** Header ********
************************/

/* General Styles */
.header {
    position: relative;
    width: 100%;
    color: #001E30;
    background-color: #234273;
    padding: 20px 0;
}
.top-header {
    width: 100%;
    display: flex
;
    justify-content: flex-end;
}

ul.top-menu {
    margin: 0;
}
.top-menu li a {
    color: #fff;
    font-family: var(--primary-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.top-menu {
    display: flex;
    gap: 50px;
    align-items: center;
}
.top-menu li {
    display: flex

}
/* .top-menu li.menu-arrow::after {
    content: url(img/icons/white-arrow.svg);
    margin-left: 16px;
} */

.top-menu li.menu-arrow {
  position: relative;
}

.top-menu li.menu-arrow::after {
  content: url(img/icons/white-arrow.svg);
  margin-left: 16px;
  display: inline-block;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s ease;
}

.top-menu li.menu-arrow:hover::after {
  opacity: 1;
  transform: translateX(0);
}

a.menu-button {
    color: #fff;
    font-family: var(--secondary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 6px 24px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
     transition: all 0.3s ease;
     position: relative;
     z-index: 999;
}

.top-banner {

    background-color: #fff;
}
.top-banner-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    margin: auto;
    width: 90%;
}
.top-banner p {
    font-size: 12px;
    color: #000;
}
ul.top-menu-contacts {
    list-style: none;
    display: inline-flex;
}
.top-menu-contacts li {
    color: #000;
    padding-left: 22px;
    margin-bottom: 0px;
}
.address::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(img/home-icon.svg);
    background-repeat: no-repeat;
    margin-right: 8px;
}
.call::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(img/call-icon.svg);
    background-repeat: no-repeat;
    margin-right: 8px;
}
.mail::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 12px;
    background-image: url(img/mail-icon.svg);
    background-repeat: no-repeat;
    margin-right: 8px;
}
ul.top-menu-contacts a {
    text-decoration: none;
    color: #000;
}

.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    margin: auto;
    width: 90%;
}
nav.nav {
    padding: 8px 0;
    margin-top: 10px !important;
}
/* Logo Styles */
@media (min-width: 1440px) {
    .img.custom-logo {
        max-width: 357px !important;
    }
}
@media (min-width: 1260px) {
img.custom-logo {
    max-width: 357px !important;
    width: 100%;
    height: auto;
    max-height: 61px;
}
}
@media (min-width: 768px) and (max-width: 1259px) {
    img.custom-logo {
         max-width: 305px !important;
    }
}

/* Navigation Menu Styles */
.nav .menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    right: 0;
    /*background-color: #efefef; */
    background-color: var(--secondary-color);
    width: 100%;
    list-style: none;
    margin: 0;
    z-index: 9;
}

.menu ul {
    list-style: none;
    padding-left: 0;
}

.nav .menu-primary-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nav .menu li li {
    text-align: left;
}

.nav .menu a {
    color: #fff;
    font-family: var(--secondary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.header-wrap .nls-primary-button, .header-wrap .nls-secondary-button, .header-wrap .nls-tertiary-button {
    margin-top: 0px;
}

.nav .menu li.menu-button a {
    background: #007cba;
    padding: 12px;
    color: #fff;
    border-radius: 5px;
    border: 2px solid #007cba;
    margin-left: 12px;
}
.nav .menu li.menu-secondary-button a {
    padding: 12px;
    color: #007cba;
    border-radius: 5px;
    border: 2px solid #007cba;
    margin-left: 12px;
    font-weight: 600;
}

.nav .sub-menu {
    display: none; /* Default hidden */
    width: auto;
    padding: 0;
    list-style: none;
    margin: 0;
    min-width: 150px;
    z-index: 9;
}

.nav .sub-menu a {
    padding: 1rem;
    text-align: left;
}

/* Hover Effects for Desktop Sub-menus */
.nav .menu-item-has-children:hover > .sub-menu {
    display: flex;
    top: 100%; /* For desktop */
}
.menu-button:hover {
    background-color: white;
    color: #0083D5;
}

/*
header.header {
    position: fixed;
    z-index: 2;
    background-color: #fff;
    margin-bottom: 100px;
}
    */

/* Responsive Styles */
@media (min-width: 1024px) {
     .nav-close {
        display: none !important;
    }
}
@media (min-width: 768px) {
   
    .nav .menu {
        display: flex;
        flex-direction: row;
        position: static;
        width: auto;
        background-color: transparent;
        padding: 0;
        list-style: none;
        gap: 0px;
        margin-right: 5px;
    }

    .nav .menu-primary-container {
        flex-direction: row;
    }

    .nav .menu a {
        width: auto;
        padding-bottom: 5px;
    }
    .nav .menu .mega-menu-wrapper a {
        padding: 0 48px 0 0;
        margin: 0px;
        font-size: 14px !important;
    }

    .hamb {
        display: none;
    }

    .nav .sub-menu {
        position: absolute;
        top: 100%;
        width: auto;
    }

    .nav .menu-item-has-children:hover > .sub-menu {
        display: flex;
    }

    .sub-menu-toggle {
        display: none;
    }

}
@media (min-width: 980px) and (max-width: 1250px) {
.header-wrap {
    padding: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
}

a.custom-logo-link {
    order: 1;
}
nav.nav {
    order: 2;
    flex: 1 1 100%;
   
    margin-top: 22px;
}
a.nls-primary-button {
    order: 1;
}
.nav .menu a {
    width: auto;
    margin-left: 40px;
}
}

@media (max-width: 1024px) {
    .page-id-74 .top-menu li a[href="/careers"], .page-id-131 .menu-item-6661 a, .page-id-6662 .menu-item-has-children.menu-item-9503 > a, .page-id-6626 .menu-item-10 > a, .page-id-6717 .menu-item-6060 a {
        border-bottom: none !important;
    }
    .header-wrap {
        
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .hamb {
        display: block;
        margin-left: auto; /* Ensures the hamburger menu is pushed to the right */
    }

    .nav .menu {
        display: none; /* Mobile menu hidden by default */
        flex-direction: column;
        position: absolute;
        top: 100%;
        right: 0;
        /*background-color: #efefef; */
    background-color: var(--secondary-color);
        width: 100%;
        list-style: none;
        margin: 0;
        z-index: 9;
    }
    .nav .menu li li {
        padding: 0px 0 0;
    }
    ul.sub-menu li {
        margin: 0 18px;
    }
    .nav .menu-primary-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .side-menu:checked ~ .nav .menu {
        display: flex; /* Show menu when hamburger is clicked */
    }

    .side-menu:checked ~ .nav .menu .sub-menu {
        flex-direction: column;
    }

    .nav .menu-item-has-children > .sub-menu {
        display: none; /* Hide sub-menus by default on mobile */
    }
    .header-wrap a.nls-primary-button {
        display: none;
    }
    .nav .menu li {
        padding: 22px;
    }
    .nav .menu a {
        color: #fff;
    }

    .sub-menu.mega-menu {
        margin-top: 18px!important;
    }

}

/* Hamburger Menu Styles */
.header .hamb {
    cursor: pointer;
    padding: 40px 20px;
}

.header .hamb-line {
     background: white;
    display: block;
    height: 2px;
    position: relative;
    width: 32px;
}

.header .hamb-line::before,
.header .hamb-line::after {
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all 0.2s ease-out;
    width: 100%;
}

.header .hamb-line::before {
    top: 10px;
}

.header .hamb-line::after {
    top: -10px;
}

/* Checkbox Styles for Hamburger Menu */
.header .side-menu {
    display: none;
}

.header .side-menu:checked ~ nav {
    max-height: 100%;
}

.header .side-menu:checked ~ .hamb .hamb-line {
    background: 0 0;
}

.header .side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top: 0;
}

.header .side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top: 0;
}

/* Checkbox Checked Styles */
.side-menu:checked ~ .nav .menu {
    display: flex;
}

/* footer */
#footer {
    background-color: #0083D5;
}

.footer-wrapper {
    padding: 65px 0px;
    color: #fff;
    max-width: 1200px;
    margin: auto;
    width: 90%;
}
.footer-top-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 0;
}

hr {
    border: 0;
    border-top: 0px solid #dcdcde;
    border-bottom: 1px solid #ffffff20;
}
.footer-top-area p {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin: auto 0;
}
.footer-top-area a.nls-primary-button {
    margin-right: 32px;
}
.footer-wrapper a {
    text-decoration: none;
    color: #fff;
}
.footer-wrapper p {
    margin: 0;
}
.footer-menu .widget-one {
    width: 500px;
    display: flex;
    align-items: center;
}
.footer-menu .widget-one img {
    margin-bottom: 0px !important;
    max-width: 252px;
}
.footer-menu .social-links {
    display: flex;
   justify-content: space-between;
    width: 70%;
}
.footer-menu .social-links img {
    width: 17px;
}
.nls-block-content-links {
    flex: 1;
}
.footer-menu .nls-footer-title {
    cursor: pointer;
    display: inline-block;
    margin-top: 20px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 35px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    padding: 8px 0px;
    text-align: center;
     transition: all 0.3s ease;
}

.footer-menu .nls-footer-title:hover {
    background-color: white;
    color: #0083D5;
}

.footer-menu 
.footer-awards {
    padding: 32px 0;
}

.footer-awards .nls-block-content {
    flex: 1 1 0px;
    justify-content: center;
    display: flex
;
}
.footer-awards img {
    max-height: 175px;
    width: auto;
}

.footer-menu li {
    margin: 12px 0;
    font-size: 16px;
    margin-bottom: 24px;
}

.footer-menu ul {
    margin-top: 48px;
}
div#copyright {
    padding: 22px 0;
}
div#copyright {
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.footer-menu {
    padding: 32px 0;
}
.nls-footer-title {
    font-size: 16px !important;
    padding-bottom: 12px;
    display: block;
    font-weight: 500;
}

.footer-awards .nls-block-container {
    align-items: center;
}

@media (max-width: 1250px) {
.footer-top-area {
    display: block;
}
.footer-awards .nls-block-content img {
    margin: 32px 0;
    width: 100%;
    max-height: 100%;
}
}

@media (max-width: 980px) {
    .footer-top-area, .footer-menu .nls-block-container {
        display: block;
    }
    .footer-menu .widget-one {
        width: 100%;
    }
 .footer-awards .nls-block-content:nth-child(4), .footer-awards .nls-block-content:nth-child(5) {
        display: none;
    }

    .footer-awards .nls-block-content img {
        margin: 32px 0;
        width: 100%;
    }
}
@media (max-width: 600px) {
    
   .footer-awards .nls-block-content:nth-child(3), .footer-awards .nls-block-content:nth-child(4), .footer-awards .nls-block-content:nth-child(5) {
        display: none;
    }
    .footer-top-area a.nls-primary-button {
        margin-right: 0px;
    }
}

@media (max-width: 400px) {
    
    .footer-awards .nls-block-content:nth-child(2), .footer-awards .nls-block-content:nth-child(3), .footer-awards .nls-block-content:nth-child(4), .footer-awards .nls-block-content:nth-child(5) {
         display: none;
     }
     .footer-top-area a.nls-primary-button {
         margin-right: 0px;
     }
 }

.linkedin {
    width: 25px;
}

/* Freeze scrolling */
.no-scroll {
    overflow: hidden;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.9);
    color: #fff;
}
.modal-content {
    border-radius: 24px;
    background: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.45);
    overflow: hidden;
    margin: 5% auto;
    max-width: 1200px;
    min-height: 400px;
}
.modal-wrap {
    display: flex;
    gap: 50px;
}
.modal-col {
    align-content: center;
}
.close {
    float: right;
    margin: 14px;
    width: 25px;
}
.close:hover,
.close:focus {
    text-decoration: none;
    cursor: pointer;
}

main#primary {
    margin-bottom: -18px;
}

.menu-item-has-children:hover > .mega-menu {
    visibility: visible;
    opacity: 1;
}

.mega-menu-image {
    max-width: 200px!important;
    height: auto;
    margin: 10px 0;
}

.sub-menu > li {
    margin: 0 20px;
}
.mega-menu-wrapper {
    margin: 0 -30px !important;
    padding: 0 0px 0px 35px !important;
    padding-bottom: 5px !important;
    width: 100%;
    max-width: 250px !important;
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 100%;
    margin: auto;
    margin-top: 0px !important;
    padding-left: 5px;
    background-color: #234273 !important;
}
.mega-menu-wrapper {
    padding-right: 30px !important;
    padding-bottom: 25px !important;
}
.nav .menu li li {
    text-align: left;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    
}
dd, li {
    margin-bottom: 0px;
}
.sub-menu.mega-menu {
    width: 100%;
    left: 0;
    background-color: #ffffff;
    margin-top: 0px;
}
.nav .sub-menu.mega-menu a {
    padding: 0 1rem;
    width: auto;
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
}
.sub-menu ul.sub-menu {
    display: block;
}

.mega-menu .sub-menu .menu-item {
    padding: 0;
}
.nav .sub-menu.mega-menu .services a {
    padding: 6px 0;
}
.nav .sub-menu.mega-menu .types a {
    text-align: center;
}

@media (min-width: 980px) {

/* Mega Menu Container */
.mega-menu {
    width: 100%;
    background-color: #f7f7f7;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.mega-menu-wrapper {
    width: 1400px;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: -36px;
        padding-top: 36px;
}

/* First Submenu */
.mega-menu .sub-menu {
    width: 200px;
    padding: 25px 15px 20px 15px;
    position: relative;
}

.mega-menu .sub-menu .menu-item {
    margin-bottom: 10px;
}

.mega-menu .sub-menu .mega-menu-image {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    height: 100px;
    max-height: 100%;
}
img.custom-logo {
    z-index: 1;
    position: relative;
    cursor: pointer;
    
}

ul.menu, a.nls-primary-button.menu-button {
    float: left;
}
nav.nav {
    display: flex;
    justify-content: end;
}

/* Make sure the mega menu opens full-width */
ul.mega-menu-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 0;
    z-index: 1000;
}

/* Basic Menu Styling */
ul.nav-menu, .menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.nav-menu li {
    display: inline-block;
    position: relative;
}

ul.nav-menu li a {
    padding: 10px 20px;
    display: block;
    color: #333;
    text-decoration: none;
    font-weight: 600;
}

ul.nav-menu li:hover > a {
    background-color: #eee;
}

.mega-menu .sub-menu {
    width: 300px;

}
/*.types a {
    display: none!important;
}*/
.types ul.sub-menu {
    width: 100%;
    display: flex!important;
}
.services ul.sub-menu {
    display: block!important;
}

.services ul.sub-menu li {
    padding: 12px;
    text-align: left;
}

.mega-menu-wrapper li:first-child ul.sub-menu {
background: #efefef;
}
.mega-menu-wrapper li:first-child ul.sub-menu {
    background: var(--secondary-color);
}
.mega-menu-wrapper li:first-child ul.sub-menu a {
    color: #fff;
}

.mega-menu-wrapper li.menu-item.menu-item-has-children {
    padding: 0;
}

.mega-menu-wrapper li.menu-item-has-children a {
    display: none!important;
}
.mega-menu-wrapper li.menu-item-has-children li a {
    display: block!important;
}

}

@media (max-width: 980px) {
    .sub-menu.mega-menu {
        background-color: transparent;
    }
    .mega-menu-image {
        display: none;
    }
    .mega-menu-wrapper li.menu-item-has-children a {
        display: none!important;
    }
    .mega-menu-wrapper li.menu-item-has-children li a {
        display: block!important;
    }
    .mega-menu-wrapper {
        display: block;
    }  
    .nav .sub-menu.mega-menu a {
        padding: 14px 0!important;
    }
    .nav .menu li li {
        align-items: start;
    }
    .mega-menu-wrapper {
        padding: 22px 0 0;
    }
    li.menu-item.menu-item-has-children {
        padding-bottom: 0px;
    }
    .nav .sub-menu.mega-menu .types a {
        text-align: left;
    }
}

/* Blog css */

.blog-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
    padding: 32px 0;
    text-align: left;
}

.blog-wrapper .entry-summary img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 5 / 3;
    display: block;
    position: relative;
    border-radius: 15px 15px 0px 0px;
}
.blog-wrapper .content {
    padding: 0 22px;
}
.blog-wrapper article a {
    color: var(--text-color);
    text-decoration: none;
    font-size: 1.3em;
    margin: 1em 0;
}
.blog-wrapper article .entry-title a {
    color: var(--text-color);
    text-decoration: none;
    font-size: 1.3em;
    margin: 1em 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 18px;
    line-height: 1.4;
    color: #001E30;
    font-family: Livvic;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}
time.entry-date, span.meta-sep {
    color: #001E30;
}

time.entry-date {
    font-size: 16px;
}
article {
    background-color: #fff;
    border-radius: 15px;
}

.blog-content-single .blog-copy {
    max-width: 600px;
    margin: auto;
    margin-top: 32px;
}
.blog-content-single  .blog-copy .entry-title {
    line-height: 1.2;
}
.blog-content-single ul {
    font-size: 16px;
    color: #001E30;
    list-style: disc;
    margin-left: 22px;
}
.blog-content-single li {
    margin-bottom: 12px;
}
.blog-content-single span.cat-links a, .blog-content-single span.author-name a {
    font-size: 16px;
    color: var(--text-color);
    text-decoration: none;

}

.blog-content-single .title-wrapper, .blog-archive-page .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blog-content-single .nls-title, .blog-archive-page .nls-title {
    margin: 0;
}

.blog-content-single .entry-summary img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 5 / 3;
    display: block;
    position: relative;
}
input#search-field {
    text-align: left;
    border: 1px solid #ddd;
    padding: 4px 8px;
    line-height: 2;
    min-height: 30px;
}
button.search-submit {
    background-color: var(--primary-color);
    color: var(--default-color) !important;
    font-size: 18px;
    margin-top: 18px !important;
    padding: 14px 24px;
    z-index: 9999;
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 10px 22px;
    border-radius: 12px;
    text-decoration: none;
    margin-top: 10px;
    font-weight: 500;
    font-size: 13px;
    border: 0;
}

@media (max-width: 767px) {
    .row-arrow {
    transform: rotate(90deg);
    margin-left: 15px;
}
   .page-id-6629 .wp-block-custom-hero-block .nls-block-wrapper {
        margin-bottom: 0px !important;
   }
   .page-id-6629 .wp-block-custom-hero-block {
    padding-bottom: 50px !important;
   }
    .category-section-grid .content-wrapper {
        padding: 10px;
        height: 130px;
    }
    .category-section-grid .category-label {
        font-size: 10px;
    }
    .category-section-grid .author-job-wrapper p {
        font-size: 10px;
    }
    .page-id-6717 .filter-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .page-id-6717 .category-section.category-section-grid {
        padding-right: 20px !important;
    }
    .page-id-6717 .content-wrapper h3 {
        width: auto !important;
    }
    .post-carousel.swiper {
        margin-left: 20px;
    }
    .post-carousel .carousel-item {
    margin-right: 0px !important;
}
.post-carousel .carousel-item {
	width: 75% !important;
}
.page-id-6717 .content-wrapper h3 {
    width: auto !important;
    font-size: 16px !important;
    height: auto !important;
    margin-top: 5px !important;
}
.post-carousel .content-wrapper {
    height: 130px;
}
.post-carousel .category-label {
    font-size: 10px;
}
.post-carousel .content-wrapper {
    padding: 10px;
}
.post-carousel .author-job-wrapper p {
    font-size: 10px;
}

    .blog-wrapper {
        grid-template-columns: 1fr 1fr;
    }
    
    .header {
        /* padding: 24px 0 60px 0; */
        padding: 5px 0 5px 0;
    }
    .menu-button {
        display: none;
    }
    .header-wrap img {
        width: 260px;
    }
    .header .hamb-line {
        color: white;
    }
    .footer-menu {
        padding: 0px !important;
    }
    .footer-wrapper.desktop {
        display: none !important;
    }
    .post-header {
        display: block !important;
    }
    .single .author-info {
        margin-top: 0px !important;
    }

   .team-members-template-default .author-profile-block {
    width: auto !important;
    padding-top: 0px !important;
   }
   .team-members-template-default .custom-post-cta, .post-template-default .custom-post-cta, .news-template-default .custom-post-cta {
    padding: 0rem 2rem 70px 20px !important;
    text-align: start!important;
   }
   .post-template-default .custom-post-cta, .news-template-default .custom-post-cta {
    padding: 1rem 2rem 1rem 20px !important;
   }
   .post-template-default .post-content-block, .news-template-default .post-content-block {
    padding: 0px !important;
   }
   .post-template-default .post-header, .news-template-default .post-header {
    padding: 0px !important;
   }
   .single-news .nls-block-wrapper {
    width: auto !important;
   }
   .post-template-default .top-wrapper, .news-template-default .top-wrapper {
    padding: 40px 20px 0px 20px !important;
   }
   .external-link, .pdf-arrow {
    display: none;
   }
   .external-link.mobile, .pdf-arrow.mobile {
    display: block !important;
   }
   .single .post-title {
    font-size: 28px;
    line-height: 40px;
   }
   .post-template-default .category-date {
    flex-direction: row-reverse;
    justify-content: space-between;
   }
   .single .share-icons-wrapper {
    display: flex;
    gap: 25px;
   }
   .single .share-icons {
    justify-content: space-between;
    margin: 30px 0px;
   }
   .single .actions-wrapper {
    display: block;
   }
   .single .download-pdf {
    width: 100%;
    margin-bottom: 40px;
   }
   .single .pdf-arrow.mobile {
    right: 20px;
    top: 15px;
   }
   .post-template-default .post-header, .news-template-default .post-header {
    margin-bottom: 4rem;
   }
   .single .intro-text p, .single .intro-text li {
    font-size: 16px;
    line-height: 28px;
   }
   .single .intro-text h3 {
    font-size: 22px;
   }
   .single .post-content {
    width: 93%;
   }
   .single .author-wrapper h3 {
    margin-bottom: 15px;
   }
   .single .post-title {
    margin-top: 50px;
   }
   .single .publish-date, .single .category {
    font-size: 12px;
   }
   .single .post-showcase-wrapper {
    
   }
}
  .external-link.mobile, .pdf-arrow.mobile {
    display: none;
   }

 .footer-wrapper.mobile {
        display: none;
    }

@media (max-width: 400px) {
    .blog-wrapper {
        grid-template-columns: 1fr;
    }
}

/*privacy policy */
article#post-3 {
    max-width: 800px;
    margin: 64px auto;
}

/* forms */
.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    z-index: 99999999;
    position: relative;
    cursor: pointer;
    background-color: var(--primary-color);
    color: var(--default-color) !important;
    font-size: 18px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 500;
}
.gform-theme--framework .gf_progressbar .percentbar_blue {
    background-color: var(--primary-color);
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect,.gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    text-align: left;
    border: 1px solid #ddd;
}
button.add_list_item, button.delete_list_item {
    display: flex!important;
    padding: 10px!important;
    font-size: 0px!important;
}
button.delete_list_item {
    background-color: red!important;
}
h2.gform_title {
    color: #001E30;
    text-align: left;
    font-size: 32px;
    line-height: 1.2;
    margin-top: 0px;
}

#post-605 .nls-cta-block .nls-block-image img {
    max-width: 350px;
}
/*
#post-605 .nls-cta-block .nls-block-image {
    text-align: center;
}
*/
#post-605 .nls-cta-block .image-left .nls-block-image {
    text-align: right;
}
#post-605 .nls-cta-block .nls-block-wrapper {
    max-width: 1000px;
}
#post-605 .nls-team-block .nls-block-content {
    justify-items: start;
}

li.menu-item-4243 > .sub-menu.mega-menu {
    position: absolute;
    top: 100%; /* Places it directly below the parent menu item */
    left: auto;
    right: auto; /* Ensures it doesn't stretch across the entire width */
    margin-top: 0;
    z-index: 1000;
    width: auto; /* Ensures it takes the width of its content */
}

.mega-menu-wrapper {
    display: block;
    background-color: #0083D5;
}

/* Add relative position to the menu item and anchor tag */
#primary-menu .menu-item {
    position: relative; /* Ensure the `li` has a relative position */
}

#primary-menu .menu-item a {
    position: relative; /* Ensure the `::after` pseudo-element is positioned relative to the `a` tag */
    display: inline-block; /* Ensures the underline behaves properly */
}

/* Style for the hover underline */
#primary-menu .menu-item a::after {
    content: "";
    position: absolute;
    bottom: 0; /* Position the underline at the bottom of the anchor tag */
    left: 0;
    width: 0%; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: white; /* Set your desired underline color */
    transition: width 0.3s ease-in-out; /* Controls the animation speed */
}
.top-menu a {
     position: relative; /* Ensure the `::after` pseudo-element is positioned relative to the `a` tag */
    display: inline-block; 
}
.top-menu a.toplinks::after {
     content: "";
    position: absolute;
    bottom: 0; /* Position the underline at the bottom of the anchor tag */
    left: 0;
    width: 0%; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: white; /* Set your desired underline color */
    transition: width 0.3s ease-in-out; /* Controls the animation speed */
}
.top-menu a:hover::after {
    width: 100%;
}

/* On hover, draw the line from left to right */
#primary-menu .menu-item a:hover::after {
    width: 100%; /* Expand the underline to full width */
}

.underlineAnimation::after {
     content: "";
    position: absolute;
    bottom: 0; /* Position the underline at the bottom of the anchor tag */
    left: 0;
    width: 0%; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: white; /* Set your desired underline color */
    transition: width 0.3s ease-in-out; /* Controls the animation speed */
}

.underlineAnimation:hover::after {
    width: 100%;
}

.underlineAnimation {
     position: relative; /* Ensure the `::after` pseudo-element is positioned relative to the `a` tag */
    display: inline-block; 
    padding-bottom: 5px;
}

.sub-menu .menu-item a::after {
    display: none;
}

/* Base styles for the menu links in .mega-menu-wrapper */
.mega-menu-wrapper li a {
    position: relative; /* Ensure the pseudo-element is positioned relative to the link */
    display: inline-block; /* Prevent text wrapping issues */
    padding-left: 0; /* Reset padding */
    transition: padding-left 0.3s ease; /* Smooth transition for padding */
}

/* Add the image as a `::before` pseudo-element */
.mega-menu-wrapper li a::before {
    content: url('https://archbridge.com/wp-content/uploads/2025/01/Group-65.svg'); /* Set the image URL */
    position: absolute;
    left: -5px; /* Adjust to ensure proper positioning (negative for off-screen initially) */
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Ensure centering is accurate */
    opacity: 0; /* Hide the image initially */
    transition: opacity 0.3s ease, left 0.3s ease; /* Smooth transition for hover effects */
    pointer-events: none; /* Prevent the pseudo-element from being interactive */
}
/* On hover, show the image and push the text to the right */
.mega-menu-wrapper li a:hover::before {
    left: 20px; /* Position the image just before the text */
    opacity: 1; /* Make the image visible */
}

.mega-menu-wrapper li a:hover {
    padding-left: 50px !important; /* Push the text to the right */
}

.mega-menu-wrapper li {
    border-bottom: 1px solid white;
    padding: 5px 0px;
}

.nls-hero-cta-wrapper .nls-primary-button:hover {
    background-color: white !important;
    color: #0083D5 !important;
}

.content-image-button:hover  {
     background-color: white !important;
    color: #0083D5 !important;
}

#homepage-popup {
    position: fixed;
    top: 0;
    left: 0;
    padding: 22px;
    width: calc(100% - 44px);
    height: 100%;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
}

.popup-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.popup-content {
    position: relative;
    background: #fff;
    padding: 130px 20px 150px 20px;
    max-width: 1400px;
    width: 90%;
    text-align: center;
    z-index: 2;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 3;
}
.popup-close img {
    width: 30px;
}
.popup-header h1 {
    font-size: 52px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 70px;
    text-align: start !important;
}

.popup-header p {
    font-size: 26px;
    color: #0083D5;
    margin-bottom: 20px;
    text-align: start !important;
}
.popup-title {
    text-align: start;
}
.popup-button {
    background-color: white;
    color: #234273 !important;
    display: inline-block;
    margin-top: 20px;
    padding: 8px 60px;
    background-color: transparent;
    border: 1px solid #0083D5;
    border-radius: 35px;
    color: #234273;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.popup-button:hover {
    background: #0083D5 !important;
    color: white !important;
}

.logo-images {
    display: flex;
    align-items: center;
    gap: 60px;
}

.popup-arrow img {
    width: 50px !important;
}

.logo-images img {
    width: 300px;
}
.popup-header {
    width: 80%;
    margin: 0 auto;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
  }
  .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 7px;
   // left: -7px;
   // right: -7px;
    bottom: 0;
    overflow: hidden;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
  }
  .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
  }
  .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  
  .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-family: 'Satoshi-Variable';
    line-height: 1.1em;
    padding-bottom: 10px;
  }
  .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
    text-align: center;
  }
  @media (max-width: 450px) {
     .wp-block-custom-accordion-block .accordion-title {
        width: 93%;
    }
  }
  @media (max-width: 768px) {
   
    .footer-menu .widget-one {
        justify-content: center;
    }
    .height721 {
      height: auto !important;
    }
  }

  .blue-button-hover:hover {
    background-color: #0083D5 !important;
    color: white !important;
  }


  
.popup-title h1{
    color: #234273;
}
.popup-title p{
    color: #0083D5;
    font-weight: 500;
    line-height: 40px;
}
.odometer-digit {
    min-width: 1ch;
    text-align: center;
}

.counter {
    font-variant-numeric: tabular-nums;
}

.fixed-header-wrapper {
    width: 100%;
    background: #234273 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: transform 0.3s ease-out;
    padding: 20px 0px;
}



.top-header {
    position: relative;
    z-index: 1001;
}

@media (max-width: 1024px) {
     .mega-menu-wrapper li a:hover::before {
    left: 0px; /* Position the image just before the text */
    opacity: 1; /* Make the image visible */
    
}
#primary-menu .mega-menu-wrapper li a:hover {
    padding-left: 30px !important;
}
#primary-menu .menu-item a::after {
    display: none !important;
}
.mega-menu-wrapper li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://archbridge.com/wp-content/uploads/2025/04/HSV8_-Dj.png);
    background-size: 18px 11px;
    background-repeat: no-repeat;
    width: 18px;
    height: 11px;
    display: inline-block;
}
    #primary-menu .menu-item a::after {
        display: none !important;
    }
    a.menu-button {
        display: none;
    }
    .top-header {
        display: none;
    }
    .nav {
    position: fixed;
    top: 0;
    right: -80%; /* Start position off-screen */
    width: 80%;
    height: 100vh;
    background: #0083d5; /* Using your blue color */
    transition: right 0.3s ease-in-out;
    z-index: 1000;
}

/* When nav is open */
.nav.active {
    right: 0;
    background-color: #EDEDEE;
    padding: 140px 20px 0px 20px;
}
.nav.active .menu {
    background-color: #EDEDEE;
}
.nav.active .menu a {
    color: #234273;
    font-size: 22px;
}
.nav.active .menu li {
    padding: 16px 0px !important;
    border-bottom: 1px solid #0083D5;
}
/* Style for the hamburger when menu is open */
.hamb.active .hamb-line {
    background: transparent;
}

.hamb.active .hamb-line::before {
    transform: rotate(45deg);
    top: 0;
}

.hamb.active .hamb-line::after {
    transform: rotate(-45deg);
    top: 0;
}
.nav.active .menu {
    position: unset !important;
    display: block !important;
}
.nav-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: transform 0.2s ease;
}

.nav-close img {
    width: 100%;
    height: 100%;
}

.nav-close:hover {
    transform: scale(1.1);
}

/* Only show close button when nav is active */
.nav-close {
    opacity: 0;
    visibility: hidden;
}

.nav.active .nav-close {
    opacity: 1;
    visibility: visible;
}
}
/* Default hidden state for all child divs */
/* Initial hidden state for parent sections */
.entry-content > div {
    opacity: 0;
    transform: translateY(20px); /* Slide up effect */
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Visible state for parent sections */
.entry-content > div.visible {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

/* Initial hidden state for child elements */
.entry-content > div:nth-child(1),
.entry-content > div:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
.image-column {
    opacity: 0;
    transform: translateY(10px); /* Slight slide-up effect */
    visibility: hidden;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.content-column{
    opacity: 0;
    transform: translateY(10px); /* Slight slide-up effect */
    visibility: hidden;
    transition: opacity 0.8s ease, transform 0.8s ease;
}
/* Visible state for image column */
.image-column.visible {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

/* Visible state for content column */
.content-column.visible {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.menu-item-6646, .menu-item-6645, .menu-item-6644 {
    display: none;
}

@media (max-width: 1024px) {
    #primary-menu .sub-menu {
        display: none;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
    }
    
    #primary-menu .menu-item-has-children {
        position: relative;
    }
    
    #primary-menu .mega-menu-wrapper {
        padding: 0;
    }
    
    #primary-menu .mega-menu-wrapper li a {
        padding: 10px 20px;
        display: block;
    }
     #primary-menu .mega-menu-wrapper li a::after {
        display: none !important;
     }
    .mega-menu-wrapper {
        background-color: transparent !important;
        padding-bottom: 10px !important;
        max-width: 100% !important;
    }
    .menu-item li a::after {
        display: none !important;
    }
    .nav.active .menu li li {
        border-bottom: none !important;
        padding: 10px 0px !important;
    }
    .sub-menu.mega-menu {
        margin-top: 5px !important;
    }
    #primary-menu .menu-item a::after:not(.menu-item-6645 a::after) {
    display: none !important;
}
    .nav.active .menu li li a {
        font-size: 16px !important;
        padding: 0px 0px !important;
        color: #0083D5 !important;
    }
    .menu-item-6646, .menu-item-6645, .menu-item-6644 {
    display: block;
    border-bottom: none !important;
    font-size: 18px !important;
}

.menu-item-6646 a, .menu-item-6645 a, .menu-item-6644 a {
     font-size: 18px !important;
}
.menu-item-6646 a {
border: 1px solid #0083D5;
    border-radius: 35px;
    width: 100% !important;
    text-align: center;
    padding: 8px 0px;
    color: #234273;
    }
    .menu-item-6645 a {
        display: inline-block; /* Allows proper rendering of ::before */
    position: relative; /* Ensures positioning works correctly if needed */
    }
 .menu-item-6645 a::after {
    content: '';
    display: inline-block !important;
    width: 16px !important;
    height: 20px !important;
    margin-left: 15px; /* Space between text and icon */
    background-image: url('https://archbridge.com/wp-content/uploads/2025/01/Arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 100% !important;
    background-color: transparent !important;
}
#primary-menu .menu-item a {
    font-weight: 500 !important;
}
.logo-images {
    gap: 20px;
}
.logo-images img {
    width: 120px;
}
.popup-arrow img {
    width: 30px !important;
}
.popup-content {
    padding: 80px 20px 150px 20px;
}
.popup-header h1 {
    font-size: 28px;
    line-height: 40px !important;
}
.popup-header {
    width: 100%;
}
.popup-header p {
    font-size: 18px;
}
}

.single-team_member .blog-copy, .single-post .blog-copy {
    max-width: 100%;
}

.single-team_member .entry-meta, .single-post .entry-meta {
    display: none;
}

.single-team_member .entry-title, .single-post .entry-title {
    display: none;
}

.single-team_member .nls-block-wrapper, .single-post .nls-block-wrapper {
    width: 100%;
    max-width: 100%;
}

.single-team_member p, .single-post p {
    color: white;
}

.single-post .post-header {
    display: flex;
    padding: 0px;
}
.single-post .top-wrapper {
    max-width: 1360px;
    margin: 0 auto;
}
.single-post .article-body {
    max-width: 1360px;
    margin: 0 auto;
    width: auto;
}
@media (min-width: 1360px) {
    .single-post .top-wrapper, .article-body {
        padding: 30px 115px;
    }
}
.single-post .author-info img {
    height: 95px;
    width: 95px;
}

/* Base styles */
.category-section {
    margin: 0px 0px 30px 0px;
    
    overflow: hidden;
}
.swiper-free-mode>.swiper-wrapper {
    padding-left: 2.5% !important;
}
.post-carousel {
    margin-right: -20%; 
}

/* Card sizing and spacing */
.carousel-item {
    padding-right: 10px;
}

.card {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    border: none !important;
}

/* Image sizing */
.image-wrapper {
    width: 100%;
    height: 100%;
   
    position: relative;
    overflow: hidden;
    margin-bottom: -1px;
}

.image-wrapper img {
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content area sizing */
.content-wrapper {
    width: auto;
    height: 200px;
    padding: 20px;
    background: #1a365d;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Typography */
.category-label {
    
    font-size: 12px
    margin-bottom: 10px;
    opacity: 0.8;
}

.content-wrapper h3 {
    margin: 0 0 10px 0;
    font-size: clamp(16px, 1.5vw, 20px);
    line-height: 1.4;
    font-weight: bold;
    color: white;
}

.content-wrapper p {
    margin: 0;
    font-size: clamp(13px, 1vw, 15px);
    line-height: 1.5;
    opacity: 0.9;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Slick carousel overrides */
.slick-list {
    padding: 0 !important;
}

.slick-track {
    display: flex !important;
    padding-left: 100px !important;
}

.slick-slide {
    height: auto !important;
    width: auto !important;
}

.slick-slide > div {
    height: 100%;
    width: auto !important;
}

/* Filter styles */
.filter-section {
    gap: 40px;
    padding: 2.5%;
}

.filter-group {
    min-width: 200px;
}

.filter-group h3 {
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}

.filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-link {
    display: flex;
    align-items: center;
    color: #0066cc;
    text-decoration: none;
    padding: 8px 0;
    position: relative;
    transition: color 0.3s ease;
}

.filter-link:hover {
    color: #004999;
}

.filter-link::after {
    content: '→';
    position: absolute;
    right: 10px;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

.filter-link:hover::after {
    opacity: 1;
    transform: translateX(0);
}

/* Responsive adjustments */
@media (max-width: 1440px) {
    .card {
        width: calc((555 * 100vw) / 1440);
    }
    
    .content-wrapper {
        height: calc((230 * 100vw) / 1440);
        padding: calc((20 * 100vw) / 1440);
    }
}

@media (max-width: 768px) {
    .category-section {
        padding-left: 15px;
    }
    
    .carousel-item {
        padding-right: 15px;
    }
    
    .content-wrapper {
        height: 180px;
    }
    
    .filter-section {
        flex-direction: column;
        gap: 20px;
    }
    
    .filter-group {
        width: 100%;
    }
}

/* Grid Layout */
.post-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.post-grid .grid-item {
    flex: 1 1 calc(33.333% - 20px); /* 3 items per row */
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .post-grid .grid-item {
        flex: 1 1 calc(50% - 20px); /* 2 items per row */
    }
}

@media (max-width: 768px) {
    .post-grid .grid-item {
        flex: 1 1 100%; /* 1 item per row */
    }
}

.card-width {
    max-width: 100% !important;
    width: 100% !important;
}

.filter-button, .type-filter-btn, #team-search, #load-more-team, #search-type, #search-type-news, .type-filter-btn-our {
    font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  padding: 5px 25px 5px 25px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #0083D5;
  border-radius: 100px;
  transition: all 0.3s ease;
  background: none;
  color: #234273;
}
#load-more-team {
    padding: 5px 50px;
    margin-bottom: 0px;
}
.filter-button:hover, #load-more-team:hover {
    background: #0083D5;
    color: white;
}
.filter-button {
    height: 35px;
    margin-top: 15px;
    padding: 5px 20px;
}
#team-search, #search-type, #search-type-news {
    min-height: auto;
    padding: 5px 15px;
    padding-right: 40px;
}
.category-section-grid .category-heading-grid {
    display: none !important;
}
.category-section .category-heading-grid {
    padding-left: 2.5%;
}
.category-heading-grid h2 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #234273;
}
.type-filter-btn {
    
     transition: all 0.3s ease;
}
#post-6626 .type-filter-btn {
    margin-right: 10px;
}
.type-filter-btn.active, .type-filter-btn-our.active {
            background-color: #0083D5;
            color: white;
        }
.page-id-9545 .type-filter-btn.active {
    background-color: white;
    color: #234273;
}
.our-team-heading p {
    font-size: 52px;
    margin: 0px;
    color: #234273;
    font-weight: 500;
}
.page-id-6717 .our-team-filters-wrapper {
    justify-content: end;
}
#category-filter, #featured-filter, #author-filter, #category-filter-posts {
    border: none;
    border-bottom: 1px solid #0083D5;
    color: #234273;
    width: 200px;
    margin-right: 10px;
    font-size: 16px;
    border-radius: 0px;
    padding-bottom: 3px;
    font-weight: 500;
}

.page-id-6717 .our-team-heading {
    display: none;
}
.page-id-6717 .our-team-filters-wrapper {
    width: 100%;
    flex: 1;
    gap: 20px;
}
.page-id-6717 .filter {
    width: 100%;
    flex: 1;
}
.page-id-6717 .filter select, .page-id-6717 .filter input {
    width: 100% !important;
}
.our-team-filters-main {
    display: flex;
    justify-content: space-between;
}

.our-team-filters-wrapper {
    display: flex;
    justify-content: space-between;
    flex: 3;
    align-items: center;
}

.our-team-heading {
    flex: 1;
}

.load-more-container {
    text-align: center;
}
.team-member {
    background-color: #234273;
    
}
.single-news .top-wrapper {
    max-width: 1360px;
    margin: 0 auto;
}
.single-news .article-body {
    max-width: 1210px;
    margin: 0 auto;
    width: auto;
}
@media (max-width: 1360px) {
    .single-news .article-body {
        max-width: 100%;
        padding: 40px;
    }
}
.team-member h3 {
    color: white;
    font-size: 24px;
    padding: 0 20px;
    margin-bottom: 0px;
    line-height: 40px;
}
.team-member p {
    font-size: 17px;
    font-style: italic;
     padding: 0 20px;
     color: white;
     margin-bottom: 30px;
}

.filter-section-wrapper {
    display: flex;
}

.page-id-74 .top-menu li a[href="/careers"], .page-id-131 .menu-item-6661 a, .page-id-6662 .menu-item-has-children.menu-item-9503 > a , .page-id-6626 .menu-item-10 > a, .page-id-6717 .menu-item-6060 a  {
   border-bottom: 1px solid white;
}
@media (max-width: 767px){
    .page-id-74 .top-menu li a[href="/careers"], .page-id-131 .menu-item-6661 a, .page-id-6662 .menu-item-has-children.menu-item-9503 > a , .page-id-6626 .menu-item-10 > a, .page-id-6717 .menu-item-6060 a  {
   border-bottom: none !important;
}
}
.wave-animation-wrapper {
    z-index: 0 !important;
}

.image-wrapper, .member-image {
    position: relative;
}
@media (min-width: 767px) {

/* .image-wrapper::after, .member-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 131, 213, 0.3);
} */
.image-wrapper.mobile {
    display: block !important;
}
}
.publication-info.desktop, .actions-wrapper.desktop {
    display: flex !important;
}
.publication-info.mobile, .actions-wrapper.mobile {
        display: none !important;
    }

@media (max-width: 767px) {
    .publication-info.desktop, .actions-wrapper.desktop {
        display: none !important;
    }
    .publication-info.mobile, .actions-wrapper.mobile {
        display: block !important;
    }

    /* .image-wrapper {
        display: none;
    } */
}

#footer {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

#footer.visible {
    opacity: 1;
    transform: translateY(0);
}

.our-team-hero .nls-desc {
    padding-bottom: 75px;
}

.our-team-filters-main {
    padding-top: 40px;
    padding-bottom: 40px;
}

.page-id-6717 .our-team-hero .nls-desc {
    padding-bottom: 70px;
}
.page-id-6717 .filter-section-wrapper {
    padding-top: 0px;
}

.filter-section-wrapper {
     padding-top: 40px;
 }

 .filter-search {
   position: relative;
}

.filter-search::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-20%);
    width: 24px;
    height: 24px;
    background-image: url(https://archbridge.com/wp-content/uploads/2025/01/Group-71.svg);
    background-repeat: no-repeat;
    pointer-events: none;
}

.header-author-wrapper {
    display: flex;
    gap: 10px;
}

.category-header-wrapper {
    flex: 3;
}

.external-link {
    width: 100%;
}
.external-link a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.show-more-posts-button, .load-more {
    display: inline-block;
  margin-top: 20px;
  padding: 8px 60px;
  background-color: transparent;
  border: 1px solid #0083D5;
  border-radius: 35px;
  color: #234273;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.show-more-posts-button:hover, .load-more {
    background: #0083D5;
    color: white;
}

.category-section-grid .post-grid.swiper {
    display: block !important;
}

.category-section-grid .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.swiper-slide:not(.swiper-services .swiper-slide, .single-post-slide .swiper-slide) {
    width: auto !important;
}
.team-members-template-default .profile-image {
    flex: 1;
}

.team-members-template-default .author-info {
    align-items: start;
}

.team-members-template-default .author-profile-block {
    max-width: 1360px;
    margin: 0 auto;
    border-radius: 0px;
    margin-bottom: 20px;
    padding-top: 120px;
    width: 90%;
}
.team-member-single {
    position: relative;
    z-index: 1;
}

.team-members-template-default .template-blue-background {
    height: 250px !important;
}

.category-section-grid .card {
    max-width: 100% !important;
}

.category-section-grid {
    padding-right: 2.5% !important;
    padding-left: 2.5% !important;
}
.author-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.author-article-button {
    isplay: inline-block;
    /* margin-top: 20px; */
    padding: 8px 60px;
    background-color: transparent;
    border: 1px solid #1C86C8;
    border-radius: 35px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease;
}

.author-article-button:hover {
    background-color: #1C86C8;
    color: white;
    cursor: pointer;
}

.team-members-template-default .custom-post-cta {
    padding: 0rem 2rem 2rem 0rem;
}

.category-section-grid .carousel-item {
    width: 100% !important;
}

.category-section-grid .hidden-post {
    display: none !important;
}

.page-id-74 .custom-content-image-block .content-column {
    /* width: 65% */
}
@media (max-width: 768px) {
    .client-characteristics-inner {
    width: auto !important;
    }
}
.client-characteristics-inner {
    max-width: 1130px !important;
    width: 90%;
}

.customBorderColor .accordion-item {
     border-bottom: 1px solid #0083D5;
}

/* Or using nth-child with full path */
.customBorderColor .nls-block-wrapper > .accordion-item:nth-child(2) {
  /* Your styles here */
   border-top: 1px solid #0083D5;
   padding-top: 20px;
}
.page-id-131 .two-column-cta-inner, .page-id-6662 .two-column-cta-inner {
    max-width: 1080px;
}

.page-id-131 .wp-block-custom-hero-block {
    margin-top: -1px;
}
.page-id-131 .custom-last-block .content-container, .page-id-6662 .custom-last-block .content-container {
    max-width: 1130px;
}

.wp-block-custom-heading-text-lists {
    margin-top: -1px;
}

.wp-block-custom-last-block {
    margin-bottom: -1px;
}

.wp-block-custom-accordion-image-block {
    margin-top: -2px;
}

.page-id-131 .accordion-header h3 {
    line-height: 40px;
}
.page-id-4020 a {
    color: #0083D5;
}
.page-id-4020 .accordion-header-title {
    font-size: 32px !important;
    color: #0083D5;
}

.page-id-4020 .accordion-title {
    font-size: 26px;
}

.page-id-4020 .accordion-content p {
    color: #234273;
    font-family: "Miller-Text";
    max-width: 1000px;
}

.page-id-4020 .nls-block-wrapper, .page-id-4020 .two-column-cta-inner, .page-id-4020 .custom-last-block .content-container {
    max-width: 1130px !important;
}
.two-column-cta-inner {
  max-width: 1130px !important;
}
.page-id-4020 .accordion-header {
    margin-bottom: 10px;
}

.page-id-4020 .wp-block-custom-accordion-block {
    background-color: white !important;
}

.page-id-4020 .wp-block-custom-two-column-cta-block {
    margin-top: 80px;
}

.page-id-4020 .wp-block-custom-accordion-block .nls-block-wrapper {
    padding-bottom: 20px;
}

.page-id-5228 .pp-content {
    max-width: 1130px;
    margin: 0 auto;
    padding-top: 125px;
    padding-bottom: 125px;
    width: 90%;
}

.page-id-5228 .pp-content p, .page-id-5228 .pp-content li {
    font-size: 19px;
    color: #234273;
    line-height: 28px;
    font-family: "Miller-Text";
}

.page-id-5228 .pp-content h2, .page-id-5228 .pp-content h3, .page-id-5228 .pp-content h4  {
    font-size: 32px;
     color: #234273;
     line-height: 40px;
}

.page-id-5228 .pp-content ul {
    margin-left: 30px;
}

.page-id-5228 table {
    font-size: 19px;
    font-family: "Miller-Text";
    line-height: 28px;
    font-weight: 400 !important;
}
.page-id-5228 .entry-content thead {
    background: #0083D5;
}

.page-id-5228 .entry-content thead strong {
    color: white;
    font-weight: 400 !important;
}

.page-id-5228 .entry-content tbody td {
    color: #234273;
}

.page-id-5228 .wp-block-table td, .wp-block-table th {
    padding: 20px;
}

.page-id-5228 em {
    font-style: normal;
}

.page-id-5228 .custom-last-block .content-container {
    max-width: 1130px;
}

.page-id-5228 .hero-space-margin .nls-block-wrapper {
    max-width: 1130px;
}

/* @media (max-width: 1130px) {
    .page-id-5228 .pp-content {
        padding-left: 20px;
        padding-right: 20px;
    }
} */

.wp-block-custom-hero-block {
    padding-top: 40px;
}

.first-section-faq {
    padding-top: 20px;
}

.news-grid-container {
    max-width: 1360px;
    margin: 0 auto;
    width: 90%;
    margin-top: 40px;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-bottom: 20px;
}

.news-item {
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    min-height: 660px;
}

.news-item:hover {
    transform: translateY(-5px);
}

.news-image {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
}

.news-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-content {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.news-date {
    color: #0083D5;
    font-size: 16px;
    margin-bottom: 10px;
}

.news-title {
    font-size: 32px;
    margin: 0 0 15px;
    color: #234273;
    line-height: 1.3;
}

.news-excerpt {
    color: #0083D5;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.load-more-container {
    text-align: center;
}

.load-more-button {
    background: #0066cc;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.load-more-button:hover {
    background: #0052a3;
}
.date-title-wrapper a {
        font-size: 32px;
        line-height: 40px;
        text-decoration: none;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .single-post .intro-text {
        padding: 0 24px;
        padding-bottom: 10px;
    }
    .publication-info.mobile {
        padding: 32px 24px;
    }
    .news-grid {
        grid-template-columns: 1fr;
    }
    .news-excerpt {
        display: none;
    }
    .news-item {
        min-height: auto;
    }
    .date-title-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    .date-title-wrapper a {
        font-size: 26px;
    }
    .news-title {
        margin-bottom: 25px;
        font-size: 20px;
    }
    .news-content {
        padding: 20px 20px;
    }
    .news-date {
        font-size: 14px;
    }
}

.page-id-6629 .entry-content {
    background: #234273;
}

.page-id-6629 .filter-search {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    max-width: 1360px;
    margin: 0 auto;
    text-align: end;
    margin-top: 40px;
    color: white !important;
    width: 90%;
}
.page-id-6629 .filter-search input {
     color: white !important;
}

.page-id-6629 .filter-search input::placeholder {
    color: white;
}
.page-id-6629 .date-title-wrapper a {
    color: #234273;
}
.load-more-button {
    display: inline-block;
  padding: 8px 60px;
  background-color: transparent;
  border: 1px solid #0083D5;
  border-radius: 35px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

.load-more-button:hover {
    background-color: #0083D5;
    color: white;
}

.single-news .nls-block-wrapper {
    width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.single-news .category-date {
    flex: 0 0 50%;
}
.single-news .category {
    display: none;
}

.single-news .post-content p {
    font-family: "Miller-Text";
}

.single-news .subheading {
    color: white;
}

.single-news .two-column-cta-inner, .single-news .custom-last-block .content-container {
    max-width: 1130px;
}

.custom-content-video-block .content-video-button:hover {
    background: white;
    color: #0083D5 !important;
}

@media (max-width: 768px) {
    .single-news .article-body {
        padding: 0px !important;
    }
    .post-template-default .post-showcase-wrapper {
        display: flex;
        overflow-x: hidden;
        margin-left: 20px;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }
    
    .post-template-default .post-card {
        flex: 0 0 85%;
        margin-right: 0px;
        scroll-snap-align: start;
    }
    
    .post-template-default .post-showcase-grid {
        overflow: hidden;
    }
    
    /* Hide scrollbar */
    .post-template-default .post-showcase-wrapper::-webkit-scrollbar {
        display: none;
    }
    
    .post-template-default .post-showcase-wrapper {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .post-template-default .post-showcase-grid .post-content .post-excerpt {
        display: none;
    }
    .post-template-default .post-showcase-grid .post-content h3 {
        font-size: 16px;
        line-height: 28px;
    }
    .post-template-default .post-heading p {
        font-size: 10px;
    }
    .post-template-default .post-showcase-grid .post-heading-wrapper {
        display: block;
        width: 90%;
    }
    .post-template-default .post-showcase-wrapper .post-author p {
        font-size: 10px;
        font-weight: bold;
    }
    .post-template-default .post-showcase-wrapper .post-author span {
         font-size: 10px;
    }
    .post-template-default .post-showcase-wrapper .post-author {
        width: 90%;
        line-height: 18px;
    }
    .post-template-default .post-showcase-wrapper .content-related {
        padding: 15px 20px !important;
    }
    .post-template-default .post-showcase-grid .post-image {
        height: 200px !important;
    }
    .post-template-default .post-showcase-button-container {
        width: 90% !important;
        margin: 0 auto;
        margin-top: 0px !important;
    }
    .post-template-default .post-showcase-button-container .post-showcase-button {
        width: auto !important;
        margin-top: 0px;
    }
    .post-template-default .post-showcase-wrapper {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    .post-template-default .post-showcase-header h2 {
        font-size: 28px;
    }
    .post-template-default .post-showcase-header {
        padding: 10px 20px;
    }
    .single-post .nls-block-wrapper {
        padding-bottom: 20px;
    }
    .post-content  h2, .post-content h3, .post-content h4, .post-content h5  {
            line-height: 40px;
            margin-bottom: 0px;
    }
}

.page-id-6717 .image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 10 / 3;
    object-position: center;
}

   .page-id-6717 .content-wrapper h3 {
    width: 410px;
    font-size: 32px;
    margin-top: 20px;
    height: 130px;
    overflow: hidden;
   }

   .author-job-wrapper p {
    font-size: 12px;
   }
   .author-job-wrapper span {
    font-weight: 800;
   }

   .single-post .post-card {
    display: flex;
    flex-direction: column;
    height: auto;
    
   }
   .single-post .post-content.content-related {
    flex: 1;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
   }

   .single-post .post-showcase-grid .post-author {
    flex: 0;
   }

   .single-post .post-showcase-grid .post-image {
    height: 140px !important;
   }
    @media (max-width: 768px) {
   .single-post .post-showcase-wrapper {
    display: block !important;
    padding: 0px !important;
   }
   .single-post .post-showcase-wrapper .post-card {
    margin-bottom: 20px;
   }
   /* .single-post .post-author span {
    display: none !important;
   } */
   .single-post .article-content, .single-news .article-content {
    flex-direction: column-reverse;
    gap: 0px !important;
   }
   .single-post .author-details h3 {
        font-size: 22px;
   }
   .single-post .author-details p {
        font-size: 14px !important;
        margin-top: 10px !important;
   }
   .single-post .share-icons img {
    width: 25px !important;
    height: 25px !important;
   }
   .single-post .post-content-block, .single-news .post-content-block {
    max-width: 100%;
   }
   .single-post .publish-date, .single-news .publish-date {
    margin-left: 0px !important;
   }
   .single-post .post-header, .header-author-div, .single-news .post-header {
    padding: 0px 20px !important;
   }
   .single-post .top-wrapper, .single-news .top-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
   }
   
    }

.page-id-74 .image-position-right {
    background: #234273;
}

.page-id-74 .nls-accordion-block .accordion-item {
    border-bottom: 1px solid #0083D5 !important;
    border-top: 0px solid #0083D5 !important;
}

.page-id-74 .accordion-title.nls-subtitle {
    color: #0083D5;
}

.page-id-74 .accordion-content.nls-desc p {
    color: #234273;
}

.page-id-74 .accordion-content .nls-button {
    color: #234273;
}

.page-id-74 .nls-accordion-block .nls-block-wrapper {
    padding-top: 80px !important;
    padding-bottom: 100px !important; 
}
.page-id-74 h2 {
    font-size: 32px;
}
.page-id-74 .custom-content-image-block .content-div h2 {
    line-height: 40px;
}
.page-id-74 .accordion-header-title.nls-title {
    font-size: 48px !important;
}
@media (max-width: 767px){
    .page-id-74 .accordion-header-title.nls-title {
    font-size: 32px !important;
}
}
.page-id-74 .custom-content-image-block .content-div {
    max-width: 100%;
}

.page-id-74 .custom-content-image-block .content-div h2 {
        font-size: 32px;
}

.page-id-74 .custom-content-image-block .content-div p {
        font-size: 20px;
}

@media (min-width: 1366px) {
.page-id-74 .wp-block-custom-hero-block .nls-block-wrapper {
    max-width: 1100px !important;   
}
}

.page-id-74 .nls-accordion-block .nls-block-wrapper {
    max-width: 1100px !important;
}
.page-id-74 .wp-block-custom-accordion-block .nls-button:hover {
    background: #0083d5 !important;
    color: white !important;
}
.page-id-74 .wp-block-custom-accordion-block .nls-button {
    border: 1px solid #0083d5 !important;
}
.page-id-74 .wp-block-custom-accordion-block .accordion-item.active .accordion-content {
    padding-bottom: 20px !important;
}
.page-id-74 .accordion-item {
    padding-bottom: 25px !important;
}
.page-id-6662 .accordion-item.active .accordion-content.nls-desc {
    padding-top: 20px;
}

.wp-block-custom-accordion-block .accordion-header-title.nls-title {
    margin: 0;
}

.page-id-6662 .wp-block-custom-accordion-block {
    padding-top: 70px;
}

.page-id-6662 .wp-block-custom-accordion-block .nls-block-wrapper .accordion-item:last-child {
    padding-bottom: 20px;
}
.page-id-6605 .wp-block-custom-accordion-block .nls-block-wrapper .accordion-item:last-child {
 padding-bottom: 20px;
}
.page-id-6604 .wp-block-custom-accordion-block .nls-block-wrapper .accordion-item:last-child {
 padding-bottom: 20px;
}
.page-id-6606 .wp-block-custom-accordion-block .nls-block-wrapper .accordion-item:last-child {
 padding-bottom: 20px;
}
.page-id-6607 .wp-block-custom-accordion-block .nls-block-wrapper .accordion-item:last-child {
 padding-bottom: 20px;
}
.page-id-6608 .wp-block-custom-accordion-block .nls-block-wrapper .accordion-item:last-child {
 padding-bottom: 20px;
}
.page-id-6662 .nls-hero .nls-title {
    max-width: 100%;
}

.wp-block-custom-hero-block .nls-block-wrapper {
    width: 90%;
}

.wp-block-custom-accordion-block .nls-block-wrapper {
    width: 90%;
}

/* Carousel container positioning */
.post-carousel {
    position: relative;
    padding: 0 40px; /* Make room for arrows */
}

/* Navigation arrow styles */
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: opacity 0.3s ease, background-color 0.3s ease;
    opacity: 1; /* Default state is fully visible */
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

/* Arrow content */
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: sans-serif;
    font-size: 30px !important;
    color: white !important;
    font-weight: 100 !important;
}

.swiper-button-prev:after {
    content: '‹';
}

.swiper-button-next:after {
    content: '›';
}

/* Hover effects */
/* .swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #0083D5;
    color: white;
} */

/* Gradient overlay for carousel edges */
.post-carousel {
    position: relative;
    overflow: hidden; /* Make sure this is set to properly mask the gradient */
}

.post-carousel::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    width: 120px;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(35, 66, 115, 1.8));
    pointer-events: none;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.post-carousel::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 120px;
    height: 100%;
    background: linear-gradient(to left, rgba(255,255,255,0), rgba(35, 66, 115, 1.8));
    pointer-events: none;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.post-carousel.show-right-gradient::after {
    opacity: 1;
}

.post-carousel.show-left-gradient::before {
    opacity: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .post-carousel {
        padding: 0 35px;
    }
    
    .swiper-button-next,
    .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 16px;
    }
    .page-id-6717 .our-team-filters-wrapper {
        flex-direction: column;
    }
    .swiper-free-mode>.swiper-wrapper {
        padding-left: 0px !important;
    }
    .page-id-6717 .category-section {
        padding-left: 0px !important;
    }
    .category-heading-grid h2 {
        font-size: 18px;
        margin-bottom: 0px;
    }
    .filter-button {
        font-size: 14px;
    }
    .page-id-6717 .category-heading-grid {
        display: block !important;
    }
    .page-id-6626 .our-team-filters {
        flex-direction: column-reverse;
    }
    .page-id-6626 .our-team-filters button {
        width: 100%;
        margin-bottom: 10px;
    }
    .page-id-6626 #category-filter, #team-search {
        width: 100% !important;
    }
    .page-id-6626 .our-team-filters-wrapper {
        gap: 0px;
    }
    .our-team-main-wrapper {
       padding: 20px 20px 20px !important;
    }
    .board-members-wrapper {
        display: block !important;
    }
    .board-filter-buttons {
        display: block !important;
    }
    .board-filter-buttons button {
        width: 100%;
        margin-top: 10px;
    }
    #category-filter, #team-search {
        width: 100% !important;
    }
    .board-category-filter select {
        max-width: 100% !important;
    }
    .page-id-9545 .our-team-filters {
        margin-top: 10px;
    }
    .category-section-grid .post-grid {
        grid-template-columns: repeat(1, 1fr) !important;
        padding-left: 20px;
    }
    .post-showcase-header {
        margin-bottom: 0rem !important;
        padding: 1rem 24px !important;
    }
    .post-showcase-button-container {
        width: 90%;
        margin: 0 auto;
        margin-top: 0px;
    }
    .post-showcase-button-container a {
        width: auto;
        margin-top: 0px;
    }
    .cta-button {
        width: 50% !important;
    }
    
}

/* Hide arrows for grid view */
.post-grid .swiper-button-next,
.post-grid .swiper-button-prev {
    display: none;
}

.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    pointer-events: none !important;
    cursor: default !important;
}

.post-carousel .swiper-button-disabled + .swiper-wrapper::after,
.post-carousel .swiper-button-disabled ~ .swiper-wrapper::before {
    opacity: 0 !important;
}

.wp-block-custom-custom-accordion-block .nls-block-wrapper {
    width: 90%;
}

.page-id-6605 .post-showcase-button img {
    display: none;
}
.page-id-6605 .post-showcase-button {
width: auto;
}

.page-id-6605 .wp-block-custom-accordion-block {
    background-color: #0083D5 !important;
}

// fonts 
@media (min-width: 768px) {
    h1 {
        font-size: 48px !important;   
    }
    h2 {
        font-size: 32px !important; 
    }
    h3 {
        font-size: 26px !important;
    }
    h4 {
        font-size: 16px !important;
    }
}

.animation-space {
    height: auto;
}

@media (max-width: 767px) {
    .animation-space {
        height: auto !important;
    }
}

#gform_1 input {
    border: none;
}

#gform_1 select {
    border: none;
}

#gform_1 textarea {
    border: none;
}

#footer a{
    font-weight: 300 !important;
}
#footer .social-links a{
    font-weight: 500 !important;
}
#gform_submit_button_1{
    border: 1px solid white !important;
}
.post-showcase-grid{
        margin-bottom: 0 !important;
    }
@media (max-width: 430px) {
    .accordion-title.nls-subtitle {
        font-size: 17px !important;
    }
    
}


/* Save this as css/newsletter-popup.css in your theme directory */

/* Save this as css/newsletter-popup.css in your theme directory */

#newsletter-popup-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; /* JS changes this to block */
    z-index: 999999;
    overflow-y: auto;
}

.popup-overlay {
    position: fixed; /* Changed from absolute to fixed */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Ensure proper targeting of correct popup elements */
#newsletter-popup-wrapper .popup-container {
    position: relative;
    background-color: #234273;
    color: white;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 90%;
    border: 12px solid #0083D5; /* Blue border to match design */
    box-sizing: border-box;
    margin: 20px 0; /* Added to prevent stretching issues */
}

/* Add specific classes to avoid conflicts with homepage popup */
#newsletter-popup-wrapper .popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    color: white;
    cursor: pointer;
    z-index: 10;
}

/* Ensure this doesn't conflict with homepage popup */
#newsletter-popup-wrapper .popup-close img {
    max-width: 100%;
    height: auto;
}
#gform_fields_3{
    width: 55%;
}
#field_3_4{
    width: 100%;
}
/* Namespace the content styling */
#newsletter-popup-wrapper .popup-content {
    /* padding: 40px 50px 60px; */
    padding: 80px;
    text-align: start;
    background: #234273;
}

#newsletter-popup-wrapper .popup-title {
    font-size: 38px;
    margin-bottom: 20px;
    font-weight: 400;
    color: white;
    line-height: 1.1;
}

#newsletter-popup-wrapper .popup-description {
    margin-bottom: 30px;
    line-height: 1.5;
    font-size: 16px;
    opacity: 0.9;
}

/* Form styling to match the image */
#gform_3 .gform_body {
    width: 100%;
}

#gform_3 .gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    overflow: hidden;
}

#gform_3 .gfield {
    margin-top: 0;
    margin-bottom: 0;
}

#gform_3 .name_first,
#gform_3 .name_last,
#gform_3 input[type="text"],
#gform_3 input[type="email"],
#gform_3 input[type="tel"] {
    width: 100% !important;
    /* padding: 10px 15px !important; */
    border: none !important;
    border-radius: 0 !important;
    height: 50px !important;
    background-color: #F5F5F5 !important;
    color: #234273 !important;
    font-size: 16px !important;
}

#gform_3 input::placeholder {
    color: #234273 !important;
    opacity: 0.7 !important;
    font-style: normal !important;
}

#gform_3 input::-webkit-input-placeholder {
    color: #234273 !important;
    opacity: 0.7 !important;
    font-style: normal !important;
}

#gform_3 input::-moz-placeholder {
    color: #234273 !important;
    opacity: 0.7 !important;
    font-style: normal !important;
}

#gform_3 input:-ms-input-placeholder {
    color: #234273 !important;
    opacity: 0.7 !important;
    font-style: normal !important;
}

/* Override Gravity Forms styling to match design */
/* .gform_wrapper .top_label .gfield_label,
.gform-field-label {
    display: none !important;
} */

.gform_wrapper .gfield_required {
    color: white !important;
}

.gform_wrapper .gfield_description {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
}

#gform_3 .gform_footer {
    padding-top: 30px !important;
    text-align: center;
    margin-top: 10px;
}

#gform_submit_button_3 {
    background: transparent !important;
    border: 1px solid #0083d5 !important;
    border-radius: 50px !important;
    color: white !important;
    width: auto !important;
    min-width: 120px !important;
    /* margin: 0 auto !important; */
    padding: 0 120px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    cursor: pointer !important;
    display: inline-block !important;
    text-transform: none !important;
}

#gform_submit_button_3:hover {
    background-color: #0083d5 !important;
}

.ginput_container_name {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.name_first, 
.name_last {
    flex: 1 1 45% !important;
}
.newsletter-field-notice{
    font-size: 19px;
    font-family: 'Miller-Text';
    margin: 0 !important;
}
/* Field layout for name fields */
#input_3_1 {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
    /* width: 100% !important; */
}
#field_3_5{
    width: 100%;
}

#input_3_1_3_container, 
#input_3_1_6_container {
    width: calc(50% - 7.5px) !important;
    margin-right: 0 !important;
}

/* Required field notice */
.gform_required_legend,
.gform_wrapper .gform_required_legend {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 12px !important;
    margin-top: 15px !important;
    font-style: italic !important;
}

/* Style for the "* Indicated Required Field" text */
.gform_wrapper .gform_validation_errors,
.gform_wrapper .validation_message {
    color: #FF9494 !important;
    font-size: 12px !important;
}
#field_3_1{
    width: 100%;
}
/* Desktop styles */
@media (min-width: 768px) {
    .popup-container {
        width: 1150px;
        max-width: 80%;
    }
    
    .popup-title {
        font-size: 40px;
    }
    
    .popup-description {
        font-size: 22px !important;
    }
}

/* Mobile styles */
@media (max-width: 767px) {
    #gform_fields_3{
        width: 100% !important;
    }
    .popup-container {
        width: 90%;
        max-width: 350px;
        margin: 0 !important;
    }
    
    .popup-close {
        top: 10px;
        right: 10px;
    }
    
    .popup-content {
        padding: 30px 20px !important;
    }
    
    .popup-title {
        font-size: 30px;
        margin-top: 10px !important;
        margin-bottom: 15px !important;
    }
    
    .popup-description {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    #gform_3 input {
        height: 40px !important;
    }
    
    #input_3_1 {
        flex-direction: column !important;
    }
    
    #input_3_1_3_container, 
    #input_3_1_6_container {
        width: 100% !important;
    }
    
    #input_3_1_3_container {
        margin-bottom: 10px;
    }
    
    #gform_submit_button_3 {
        width: 100% !important;
        padding: 10px 20px !important;
    }
}
.page-id-74     .swiper-wrapper .swiper-slide:first-of-type .image-wrapper {
    margin-left: 20px;
}

.page-id-74 .swiper-button-next {
    top: 56% !important;
    opacity: 1;
    pointer-events: auto;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(35, 66, 115));
    right: 0px;
    justify-content: end !important;
    padding-right: 20px !important;
    height: 405px !important;
    width: 10% !important;
}

.page-id-74 .swiper-button-prev {
     top: 56% !important;
    opacity: 1;
    pointer-events: auto;
   background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(35, 66, 115));
    left: 0px;
    justify-content: start !important;
    padding-left: 20px !important;
    height: 405px !important;
    width: 10% !important;
}

#gform_1 #gform_fields_1 input, #gform_1 #gform_fields_1 select, #gform_1 #gform_fields_1 textarea{
    font-size: 26px !important;
    color: #0083D5;
}
#gform_1 #gform_fields_1 input::placeholder{
            color: #0083D5 !important;

    }
@media (max-width: 768px){
  #gform_1 #gform_fields_1 input, #gform_1 #gform_fields_1 select, #gform_1 #gform_fields_1 textarea{
    font-size: 17px !important;
    color: #0083D5;
    }  
    #gform_1 #gform_fields_1 input::placeholder{
            color: #0083D5 !important;

    }
}

@media (max-width: 768px) {
    .page-id-6717 .post-carousel .carousel-item {
        width: 75% !important;
    }
}

.white-button-hover .nls-button:hover {
    background-color: white !important;
    color: #0083D5 !important;
}

.page-id-6626 .our-team-filters .type-filter-btn:hover, .page-id-9545 .board-filter-buttons .type-filter-btn:hover, .page-id-9545 .type-filter-btn-our:hover {
     background-color: #0083D5 !important;
    color: white !important;
}

 .single-team-members .author-info a {
    color: white !important;
    text-decoration: none;
   }

   .single-post .post-showcase-wrapper .post-content.content-related {
    margin: 0 !important;
   }

   .swiper-button-next:hover:after, 
.swiper-button-prev:hover:after {
  font-size: 36px !important;
}
.swiper-button-next, 
.swiper-button-prev {
  transition: transform var(--swiper-navigation-transition);
}

.wp-block-custom-hero-block.margin-zero .nls-block-wrapper {
    margin-bottom: 0px !important;
}
.wp-block-custom-hero-block.margin-zero.nls-hero .nls-desc {
    margin-bottom: 20px !important;
}


@media (max-width: 767px) {
    .page .wp-block-custom-heading-text-image-block {
        padding: 5px 0px 30px 0px !important;
    }
    .page .wp-block-custom-heading-text-image-block p, .page .wp-block-custom-heading-text-image-block h2 {
        padding: 0px 24px 0px 24px !important;
    }
}


.featured-image-ins {
    width: 450px !important;
    height: 140px !important;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; /* improves sharpness in Chrome */
    image-rendering: crisp-edges; /* improves sharpness in Firefox */
}

@media (min-width: 768px) {
.break-line-300 .subheading {
    max-width: 290px;
}
}

.single-team-members .custom-post-cta {
    max-width: 1400px !important;
    padding: 1rem 2rem 1rem 1rem !important;
}
.custom-post-cta {
    text-align: start !important;
    width: 93% !important;
}
.single-post .swiper-slide {
  margin-right: 20px !important;
}

@media (max-width: 768px) {
    .custom-post-cta {
        width: auto !important;
    }
.nls-hero.our-team-hero .nls-block-wrapper {
  margin-bottom: 0px !important;
}

.nls-hero.our-team-hero .nls-desc {
  padding-bottom: 20px;
}
.our-team-hero {
    height: auto !important;
}
}

.page-id-6629 .wp-block-custom-hero-block .nls-block-container {
    width: 100%;
}

#gform_fields_3 .gform-field-label {
    display: none;
}

#gform_1 input,
#gform_1 textarea,
#gform_1 select {
    outline: none !important;
}

#gform_3 input,
#gform_3 textarea,
#gform_3 select {
     outline: none !important;
}

@media (max-width: 1024px) {
        .footer-wrapper.mobile {
        display: block !important;
    }
    .footer-wrapper.mobile .footer-menu li {
        width: 80%;
        margin: 20px auto;
    }
    .footer-wrapper.mobile .footer-menu ul {
       margin-top: 56px !important;
    }
    .footer-wrapper.desktop {
        display: none !important;
    }
    .footer-menu .widget-one {
        justify-content: center;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .animation-space {
    height: auto;
  }
  .wave-animation-wrapper {
    bottom: 0% !important;
  }
  .animation-space .nls-block-wrapper {
    margin-bottom: 0px !important;
  }
  .header {
    padding: 20px 0;
  }
  .author-buttons {
    flex-direction: column;
    gap: 20px;
  }
  .author-info h2 {
    font-size: 32px;
  }
  .single-team-members .custom-post-cta {
    max-width: 1400px !important;
    padding: 1rem 2rem 1rem 0rem !important;
    text-align: start;
    /* align-items: start; */
    /* justify-content: start; */
    width: 95%;
  }
   .actions-wrapper.desktop {
    flex-direction: column;
    gap: 0 !important;
  }
  .article-content {
    gap: 70px !important;
  }
  #gform_1 #gform_fields_1 input, #gform_1 #gform_fields_1 select, #gform_1 #gform_fields_1 textarea {
    font-size: 16px !important;
  }
}
@media (min-width: 768px) {
.post-showcase-title {
    line-height: 60px !important;
}
}

@media (max-width: 1200px) {
    .post-showcase-header {
        flex-direction: column;
        align-items: start !important;
        margin-bottom: 0rem !important;
    }
}

@media (min-width: 1220px) and (max-width: 1440px) {
    .menu-button {
        margin-left: 20px;
    }
    .animation-space {
        height: auto;
    }
    .wave-animation-wrapper {
        bottom: 0% !important;
    }
    .page-id-23 .wp-block-custom-hero-block .nls-block-wrapper, .page-id-131 .wp-block-custom-hero-block .nls-block-wrapper, .page-id-6662 .wp-block-custom-hero-block .nls-block-wrapper {
        margin-bottom: 0px !important;
    }
    img.custom-logo {
        max-width: 357px !important;
    }
    .header {
        padding: 20px 0px;
    }
    nav.nav {
        justify-content: end;
        display: flex;
        border-top: none !important;
       
    }
    .header-wrap {
        flex-wrap: nowrap !important;
        align-items: center;
    }
    .nav .menu {
        gap: 40px;
    }
}

.ZeroPaddingTop {
  padding-top: 0px !important;
}

.single-post .post-showcase-wrapper .post-content {
    width: auto !important;
}

img.custom-logo {
  
}

@media (max-width: 1220px) and (min-width: 769px) {
    .page-id-6717 .content-wrapper h3 {
        font-size: 24px;
        height: 60px;
    }
}

@media (min-width: 980px) and (max-width: 1024px) {
    .header-wrap {
    flex-direction: row-reverse;
    }
}

@media (min-width: 768px) {
    .wp-block-custom-investment-steps .wp-block-custom-investment-steps {
        padding: 0px !important;
        width: 90% !important;
    }
}
@media (min-width: 1440px) {
    #primary-menu {
        gap: 40px;
    }
     #primary-menu li {
        margin-right: 10px;
     }
     .menu-button {
        margin-left: 20px;
     }
}

@media (min-width: 769px) and (max-width: 900px) {
    .counter {
        font-size: 45px;
    }
    .by-the-numbers h2 {
        font-size: 38px;
    }
}

@media (width: 768px) {
     .counter {
        font-size: 37px;
    }
}

.page-id-4020 .menu-button {
    color: white;
}

.page-id-4020 .menu-button:hover {
    color: #0083d5;
}

.show-right-gradient .card {
    width: calc((555 * 78vw) / 1440);
}
.animation-wrapper.animation-wave {
    bottom: 0% !important;
}

.page-id-23 .wp-block-custom-wave-animation-block {
    height: 250px !important;
}

.page-id-131 .wp-block-custom-wave-animation-block {
    height: 400px !important;
}

.page-id-23 .wp-block-custom-wave-animation-block {
    height: 300px !important;
}

@media (min-width: 769px) {
    .page-id-23 .animation-wrapper object {
        margin-bottom: -200px !important;
    }
    .page-id-6662 .wp-block-custom-wave-animation-block {
        height: 330px !important;
    }
}

@media (min-width: 1050px) {
    .page-id-6662 .animation-wrapper object {
        margin-bottom: -200px;
    }
}
@media (min-width: 1440px) {
     .page-id-6662 .animation-wrapper object {
        margin-bottom: -200px;
    }
    
}
@media (min-width: 1650px) {
     .page-id-23 .animation-wrapper object {
        margin-bottom: -300px !important;
    }
    

}
@media (min-width: 1740px) {
     .page-id-6662 .animation-wrapper object {
        margin-bottom: -300px;
    }
     .page-id-131 .animation-wrapper object {
        margin-bottom: -50px;
    }

}
@media (min-width: 1900px) {
   .page-id-131 .animation-wrapper object {
        margin-bottom: -70px;
    } 
}

@media (max-width: 768px) {
    .page-id-131 .wp-block-custom-wave-animation-block {
        height: 300px !important;
    }
    .page-id-131 .animation-wrapper-mobile object {
        margin-bottom: -130px !important;
    }
    .page-id-23 .animation-wrapper-mobile.animation-wave-mobile {
        position: relative !important;
    }
    .page-id-23 .wp-block-custom-wave-animation-block {
        min-height: 150px !important;
        height: 150px !important;
    }
    .page-id-6662 .animation-wrapper-mobile.animation-wave-mobile, .page-id-131 .animation-wrapper-mobile.animation-wave-mobile {
         position: relative !important;
    }
}

@media (max-width: 650px) and (min-width: 480px) {
    .page-id-131 .animation-wrapper-mobile object {
    margin-bottom: -110px !important;
}
}
@media (max-width: 479px) and (min-width: 320px) {
     .page-id-131 .animation-wrapper-mobile object {
    margin-bottom: -85px !important;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
        .page-id-6662 .wp-block-custom-wave-animation-block {
        height: 320px !important;
    }
}

@media (max-width: 1007px) and (min-width: 768px) {
     .page-id-6662 .wp-block-custom-wave-animation-block {
        height: 290px !important;
    }
}

.forbesLogo {
    position: absolute;
    right: 0;
    padding: 20px;
    background-color: rgba(0, 131, 213, 0.8);
    color: white;
    font-size: 20px;
    width: 70px !important;
    aspect-ratio: 0 !important;
    left: auto !important;
}

.featured-image-column {
    position: relative;
}

.gform_confirmation_message {
    font-size: 32px !important;
    line-height: 1.2 !important;
}
#homepage-popup .popup-content{
    height: 60%;
        overflow: scroll;
        overflow-x: hidden;
}
@media (max-width: 767px){
    #homepage-popup{
        align-items: start;

    }
#homepage-popup .popup-content{
    height: 83%;
        overflow: scroll;
        overflow-x: hidden;
}
#homepage-popup     .popup-header p {
        font-size: 16px;
        line-height: 32px;
    }

    #homepage-popup     .popup-header h1 {
        line-height: 36px !important;
    }



}


@media (max-width: 375px){
    #homepage-popup .logo-images{
        flex-direction: column;
    }
    #homepage-popup .popup-arrow img{
        transform: rotate(90deg);
    }
}

@media (max-width: 319px){
    #homepage-popup .popup-button.close-popup-button{
        padding: 8px 20px; 
        text-align: center;
    }
}

.success-disciplined-approach-block img {
    max-width: 800px !important;
    margin: auto;
}

    .success-disciplined-approach-block h2 {
        line-height: 1.2;
        font-size: 32px;
		    margin-bottom: 40px;
    }

.cli-switch input:checked + .cli-slider {
    background-color: #0083D5!important;
}
table.cookielawinfo-winter thead th {
    background: #0083D5!important;
}
a#wt-cli-privacy-save-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 8px 60px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 35px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
	    color: #234273;
    border-color: #0083d5;
}
.cli-modal-content, .cli-tab-header {
    border-radius: 0!important;
}

a#cookie_action_close_header, a.medium.cli-plugin-button.cli-plugin-main-button.cli_settings_button {
    cursor: pointer;
    display: inline-block;
    margin-top: 20px;
    background-color: transparent !important;
    border: 1px solid #fff;
    border-radius: 35px;
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    padding: 8px 24px;
    text-align: center;
    transition: all 0.3s ease;
}
a.wt-cli-ccpa-opt-out {
    color: #fff !important;
}
/*
object.animation-svg {
    max-width: 1920px;
    margin: auto;
}
*/
@media (min-width: 1920px) {
    .animation-wrapper.animation-wave {
        top: 0% !important;
    }
    .wp-block-custom-animation {
    min-height: 400px !important;
}
}


@media (max-width: 375px) {
    .header-wrap img {
        width: 100%;
    }
        .nav.active {
        right: 0;
        background-color: #EDEDEE;
        padding: 60px 20px 0px 20px;
    }
}

@media (max-width: 375px) {
    .page-id-6717 .post-carousel .carousel-item {
        width: 85% !important;
    }
}

@media (min-width: 1520px) {
    .news-template-default .custom-post-cta {
        max-width: 1410px;
    }
}

#no-news-results {
    max-width: 1200px;
    width: 90%;
    color: white;
    margin: 0 auto;
    opacity: 1 !important;
    visibility: visible !important;
}

#no-results-message-post {
    margin-top: 50px;
}


.has-vivid-red-color { color: #cf2e2e !important; }
.has-vivid-green-cyan-color { color: #00d084 !important; }
.has-pale-pink-color { color: #f78da7 !important; }
.has-vivid-cyan-blue-color { color: #0693e3 !important; }
.has-luminous-vivid-orange-color { color: #ff6900 !important; }
.has-luminous-vivid-amber-color { color: #fcb900 !important; }
.has-light-green-cyan-color { color: #7bdcb5 !important; }
.has-vivid-purple-color { color: #9b51e0 !important; }
.has-pale-cyan-blue-color { color: #8ED1FC !important };


@media (max-width: 480px) {
    .page-id-6717 .content-wrapper h3 {
         height: auto !important;
         margin-top: 5px !important;
    }
}


.page-id-6604 .post-showcase-grid .post-image, .page-id-6605 .post-showcase-grid .post-image, .page-id-6606 .post-showcase-grid .post-image, .page-id-6607 .post-showcase-grid .post-image {
    height: 300px !important;
}