/* || BREAKPOINTS ||
    @media screen and (max-width: 39.9375em) {}                         || SMALL ONLY { 0 - 639px }         ||
    @media screen and (min-width: 40em) {}                              || MEDIUM AND UP { 640px ONWARDS }  ||
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {}   || MEDIUM ONLY { 640px - 1023px }   ||
    @media screen and (min-width: 64em) {}                              || LARGE AND UP { 1024px ONWARDS }  ||
    @media screen and (min-width: 64em) and (max-width: 74.9375em) {}   || LARGE ONLY { 1024px - 1199px }   || */
















/* || Foundation component overrides || */
body{
    font-size: 18px;
    font-weight: 400;
}


h1, .h1 {
    font-size: 2.8em;
    line-height: 1.2em;
    margin: 0.67em 0;
}

h2, .h2 {
    font-size: 2.2em;
    line-height: 1.2em;
    font-weight:600;
}

h3, .h3 {
  font-size: 1.6em;
  line-height: 1.5em;
}

h4, .h4 {
    font-size: 1.2em;
    line-height: 1.5em;
}

h5, .h5 {
  font-size: 1.1em;
    line-height: 1.5em;
}

h6, .h6 {
  font-size: 1em;
  line-height: 1.5em;
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea,
textarea:focus,
select,
select:focus {
    outline: none;
    box-shadow: none;
    font-size:1em;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

[type=checkbox],
[type=radio] {
    position: relative;
    top: 0.1em;
}

button, 
.button {
    font-size:0.9em;
    padding: .9rem 2rem;
    
    border-radius: 0px;
    
    font-weight: 600;
}

button:not(.button-group button), 
.button:not(.button-group button) {
    font-size:0.9em;
    
    border-radius: 0px;
    
}


.is-btn, .btn{
    border-radius: 0px !important;
}


button:hover,
.button:hover,
button:focus,
.button:focus {
    transition: .4s;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.26);
}

.form legend {
    font-weight: 700;
}

span.error,
span.errorMargin {
    color: #cc4b37;
    font-size: 0.8em;
    font-weight: 700;
}


label, 
.label {
    font-size: 1em;
}

/* || Custom defined || */
.alternate-font-family {
    font-family: "Raleway", sans-serif;
}

/* || HEADER || */
.is-wrapper div.is-section.is-header, .is-header {
    background-color: #FFFFFF;
    color:#1E3A8A;
    border-bottom:1px solid #1E3A8A;
    height: auto;
    min-height:0;
    z-index: 99;
    overflow: visible !important;
}

.is-header .is-container {
    z-index: 9;
}

header .sticky-bg-color.stick {
    background: #FFFFFF;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99;
}

header .is-stuck{
    background: #FFFFFF;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 4px 12px 0 #e6e6e6;
}

/* sticky navigation*/
header .with-nav.is-stuck {
    background: #ffffff;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 4px 12px 0 #e6e6e6;
    padding: 0 !important;
    margin: 0;
}

header .with-nav.is-stuck ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
     padding: 10px 0;
}

header.new-header-8 .with-nav.is-stuck ul {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
}

header .with-nav.is-stuck .spacer{
    display:none;
}

header a:not(.button) {
    color: #1E3A8A;
}

header a:not(.button):hover,
header a:not(.button):active,
header a:not(.button):focus {
    color: #1E3A8A;
}

header .icon, 
header i,
header i.fa-bars.icon{
    color: #1E3A8A;
}

header a:not(.button):hover .icon,
header a:not(.button):hover i,
header i:hover{
    color: #1E3A8A;
}

header button,
header .button,
header button:hover,
header button:focus,
header .button:hover,
header .button:focus {
     background:#1E3A8A;
     color:#FFFFFF;
}

header button.header-search-button {
    background:transparent;
}

header button.header-search-button:hover {
    box-shadow: none;
}

.text-logo {
    word-wrap: break-word;
    text-transform: capitalize;
    color: #FFFFFF;
    font-size: 50px;
    font-family: "Outfit", serif;
}

.header-buttons .button {
    font-weight:600;
    padding: 0.9em 2em;
}

footer {
    border-top: 1px solid #CCCCCC;
}

footer .text-logo {
    color: #FFFFFF;
}

footer .address-container br {
    display:none;
}

svg.step.social-icon {
    height:35px;
    width:35px;
    fill:#FFFFFF;
}

.footer2 .step.social-icon,
.new-footer-1 .step.social-icon,
.new-footer-2 .step.social-icon,
.new-footer-3 .step.social-icon,
.new-footer-4 .step.social-icon{
    height: 40px;
    width: 40px;
}

header .cta .icon {
    padding-right: 5px;
    color: #1E3A8A
}

header .text-muted {
    color: #1E3A8A !important;
}

header .border-bottom, 
header hr {
    border-bottom:1px solid #1E3A8A;
}

header .border-top {
    border-top:1px solid #1E3A8A;
}


header .is-section {
    float: none;
    width: auto;
}


.header7 .ps-cart-text-container {
    position:static;
    margin-right:10px;
}




.ecommerce-style2 .cart, .cart {
    position:relative;
}

header a:hover i.fas {
    color:#1E3A8A
}

.ecommerce-style2 .ps-cart-text-container, .ps-cart-text-container {
    color:#FFFFFF;
    background:#1E3A8A;
    height: 22px;
    width: 23px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    font-size: 10px;
    position: absolute;
    left: 31px;
    top: -1px;
    font-weight: bold;
}

header a:hover .ps-cart-text-container {
    background:#1E3A8A;
}

header .currency-converter{
    font-size: 0.9em;
}

header .currency-converter select {
    padding-right:0;
}

.sticky-container,
.nav-bg, 
.top-bar, 
.top-bar ul,
.top-bar ul.menu {
    z-index: 100;
}

.nav-bg, 
.top-bar, 
.top-bar ul,
.top-bar ul.menu {
    
        background: #000000;
    
}


.header-search-input{
    padding-right:25px;
    color:#262626;
    background:#FFFFFF;
}

.header-search-input::placeholder {
    color:#262626;
    opacity:0.6;
}

.header-search-button{
    position:absolute;
    top: 30%;
    right: 5px;
    padding:0;
}

header i.fas.fa-search {
    color:#262626
}

header .ps-cart-text-container {
    color:#FFFFFF;
    background:#1E3A8A;
    height: 22px;
    width: 23px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
}

header a:hover .ps-cart-text-container {
    background:#1E3A8A;
}

/* || MENU || */
header .main-navigation-background {
    background:#000000;
}

header .menu.level-1 li .is-dropdown-submenu.menu.level-2  li:first-child {
    display:none;
}

header .dropdown.menu li a:not(.button) {
    width: 100%;
}

header ul.dropdown.menu li a:not(.button) {
     color: #000000;
     font-weight:400;
}

header ul.dropdown.menu li.active > a:not(.button),
header ul.dropdown.menu li > a:not(.button):hover,
header ul.dropdown.menu li > a:not(.button):active,
header ul.dropdown.menu li > a:not(.button):focus{
    color: #1E3A8A;
    background-color: transparent;
}

header .dropdown.menu li ul.submenu {
     background: #1E3A8A;
     border:none;
}

header .dropdown.menu li ul.submenu li a:not(.button) {
    color: #FFFFFF;
    text-align:left;
}

header .dropdown.menu li ul.submenu li a:not(.button):hover,
header .dropdown.menu li ul.submenu li.active a:not(.button) {
    color: #FFFFFF;
}

header .dropdown.menu li ul.submenu li.is-active > a  {
    background:transparent;
}

header .dropdown.menu > li.is-active > a {
    color: #000000;
    background:transparent;
}

header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color:transparent;
    display: inline-block;
    width: 23px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1772 1.88191C10.6078 1.45139 10.6078 0.753396 10.1772 0.322884C9.74673 -0.107628 9.04873 -0.107628 8.61821 0.322884L5.50004 3.44106L2.38191 0.322933C1.95139 -0.10758 1.2534 -0.10758 0.822884 0.322933C0.392372 0.753445 0.392372 1.45144 0.822885 1.88196L4.72044 5.77951C4.99879 6.05786 5.38895 6.15624 5.74634 6.07466C5.9418 6.03008 6.12746 5.93169 6.27968 5.77946L10.1772 1.88191Z' fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    right: auto;
    left: 37%;
    margin-top: 7px;
}

header .dropdown.menu > li.is-dropdown-submenu-parent.active > a::after,
header .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after {
    border-color: transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    border-color: transparent #000000 transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left.active > a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:hover::after {
    border-color: transparent transparent transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    border-color: transparent transparent transparent #000000;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.active > a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after {
    border-color: transparent transparent transparent transparent;
}

/* New headers CSS */
.size-20 {
    font-size:20px;
}
.menu a.head-icons {
    background:#1E3A8A;
    border-radius:50px;
    height:40px;
    width:40px;
    padding-left:0;
    padding-right:0;
    margin-right:10px;
}

.header-top-bg {
    background:#1E3A8A;
    color: #FFFFFF;
}

.header-top-social-media .menu a{
    padding-bottom:0;
}

.header-top-social-media .menu a i,
.header-top-contact-links .menu a i {
    color:#FFFFFF;
}

.header-top-social-media .menu a:hover i,
.header-top-contact-links .menu a:hover i,
.header-top-contact-links .menu a:hover {
    color:#FFFFFF;
}

header .header-top-contact-links {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color:#FFFFFF;
}

header .header-top-contact-links a,
header .header-top-contact-links a:hover,
header .header-top-contact-links a:active{
    color:inherit;
} 

.header-top-contact-links .menu a {
    padding-top: 0;
    padding-bottom:0;
    color:inherit;
}

.header-top-contact-links .menu a i {
    font-size: 18px;
    position: relative;
    top: 2px;
    padding-right: 5px;
}

header .header8 ul.dropdown.menu > li > a:not(.button) {
    padding-top:0;
    padding-bottom:0;
}

.new-header ul.dropdown.menu li.active > a:not(.button), 
.new-header ul.dropdown.menu li > a:not(.button):hover, 
.new-header ul.dropdown.menu li > a:not(.button):active, 
.new-header ul.dropdown.menu li > a:not(.button):focus {
    background-color:transparent;
}

.new-header ul.dropdown.menu > li.active > a:not(.button) span,
.new-header ul.dropdown.menu > li:hover > a:not(.button) span {
  color :#1E3A8A;
}


.new-header-1 ul.dropdown.menu > li {
    margin-bottom: 5px;
    margin-top: 5px;
}

.new-header-1 ul.dropdown.menu > li.active > a:not(.button) span,
.new-header-1 ul.dropdown.menu > li:hover > a:not(.button) span {
    border-bottom:2px solid #1E3A8A;
}

.new-header-6 ul.dropdown.menu li.active > a:not(.button) span,
.new-header-6 ul.dropdown.menu li:hover > a:not(.button) span,
.new-header-7 ul.dropdown.menu li.active > a:not(.button) span,
.new-header-7 ul.dropdown.menu li:hover > a:not(.button) span{
}

.new-header .button, 
.new-header .button.disabled, 
.new-header .button[disabled], 
.new-header .button.disabled:hover, 
.new-header .button[disabled]:hover, 
.new-header .button.disabled:focus, 
.new-header .button[disabled]:focus {
    background-color: #1E3A8A;
    color: #FFFFFF;
}

.new-header .button.hollow {
    background:transparent;
    color:#000000;
    border:1px solid #1E3A8A;
}

.new-header-menu-container {
    background:#000000;
}

.new-header .button i,
.new-header .button:hover i {
    color:inherit;
    padding-right:10px;
}

.column.full {
    width: 100%;
}

.sidenav-container {
    background-color: #1E3A8A;
    color: #FFFFFF;
    height: 42px;
    width: 42px;
    text-align: center;
    border-radius: 50px;
    padding-top: 8px;
}

.sidenav-container i.fa-bars.icon{
     color: #FFFFFF;
}

.new-header-3 .logo-container,
.new-header-4 .logo-container {
    min-height:110px;
    display: flex;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}

.new-header-3 .left-column i {
    margin-right:5px;
}

.new-header-5.logo-section {
    min-height:150px;
}

.new-header-5 .menu-container {
    margin-top:10px;
}

.new-header-5 .dropdown.menu > li > a {
    padding: 0.7rem 0 0.7rem 2rem;
}

.new-header-5 .dropdown.menu > li.has-submenu > a {
    padding-right: 1.5rem;
}

.new-header-6 .menu a.head-contact-links {
    display: flex;
    text-align: left;
    align-items: center;
}

.new-header-6 .menu a.head-contact-links .icon-part{
    padding-right:20px;
    color:#1E3A8A;
    font-size:20px;
}

.new-header-6 .menu a.head-contact-links .icon-part i {
    color:inherit;
}

.new-header-6 .menu a.head-contact-links .text-part .heading {
    padding-bottom:5px;
}

.new-header-6 .contact-section {
    display: flex;
    justify-content: right;
    align-items: center;
}

.new-header-6 .menu-container {
    border-top:1px solid #1E3A8A;
    margin-top: 10px;
    padding-top: 5px;
}

.new-header-9 .sidenav-bar {
    right: 20px;
    top: 20%;
}

/* New headers CSS END */

/* new theme 2 styles */

.main-banner-sec.theme-2 {
    height:80%;
}

.main-banner-sec.theme-2 form .button {
    background: #1E3A8A;
    color: #FFFFFF;
    padding:12px 32px;
    font-size:0.9em;
}

.is-dark-color * {
    color:#000000;
}

.is-light-color *{
    color:#FFFFFF;
}

.is-dark-color .button,
.is-dark-color button {
    background: #1E3A8A;
    color: #FFFFFF;
}

.is-light-color button,
.is-light-color .button {
    background: #FFFFFF;
    color: #1E3A8A;
}

.page-banner-main-heading {
    font-weight: 500; 
    margin-bottom: 10px; 
    font-size:2.8em;
}

.page-banner-sub-heading {
    font-size: 1.2em; 
    font-family: inherit; 
    margin-bottom: 30px;
}

#contact-us-form-container {
    position:relative;
}

#contact-us-form-container label {
    margin-bottom:8px;
}

#contact-us-form-container p:first-of-type, 
#contact-us-form-container legend {
    display:none;
}

#contact-us-form-container .textblock_wrap p {
    display:block;
}

#contact-us-form-container .fieldset {
    padding:0;
    margin:0;
    border:0px solid;
}

#contact-us-form-container form {
    background:#FFFFFF;
    position: absolute;
    right: 0;
    top:110px;
    width: 100%;
    padding: 40px;
}

#contact-us-form-container form input:not([type="submit"]) {
    border:1px solid #475569;
    padding: 8px 16px;
    border-radius:10px;
    height: 56px;
}

#contact-us-form-container .phone_wrap > div {
    width:100%;
}   

#contact-us-form-container .phone_wrap > div [class*="flag-container"] {
    display:none;
}

#contact-us-form-container form #first_name, 
#contact-us-form-container form #mob_phone_phone_number_tel {
    margin-bottom: 1rem !important;
    margin-top: 0px !important;
}

#contact-us-form-container * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#contact-us-form-container .form-container {
    padding:0;
}

.user-logged-out .main-banner-sec {
    overflow:visible;
}

/* service page */ 

.service-card-section h2 {
    padding-top:30px;
}

.service-card-section .single-card {
    height:100%;
     color:#FFFFFF;
}

.service-card-section .single-card * {
     color:#FFFFFF;
}

.service-card-section .cell {
    padding-right:10px;
    padding-left:10px;
}

/* faq page */

/* system page */ 
.ww-newsletter-registration.ww-form-container {
    padding-top:30px;
}


@media screen and (min-width: 1024px) {
    .stretched-image-section .cell.large-6 {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        box-sizing: border-box;
    }
    
    .stretched-image-section .cell.large-6:first-child {
        background-color: black;
        color: white;
        max-width: 600px; /* Ensure text stays within grid */
    }
    
    .stretched-image-section .cell.large-6:last-child {
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .stretched-image-section .cell.large-6:last-child img {
        width: 100%;
        object-fit: cover; /* Ensure image fully covers the space */
    }
}


/* container css overridden */
.is-wrapper .is-box .is-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* New Footer CSS */
.new-footer {
    font-size:1em;
}

.new-footer .menu .active > a {
    background: transparent;
    color:#FFFFFF;
}

footer.new-footer .footer-menu-container .menu li.has-submenu a {
    padding-right:1.5em;
}

footer.new-footer .footer-menu-container .menu li a {
    font-weight:normal;
    padding: 0.5em;
}

footer.new-footer .footer-menu-container .menu li.has-submenu ul li:first-child {
    display:none;
}

footer.new-footer .footer-menu-container .menu li.has-submenu ul li a {
    text-align:left;
}

.footer-menu-container {
    border-bottom:1px solid #CCCCCC;
    margin-bottom:20px;
}

footer.new-footer h4 {
    font-weight:bold;
    font-size:20px;
    margin-bottom:15px;
}

.footer-media-box {
    margin-top:5px;
}

.size-40 {
    font-size:40px !important;
}

.new-footer-1 .copyright-container,
.new-footer-2 .copyright-container,
.new-footer-3 .copyright-container{
    border-top:1px solid #CCCCCC;
    padding-top: 20px;
    padding-bottom: 10px;
}

.new-footer-1 .footer-social-media {
    margin-top:30px;
}

.new-footer .dropdown.menu > li.is-active > a {
    background: transparent;
}

.mailing-list-button {
    margin-top:30px;
}

.new-footer-3  .shop-address br{
    display:none;
}

.new-footer-3 .footer-menu-container {
    margin-bottom: 0px;
}

.new-footer-3 .footer-media-box img {
    max-height:80px;
}

.new-footer ul.dropdown.menu > li.active > a:not(.button) span, 
.new-footer ul.dropdown.menu > li:hover > a:not(.button) span {
    color: #FFFFFF;
}

footer.new-footer a:not(.button):hover, 
footer.new-footer a:not(.button):active, 
footer.new-footer a:not(.button):focus {
    color: #FFFFFF;
}

.dropdown.menu > li.is-active a {
    color: #FFFFFF;
}

.contact-us-column .contact-number {
    padding-top:10px;
    padding-bottom:10px;
}

.subscription-button-container .button {
    padding: 17px;
    font-weight: 600;
}

footer iframe {
    width:275px;
}

.new-footer.with-background-image {
    background:url("//d14ty28lkqz1hw.cloudfront.net/data/org/31257/theme/49156/img/footer_bg.jpg") no-repeat;
    background-position: top;
    background-size: cover;
    margin-top:0;
}

.new-footer-3 i {
    color:#FFFFFF;
}

.new-footer-4 .footer-social-media .menu a,
.footer3 .social-media-icons-small.menu a{
    padding: 5px !important;
}

/* New Footer CSS END*/

/* || HOMEPAGE || */
.light-bg-section {
    float: left;
}

.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5{
    color:inherit;
}

.light-bg-section h3 {
    color:#FFFFFF;
    font-weight:500;
}

.text-primary {
     color:#1E3A8A;
}

strong, b {
    font-weight: bolder;
}

.dark-bg-section {
    float: left;
    color: #FFFFFF;
}

.dark-bg-section h1,
.dark-bg-section h2,
.dark-bg-section h3,
.dark-bg-section h4,
.dark-bg-section h5{
    color:inherit;
}

.dark-bg-section input[type="text"] {
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem;
    background:;
    color:;
}

.dark-bg-section input[type="text"]::placeholder {
     color:;
}

.dark-bg-section .button {
    background:;
    color:inherit;
}

.customer-section {
    background:;
    color:;
    float:left;
}

.rounded-circle {
    border-radius: 50%;
}

.latest-blog-posts {
    background:;
    color:;
    float:left;
    width:100%;
}

.latest-blog-posts h2 {
    color:inherit;
    font-size: 2.5rem;
}

.latest-blog-posts h4 {
    color:inherit;
    font-size: 1rem;
}

.latest-blog-posts h2 a,
.latest-blog-posts h4 a,
.latest-blog-posts a{
    color:inherit;
}

.latest-blog-posts .readmore:hover {
    text-decoration:underline;
} 

/* New blog page type */

.banner-main-heading {
    font-size:2.8em;
    color:#FFFFFF;
    line-height: 1.2em;
}

.new-blog-page-type .featured-articles {
    padding: 48px;
    border: 1px solid #475569;
}

.new-blog-page-type .featured-articles img {
    max-height:215px;
}

.new-blog-page-type .featured-articles h5 {
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 20px;
    color:#000000;
}   

.new-blog-page-type .featured-articles h2 {
    font-size: 1.7em;
    line-height: 1.5;
    font-weight: 400;
    color:#000000;
}

.new-blog-page-type .featured-articles h2 a{
    color:#000000;
}

.new-blog-page-type .blog-search-button svg {
    fill:#000000;
}

.blog-search-container .blog-search-button:hover {
    box-shadow: none;
}

.new-blog-page-type .featured-articles p {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
}

.new-blog-page-type .blog-articles,
.new-blog-page-type .blog-sidebar {
    margin-top: 80px;
}

.new-blog-page-type .blog-ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 70px 30px; 
    list-style: none;
    margin-left: 0;
}

.new-blog-page-type .blog-ul h2,
.new-blog-page-type .blog-ul h2 a{
    font-size: px;
    line-height: 1.5;
    font-weight: 600;
}

.new-blog-page-type .blog-ul img,
.featured-articles-slider img {
    margin-bottom:12px;
}

.new-blog-page-type .article-body ,
.new-blog-page-type .article-body p {
    font-size:18px;
    font-weight:400;
}

.new-blog-page-type .blog-read-more {
    font-weight:600;
}

.featured-articles-slider,
.ps-blog-category  {
    list-style: none;
    margin-left:0;
}

.ps-blog-category {
    margin-bottom: 0;
}

.ps-blog-category li {
    display:inline-block;
}

.ps-blog-category li a {
    padding: 8px 24px;
    border: 1px solid #1E3A8A;
    margin-right: 16px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 16px;
    color:#1E3A8A;
}

.ps-blog-category li.active a,
.ps-blog-category li a:hover{
    border-radius: 0;
    vertical-align: baseline;
    line-height: inherit;
    background:#1E3A8A;
    color:#FFFFFF;
}

.new-blog-page-type .featured-articles-section {
    margin-top:80px;
}

.new-blog-page-type .section-main-heading {
    color:#000000;
}

.articles-filter-container h3 {
    font-size: 22px;
    margin-bottom: 16px;
    font-weight: 600;
    color:#000000;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction {
    text-align:right;
    margin-top: 50px;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction a.disabled {
    opacity: 0.2;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction a {
    position: relative;
    color: inherit;
    top: auto;
    margin-top: 0;
    padding: 0;
    font-size: 16px;
    text-shadow: none;
    margin-left: 20px;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction a i {
    font-weight: 100;
    text-shadow: none;
    font-size: 35px;
    color:#000000;
    border: 1px solid #000000;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block !important;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction a.bx-prev {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction a.bx-next {
    width: 40px;
    height: 40px;
    display: inline-block;
    right:auto;
}

.new-blog-page-type .article-category {
    margin-bottom: 5px;
}

.new-blog-page-type .article-category span {
    font-size:16px;
    color:#000000;
    font-weight: 400;
}

.blog-search-container #search-input-blog {
    height: 56px;
    border-radius: 10px;
    padding: 8px 16px 8px 44px;
    margin-top: 80px;
    margin-bottom:0;
}

.blog-search-container .blog-search-button {
    position: absolute;
    top: 20px;
    padding: 0;
    left: 16px;
}

.new-blog-page-type .ps-pagination-bar {
    margin-top:50px;
}

.new-blog-page-type .ps-pagination-bar p {
    display:table;
    margin:auto;
}

.new-blog-page-type .ps-pagination-bar span {
    font-size:16px;
    background:#E7E5E4;
    border:1px solid #E7E5E4;
    font-weight:400;
    margin-left: 5px;
     margin-bottom: 10px;
    display:inline-block;
}

.new-blog-page-type .ps-pagination-bar span a {
    display:block;
    padding: 12px;
}

.new-blog-page-type .ps-pagination-bar span.current {
    padding: 12px;
}

.new-blog-page-type .ps-pagination-bar span.current,
.new-blog-page-type .ps-pagination-bar span.next,
.new-blog-page-type .ps-pagination-bar span.prev {
    border:1px solid #1E3A8A;
    font-weight:600;
    background:transparent;
}

.new-blog-page-type .article-title {
    color:#000000;
    margin-top:10px;
    margin-bottom: 20px;
    font-size: 2.8em;
    font-weight: 500;
}

.new-blog-page-type .blog-author ul {
    list-style:none;
    margin-left:0;
}

.new-blog-page-type.article-page-type .article-body {
    margin-top: 0;
}

.new-blog-page-type .ps-blog-recent-posts {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-left: 0;
}

.new-blog-page-type .ps-blog-recent-posts .article-title {
    font-size:1.2em;
    margin-bottom:15px;
}

.new-blog-page-type  .recent-posts-text {
    font-weight:600;
}

.new-blog-page-type .blog-sidebar-widget .ps-article-img img {
    margin-bottom:10px;
}

.new-blog-page-type h1,
.new-blog-page-type h2,
.new-blog-page-type h3,
.new-blog-page-type h4 {
    line-height:1.5;
    font-weight: 500;
}

@media screen and (max-width: 1023px) {
    .theme-academy .header-buttons {
        padding-top:0;
    }
    header button.openMenu:hover,
    header button.openMenu:focus,
    header button.openMenu:active {
        box-shadow:none;
    }
    body {
        font-size:16px;
    }
    .new-blog-page-type .small-block-grid-1 {
        grid-template-columns: 1fr;
    }
    .articles-filter-container {
        margin-top:80px;
    }
    .new-blog-page-type .ps-blog-recent-posts {
         grid-template-columns: 1fr;
         width:100%;
         margin:auto;
    }
    .articles-filter-container .mobile-category-title {
        border:1px solid #475569;
    }
    #contact-us-form-container form {
        position:relative;
        top:auto;
        margin-bottom: 40px;
        padding-left:10px;
        padding-right:10px;
    }
    .main-banner-sec.theme-2 form .button,
    .main-banner-sec.theme-2 .button {
        font-size:1em;
        padding-right:24px;
        padding-left:24px;
        line-height: 1.5;
    }
    button, .button {
        line-height:1.5;
    }
    .banner-main-heading {
        font-size: 2.1em;
    }
    .is-overlay-bg {
        opacity:1;
    }
    h1, .h1 {
        font-size: 1.7em;
        line-height: 1.2em;
        margin: 0.67em 0;
    }
    .new-blog-page-type .article-title {
        font-size: 2em;
    }
    .new-blog-page-type .featured-articles h2,h2, .h2 {
        font-size: 1.5em;
        line-height: 1.4em;
    }
    
    h3, .h3 {
      font-size: 1.3em;
      line-height: 1.4em;
    }
    
    h4, .h4 {
        font-size: 1.2em;
        line-height: 1.5em;
    }
    
    h5, .h5 {
      font-size: 1em;
        line-height: 1.5em;
    }
    
    h6, .h6 {
      font-size: 1em;
      line-height: 1.4em;
    }
    p{
        font-size:1.2em;
    }
    footer {
        margin-top:32px;
    }
    .mobile-footer-menu {
        display:block;
    }
    .blog-search-container #search-input-blog,
    .articles-filter-container,
    .new-blog-page-type .blog-articles, 
    .new-blog-page-type .blog-sidebar {
        margin-top: 40px;
    }
}

.img-shadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.4);
}

.size-30 {
    font-size:30px;
}

.is-section-guide {
    background:#1E3A8A;
}

.is-section-guide h2 {
    color:#FFFFFF;
}

.is-section-guide p.lead {
    color:#FFFFFF;
}
.is-section-guide a.button {
    background:#FFFFFF;
    color:#1E3A8A;
}

/* || FOOTER || */
.is-footer, .is-wrapper div.is-section.is-footer {
    background-color: #1E3A8A;
    color: #FFFFFF;
    clear: both;
}

footer a:not(.button) {
    color: #FFFFFF;
}

.is-footer .is-container {
    padding: 0px;
}

footer a:not(.button):hover,
footer a:not(.button):active,
footer a:not(.button):focus {
    color: #FFFFFF;
}

.user-logged-in footer {
    margin-top:30px;
    float:left;
    width:100%;
    clear:both;
}


footer .border-bottom, 
footer hr {
    border-bottom:1px solid #CCCCCC;
}

.social-media-icons a {
    font-size: 3em;
    color: #FFFFFF;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6{
     color: #FFFFFF;
}

.slick-dots li {
    border: 1px solid #1E3A8A;
}

.slick-dots li.slick-active, .slick-dots li:hover {
    background: #1E3A8A;
}


.back-to-top-button {
    bottom:10px;
    right:10px;
    z-index:9;
}


/* || OFFCANVAS - SIDENAV || */
.off-canvas-content.is-open-right.has-transition-push{
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translateX(-60%);
}
 
.is-open.position-right {
    width: 60%;
}

@media screen and (min-width: 63em) and (max-width: 64em) {
    footer button:not(.button-group button) , footer .button:not(.button-group button),
    header button:not(.button-group button) , header .button:not(.button-group button){
        margin-bottom:2px;
    }
    .column-container.newsletter .button {
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media screen and (min-width:  64em) {
    .off-canvas-content.is-open-right.has-transition-push{
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    
    .is-open.position-right {
        width: 0%;
    }
    
    /* new header 7 css */
     .off-canvas-content.is-open-right.has-transition-push.mobile-menu-for-desktop{
        -webkit-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
        transform: translateX(-40%);
    }
    
    .is-open.position-right.mobile-menu-for-desktop {
        width:40%;
    }
    
    .js-off-canvas-overlay.is-overlay-fixed {
        display: none !important;
    }
       .text-md-left {
        text-align:left;
    }
    
    .gallery-figcaption {
        padding-top: 37%;
        text-align: center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.56);
        color:white;
        display: none;
        cursor: pointer;
    }
    
    .testimonial-container {
        min-height: 450px;
    }
    
    .dark-bg-section input[type="text"] {
        width:25%;
        margin-right:10px;
    }
}

aside.sidenav .featured-section {
    background-color:#FFFFFF;
    color:#1E3A8A;
}

aside.sidenav .featured-section i {
    color:#1E3A8A;
}

aside.sidenav input[type=search] {
    color:#262626;
    background:#FFFFFF;
    padding-right: 24px;
}

aside.sidenav input[type=search]::placeholder {
    color:#262626;
    opacity:0.6;
}

aside.sidenav button[type=submit] {
    position: absolute;
    top: 30%;
    right: 5px;
    outline: none !important;
    background: transparent;
    border: 0px solid;
    box-shadow: none;
    padding:0;
}

aside.sidenav i.fas.fa-search {
    color:#262626
}


aside.sidenav .menu.simple {
    background:#000000;
    color: #000000;
}

aside.sidenav .menu.simple a {
    color: #000000;
}



aside.sidenav .ps-cart-text-container {
    color:#FFFFFF;
    background:#1E3A8A;
    height: 22px;
    width: 23px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    margin-left: 5px;
}

aside.sidenav a:hover .ps-cart-text-container {
    background:#1E3A8A;
}

aside.sidenav .is-accordion-submenu {
    margin-left: 0;
}

aside.sidenav .menu.accordion-menu li {
    border-bottom: 1px solid #000000;
}

aside.sidenav .menu.accordion-menu li:last-child {
    border-bottom: 0px solid;
}

aside.sidenav .menu.accordion-menu li a {
    background:#000000;
    color: #000000;
}

aside.sidenav .menu.accordion-menu .active > a {
    background:transparent;
    color: #1E3A8A;
}

aside.sidenav .menu.accordion-menu li.has-submenu a::after {
    border-color: #000000 transparent transparent !important;
}

aside.sidenav .menu.accordion-menu > li.has-submenu.active > a::after {
    border-color: #1E3A8A transparent transparent !important;
}

@media screen and (max-width: 63.9375em) {

  .is-static.is-footer {
      min-height: 0;
  }
  
  footer .border-bottom-small {
      border-bottom:1px solid #CCCCCC;
    }
    
    footer .border-top-small {
      border-top:1px solid #CCCCCC;
    }

    header .border-top-small  {
        border-top:1px solid #1E3A8A;
    }
    
    .step.social-icon {
        height:35px;
        width:35px;
    }
    
    /* New header layouts */
    header .sidenav-container a:not(.button),
    header .sidenav-container a:not(.button):active,
    header .sidenav-container a:not(.button):active i,
    header .sidenav-container a:not(.button):hover .icon, 
    header .sidenav-container a:not(.button):hover i{
        color:inherit;
    }
   
    header .sidenav-container a:not(.button) i {
        line-height:25px;
    }
    
    .absolute-for-mobile {
        position:absolute;
    }
    
    header .mobile-head-border-section  {
        border-top:1px solid #1E3A8A;
        border-bottom:1px solid #1E3A8A;
        line-height: 60px;
    }
    
    header .mobile-head-border-section .mobile-border-right {
        border-right:1px solid #1E3A8A;
    }
    
    header .mobile-contact-section .head-icons {
        background: #1E3A8A;
        color:#FFFFFF;
        border-radius: 50px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
    }
    
    header .mobile-contact-section .head-icons i {
        color:#FFFFFF;
    }
    
    .mobile-contact-buttom-section {
        line-height: 60px;
        text-align:center;
    }
    
    .mobile-contact-buttom-section .button{
        margin-bottom:0;
    }
    
    .new-header .logo-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
        padding-left: 40px;
    }
    
    .new-header-2 .mobile-contact-buttom-section {
        border-top:1px solid #1E3A8A;
    }
    
     .new-header-2 .mobile-contact-buttom-section .button {
         margin-bottom:20px;
         margin-top:20px;
     }

    .new-header-3 .mobile-contact-number-section,
    .new-header-3 .mobile-contact-button-section,
    .new-header-4 .mobile-contact-number-section,
    .new-header-4 .mobile-contact-button-section,
    .new-header-5 .mobile-contact-number-section,
    .new-header-5 .mobile-contact-button-section,
    .new-header-6 .mobile-contact-button-section {
        border-top:1px solid #1E3A8A;
        line-height:50px;
        text-align:center;
    }
    
    .new-header-3 .mobile-contact-button-section .button,
    .new-header-5 .mobile-contact-button-section .button,
    .new-header-6 .mobile-contact-button-section .button {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .new-header-3 .logo-container,
    .new-header-4 .logo-container,
    .new-header-5 .logo-container,
    .new-header-6 .logo-container {
        display:block;
        min-height:0;
    }
    
    .new-header-6 .mobile-contact-button-section {
        justify-content: center;
    }
    
    .is-footer-8 {
        min-height:0;
    }
    
    /* new footer layouts */
        .footer-text, 
        .footer-social-media,
        .footer-media-box {
            width: 270px;
            margin: auto;
            text-align: center;
        }
        
        .contact-us-column {
            text-align:center;
        }
        
        .new-footer-1 .footer-social-media .menu.align-left,
        .new-footer-2 .footer-social-media .menu.align-left {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .new-footer-1 .footer-social-media .menu.align-left a, 
        .new-footer-1 .footer-social-media .menu.align-left .button,
        .new-footer-2 .footer-social-media .menu.align-left a, 
        .new-footer-2 .footer-social-media .menu.align-left .button{
            padding-left:0.2em !important;
            padding-right:0.2em !important;
        }
        
        .new-footer-1 .footer-menu-container .dropdown.menu,
        .new-footer-3 .footer-menu-container .dropdown.menu{
            display:block;
        }
        
        .new-footer-2 .footer-links,
        .mailing-list-button {
            text-align:center;
        }
        
        .small-text-center {
            text-align:center;
        }
        
        .menu.small-align-center {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .new-footer-4 .copyright-container, .new-footer-4 .subscription-button-container {
            border-bottom:1px solid #CCCCCC;
        }
       
        
    /* new footer layouts */
    
    header .sticky-bg-color {
        position:static;
    }

    header .sticky {
        top:0 !important;
    }
    
    .justify-small-center {
        justify-content: center;
    }
    
    .padding-top-sm-3 {
        padding-top:3rem;   
    }
    
    .padding-bottom-sm-3 {
        padding-bottom:3rem;   
    }
    
    .padding-top-sm-2 {
        padding-top:2rem;   
    }
    
    .padding-bottom-sm-2 {
        padding-bottom:2rem;   
    }
    
     .padding-top-sm-1 {
        padding-top:1rem;   
    }
    
    .padding-bottom-sm-1 {
        padding-bottom:1rem;   
    }

    .padding-top-sm-0 {
        padding-top:0!important;
    }
    
    .padding-bottom-sm-0 {
        padding-bottom:0!important;
    }
    
    .margin-top-sm-0{
        margin-top:0 !important;
    }
    
    .margin-bottom-sm-0{
        margin-bottom:0;
    }
    
     .margin-top-sm-2{
        margin-top:2rem;
    }
    
    .margin-bottom-sm-2{
        margin-bottom:2rem;
    }
    
    .margin-top-sm-1{
        margin-top:1rem;
    }
    
    .margin-bottom-sm-1{
        margin-bottom:1rem;
    }
    
    .padding-bottom-sm-0{
        padding-bottom:0 !important;
    }
    
    .copyright {
        font-size: 100%;
    }
    
    .small-block {
        display:block;
    }
}




.ecommerce-product-slider .orbit-previous,
.ecommerce-product-slider .orbit-next {
  color: #cacaca;
}

.ecommerce-product-slider .orbit-bullets button {
  height: 0.65rem;
  width: 0.65rem;
}

.ecommerce-product-slider .product-card {
  background-color: #fefefe;
  border: 1px solid #e6e6e6;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.ecommerce-product-slider .product-card-thumbnail {
  display: block;
  position: relative;
}

.ecommerce-product-slider .product-card-title {
  font-family: 'Open sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.45rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

.ecommerce-product-slider .product-card-desc {
  color: #8a8a8a;
  display: block;
  font-family: 'Open sans', sans-serif;
  font-size: 0.85rem;
}

.ecommerce-product-slider .product-card-price {
  color: #3e3e3e;
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  margin-top: 0.8rem;
}

.ecommerce-product-slider .product-card-sale {
  color: #cacaca;
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
  text-decoration: line-through;
}

.ecommerce-product-slider .product-card-colors {
  display: block;
  margin-top: 0.8rem;
}

.ecommerce-product-slider .product-card-color-option {
  display: inline-block;
  height: 25px;
  width: 25px;
}

header button.openMenu {
    background: initial;
    color: initial;
}

/* === Knight Hawk Security - Brand CSS === */

/* Force brand fonts onto Knight Hawk content sections */
/* ============================================================
   KNIGHT HAWK SECURITY - BRAND SYSTEM v4 (banner + orange accent)
   Colors: navy #1E3A8A, slate #475569, orange #d26002, white, black
   Typography: Raleway (headings) + Lato (body)
   ============================================================ */
:root {
  --kh-navy: #1E3A8A;
  --kh-navy-dark: #152a63;
  --kh-slate: #475569;
  --kh-slate-light: #64748b;
  --kh-accent: #d26002;
  --kh-accent-dark: #b04f00;
  --kh-white: #ffffff;
  --kh-black: #000000;
  --kh-bg-soft: #f8fafc;
  --kh-border: #e2e8f0;
}

/* === Universal kh- section spacing + typography reset === */
.kh-hero, .kh-trust, .kh-features, .kh-services, .kh-final-cta {
  font-family: "Lato", sans-serif !important;
  color: var(--kh-black);
}
.kh-hero *, .kh-trust *, .kh-features *, .kh-services *, .kh-final-cta * { box-sizing: border-box; }

.kh-eyebrow {
  display: inline-block;
  font-family: "Lato", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: var(--kh-accent) !important;
  margin-bottom: 14px !important;
  line-height: 1.4 !important;
}
.kh-eyebrow-dark {
  display: inline-block;
  font-family: "Lato", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: var(--kh-accent) !important;
  margin-bottom: 12px !important;
  line-height: 1.4 !important;
}
.kh-h2, .kh-trust h2, .kh-features h2, .kh-services h2, .kh-final-cta h2 {
  font-family: "Raleway", sans-serif !important;
  font-weight: 800 !important;
  font-size: 42px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
  color: var(--kh-black) !important;
  margin: 0 0 18px !important;
  text-transform: none !important;
}
.kh-h2-light { color: var(--kh-white) !important; }

.kh-body {
  font-family: "Lato", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--kh-slate) !important;
  margin: 0 0 14px !important;
  font-weight: 400 !important;
}
.kh-body-light { color: rgba(255,255,255,0.92) !important; }

.kh-cta {
  display: inline-block;
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--kh-black) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 1.5px !important;
  margin-right: 24px;
  transition: color .2s ease;
}
.kh-cta:hover { color: var(--kh-accent) !important; text-decoration-color: var(--kh-accent) !important; }

.kh-section-head { margin-bottom: 40px; }
.kh-section-head-cta { text-align: right; }

/* ============================================================
   HERO BANNER (bnl-0 / main-banner-sec pattern)
   ============================================================ */
.kh-hero.main-banner-sec { padding: 0 !important; background: #0f172a; }
.kh-hero.bnl-0 .bn-overlay { display: none; }
.kh-hero.bnl-0 .pos-ab-ban { z-index: 3; }
.kh-hero .pos-rel-ban { position: relative; }
user-logged-out .kh-hero .pos-ab-ban {
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.kh-hero img { display: block; width: 100%; height: auto; object-fit: cover; filter: brightness(0.55) contrast(1.05); }

.kh-hero.bnl-0 .bn-content,
.kh-hero .bn-content {
  max-width: 620px;
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  padding: 38px 36px !important;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.86);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  color: #fff;
  border-left: 4px solid var(--kh-accent);
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

.kh-hero .bn-content .kh-eyebrow {
  color: var(--kh-accent) !important;
  margin-bottom: 14px !important;
}

.kh-hero .banner-main-heading,
.kh-hero h1 {
  font-family: "Raleway", sans-serif !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.6px !important;
  margin: 0 0 16px !important;
  text-transform: none !important;
}

.kh-hero .bn-content p {
  color: rgba(255,255,255,0.92) !important;
  font-family: "Lato", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 0 18px !important;
  font-weight: 400 !important;
}
.kh-hero .bn-content p:last-child { margin-bottom: 0 !important; }

.kh-hero .bn-content .button {
  display: inline-block;
  background: var(--kh-accent) !important;
  color: #ffffff !important;
  padding: 14px 30px !important;
  border-radius: 8px !important;
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  transition: all .25s ease !important;
  box-shadow: 0 8px 22px rgba(210,96,2,0.35), 0 2px 6px rgba(0,0,0,0.2) !important;
  border: 2px solid var(--kh-accent) !important;
}
.kh-hero .bn-content .button:hover {
  background: var(--kh-accent-dark) !important;
  border-color: var(--kh-accent-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(210,96,2,0.45), 0 4px 10px rgba(0,0,0,0.25) !important;
}

.kh-hero .kh-btn-ghost {
  display: inline-block;
  margin-left: 14px;
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 12px 0 !important;
  border-bottom: 2px solid rgba(255,255,255,0.4);
  transition: all .2s ease;
}
.kh-hero .kh-btn-ghost:hover { color: var(--kh-accent) !important; border-bottom-color: var(--kh-accent); }

@media (max-width: 1023.5px) {
  .kh-hero.bnl-0 .bn-content,
  .kh-hero .bn-content {
      max-width:100%;
    background: #0f172a !important;
    color: #ffffff !important;
    border-radius: 0;
    border-left: 0;
    border-top: 4px solid var(--kh-accent);
    padding: 30px 22px !important;
  }
  .kh-hero .pos-ab-ban { position: static !important; padding: 0 !important; }
  .kh-hero img { filter: none; }
}

/* ============================================================
   TRUST SECTION
   ============================================================ */
.kh-trust { background: var(--kh-white); padding: 64px 0 !important; border-bottom: 1px solid var(--kh-border); }
.kh-trust .kh-h2 { font-size: 34px !important; }
.kh-trust-cta { text-align: right; padding-top: 8px; }
.kh-trust-cta .kh-cta { display: block; margin-bottom: 10px; margin-right: 0; }

@media (max-width: 1023.5px) {
  .kh-trust-cta { text-align: left; margin-top: 12px; }
}

/* ============================================================
   FEATURES SECTION
   ============================================================ */
.kh-features { background: var(--kh-bg-soft); padding: 72px 0 !important; }
.kh-feature-grid { margin-top: 8px; }
.kh-feature-card {
  background: #ffffff;
  padding: 36px 30px;
  border-radius: 12px;
  height: 100%;
  border: 1px solid var(--kh-border);
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}
.kh-feature-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--kh-navy) 0%, var(--kh-accent) 100%);
}
.kh-feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
  border-color: transparent;
}
.kh-feature-num {
  font-family: "Raleway", sans-serif !important;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 2px;
  color: var(--kh-accent);
  margin-bottom: 14px;
  display: inline-block;
}
.kh-feature-title {
  font-family: "Raleway", sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  color: var(--kh-navy) !important;
  margin: 0 0 14px !important;
}
.kh-feature-quote {
  font-family: "Lato", sans-serif !important;
  font-style: italic;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: var(--kh-slate) !important;
  padding-left: 14px;
  border-left: 3px solid var(--kh-accent);
  margin: 0 0 16px !important;
}
.kh-feature-text {
  font-family: "Lato", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--kh-slate) !important;
  margin: 0 !important;
}

/* ============================================================
   SERVICES OVERVIEW
   ============================================================ */
.kh-services { background: var(--kh-white); padding: 72px 0 !important; }
.kh-service-grid { margin-top: 8px; }
.kh-service-card {
  display: block;
  background: var(--kh-white);
  padding: 32px 28px;
  border-radius: 12px;
  border: 1px solid var(--kh-border);
  height: 100%;
  text-decoration: none !important;
  color: var(--kh-black) !important;
  position: relative;
  transition: all .3s ease;
}
.kh-service-card:hover {
  background: var(--kh-navy);
  border-color: var(--kh-navy);
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(30,58,138,0.25);
}
.kh-service-icon {
  width: 54px;
  height: 54px;
  border-radius: 12px;
  background: rgba(210,96,2,0.12);
  color: var(--kh-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
  transition: all .3s ease;
}
.kh-service-card:hover .kh-service-icon {
  background: var(--kh-accent);
  color: var(--kh-white);
}
.kh-service-title {
  font-family: "Raleway", sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  color: var(--kh-navy) !important;
  margin: 0 0 12px !important;
  transition: color .25s ease;
}
.kh-service-card:hover .kh-service-title { color: var(--kh-white) !important; }
.kh-service-text {
  font-family: "Lato", sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: var(--kh-slate) !important;
  margin: 0 0 16px !important;
  transition: color .25s ease;
}
.kh-service-card:hover .kh-service-text { color: rgba(255,255,255,0.85) !important; }
.kh-service-link {
  font-family: "Lato", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  color: var(--kh-accent) !important;
  transition: color .25s ease;
}
.kh-service-card:hover .kh-service-link { color: var(--kh-white) !important; }

/* ============================================================
   FINAL CTA
   ============================================================ */
.kh-final-cta {
  background: linear-gradient(135deg, var(--kh-navy) 0%, var(--kh-navy-dark) 100%) !important;
  color: var(--kh-white) !important;
  padding: 70px 0 !important;
  position: relative;
  overflow: hidden;
}
.kh-final-cta::before {
  content: "";
  position: absolute;
  top: -50%; right: -10%;
  width: 480px; height: 480px;
  background: radial-gradient(circle, rgba(210,96,2,0.18) 0%, transparent 70%);
  pointer-events: none;
}
.kh-final-cta .kh-eyebrow { color: var(--kh-accent) !important; }
.kh-final-cta .kh-h2 { color: var(--kh-white) !important; font-size: 36px !important; }
.kh-final-cta .kh-body { color: rgba(255,255,255,0.88) !important; }
.kh-cta-action { text-align: right; position: relative; z-index: 2; }
.kh-cta-inner { position: relative; z-index: 2; }

.kh-btn-orange {
  display: inline-block;
  background: var(--kh-accent) !important;
  color: var(--kh-white) !important;
  padding: 16px 34px !important;
  border-radius: 8px !important;
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: 2px solid var(--kh-accent) !important;
  transition: all .25s ease !important;
  box-shadow: 0 10px 28px rgba(210,96,2,0.4), 0 2px 6px rgba(0,0,0,0.2) !important;
}
.kh-btn-orange:hover {
  background: var(--kh-white) !important;
  color: var(--kh-accent) !important;
  transform: translateY(-2px);
}
.kh-btn-orange-rev {
  display: inline-block;
   background: var(--kh-white) !important;
  color: var(--kh-accent) !important;
  
  padding: 16px 34px !important;
  border-radius: 8px !important;
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: 2px solid var(--kh-accent) !important;
  transition: all .25s ease !important;
  box-shadow: 0 10px 28px rgba(210,96,2,0.4), 0 2px 6px rgba(0,0,0,0.2) !important;
}
.kh-btn-orange-rev:hover {
 background: var(--kh-accent) !important;
  color: var(--kh-white) !important;
  transform: translateY(-2px);
}
@media (max-width: 1023.5px) {
  .kh-cta-action { text-align: left; margin-top: 18px; }
  .kh-final-cta .kh-h2 { font-size: 28px !important; }
}

/* ============================================================
   RESPONSIVE TYPOGRAPHY
   ============================================================ */
@media (max-width: 1023.5px) {
  .kh-h2, .kh-trust h2, .kh-features h2, .kh-services h2, .kh-final-cta h2 {
    font-size: 30px !important;
  }
  .kh-feature-title { font-size: 20px !important; }
  .kh-service-title { font-size: 18px !important; }
  .kh-section-head-cta { text-align: left; margin-top: 8px; }
}

@media (max-width: 639.5px) {
  .kh-h2 { font-size: 26px !important; }
  .kh-features, .kh-services, .kh-final-cta, .kh-trust { padding: 48px 0 !important; }
  .kh-feature-card, .kh-service-card { padding: 26px 22px; }
}

/* End KH Brand v4 */

/* ============================================================
   KH BRAND v5 ADDITIONS - imagery + service-areas marquee
   ============================================================ */

/* === TRUST SECTION IMAGE BLOCK === */
.kh-trust { padding: 80px 0 !important; }
.kh-trust-img-wrap {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(15,23,42,0.18);
}
.kh-trust-img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 5/4;
  object-fit: cover;
  transition: transform .6s ease;
}
.kh-trust-img-wrap:hover .kh-trust-img { transform: scale(1.04); }
.kh-trust-badge {
  position: absolute;
  bottom: 22px;
  left: 22px;
  background: var(--kh-accent);
  color: var(--kh-white);
  padding: 18px 22px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 10px 28px rgba(210,96,2,0.4);
  max-width: 280px;
}
.kh-trust-badge-num {
  font-family: "Raleway", sans-serif !important;
  font-weight: 800;
  font-size: 32px;
  line-height: 1;
  color: var(--kh-white);
}
.kh-trust-badge-label {
  font-family: "Lato", sans-serif !important;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  color: rgba(255,255,255,0.95);
  letter-spacing: 0.3px;
}
.kh-trust-copy { padding-left: 30px; }
.kh-trust-actions { margin-top: 18px; }
.kh-trust-actions .kh-cta { display: inline-block; margin-right: 28px; margin-bottom: 8px; }

@media (max-width: 1023.5px) {
  .kh-trust-copy { padding-left: 0; margin-top: 28px; }
  .kh-trust-badge { bottom: 14px; left: 14px; padding: 14px 16px; }
  .kh-trust-badge-num { font-size: 26px; }
}

/* === FEATURES WITH IMAGES === */
.kh-features { padding: 80px 0 !important; }
.kh-feature-card {
  background: #ffffff;
  padding: 0;
  border-radius: 14px;
  overflow: hidden;
  height: 100%;
  border: 1px solid var(--kh-border);
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all .35s ease;
}
.kh-feature-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--kh-navy) 0%, var(--kh-accent) 100%);
  z-index: 2;
}
.kh-feature-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 50px rgba(15,23,42,0.14);
  border-color: transparent;
}
.kh-feature-img-wrap {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.kh-feature-img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(15,23,42,0.55) 100%);
}
.kh-feature-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}
.kh-feature-card:hover .kh-feature-img { transform: scale(1.08); }
.kh-feature-body { padding: 28px 28px 32px; flex: 1; }
.kh-feature-num {
  display: inline-block;
  font-family: "Raleway", sans-serif !important;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 2px;
  color: var(--kh-accent);
  margin-bottom: 12px;
  padding: 4px 10px;
  background: rgba(210,96,2,0.1);
  border-radius: 4px;
}

@media (max-width: 1023.5px) {
  .kh-feature-img-wrap { height: 170px; }
}

/* === SERVICE CARDS WITH THUMBNAILS === */
.kh-services { padding: 80px 0 !important; }
.kh-service-card {
  display: flex;
  flex-direction: column;
  background: var(--kh-white);
  padding: 0 !important;
  border-radius: 14px;
  border: 1px solid var(--kh-border);
  height: 100%;
  text-decoration: none !important;
  color: var(--kh-black) !important;
  overflow: hidden;
  transition: all .35s ease;
}
.kh-service-thumb {
  width: 100%;
  height: 180px;
  overflow: hidden;
  position: relative;
}
.kh-service-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30,58,138,0) 0%, rgba(30,58,138,0.35) 100%);
  transition: background .35s ease;
}
.kh-service-card:hover .kh-service-thumb::after { background: linear-gradient(180deg, rgba(30,58,138,0.2) 0%, rgba(30,58,138,0.6) 100%); }
.kh-service-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}
.kh-service-card:hover .kh-service-thumb img { transform: scale(1.08); }
.kh-service-body { padding: 26px 26px 30px; flex: 1; display: flex; flex-direction: column; }
.kh-service-card:hover {
  background: var(--kh-navy);
  border-color: var(--kh-navy);
  transform: translateY(-6px);
  box-shadow: 0 22px 50px rgba(30,58,138,0.28);
}
.kh-service-link { margin-top: auto; padding-top: 10px; }

@media (max-width: 1023.5px) {
  .kh-service-thumb { height: 170px; }
}

/* === FINAL CTA WITH BACKGROUND IMAGE === */
.kh-final-cta { position: relative; overflow: hidden; padding: 80px 0 !important; background: var(--kh-navy-dark) !important; }
.kh-cta-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.kh-cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.22;
  filter: blur(1px);
}
.kh-final-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(30,58,138,0.92) 0%, rgba(21,42,99,0.94) 60%, rgba(15,29,70,0.92) 100%);
  z-index: 1;
}
.kh-final-cta::after {
  content: "";
  position: absolute;
  top: -50%; right: -10%;
  width: 480px; height: 480px;
  background: radial-gradient(circle, rgba(210,96,2,0.25) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}
.kh-cta-inner, .kh-final-cta .is-container { position: relative; z-index: 2; }
.kh-final-cta .is-boxes { position: relative; z-index: 2; }

/* === SERVICE AREAS STRIP / MARQUEE === */
.kh-areas {
  background: var(--kh-navy);
  color: var(--kh-white);
  padding: 26px 0 !important;
  border-top: 0;
  overflow: hidden;
}
.kh-areas-row { align-items: center; }
.kh-areas-label { padding-right: 20px; border-right: 1px solid rgba(255,255,255,0.15); }
.kh-areas-label .kh-eyebrow-dark { color: var(--kh-accent) !important; margin-bottom: 6px !important; }
.kh-areas-lead {
  font-family: "Lato", sans-serif !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.78) !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}
.kh-areas-strip {
  overflow: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.kh-areas-track {
  display: flex;
  align-items: center;
  gap: 18px;
  animation: kh-areas-scroll 35s linear infinite;
  white-space: nowrap;
  width: max-content;
}
.kh-areas-track:hover { animation-play-state: paused; }
.kh-area {
  font-family: "Raleway", sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: var(--kh-white);
  letter-spacing: 0.4px;
  text-transform: uppercase;
  transition: color .25s ease;
  cursor: default;
}
.kh-area:hover { color: var(--kh-accent); }
.kh-area-dot { color: var(--kh-accent); font-size: 18px; opacity: 0.8; }

@keyframes kh-areas-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (max-width: 1023.5px) {
  .kh-areas-label { border-right: 0; padding-right: 0; margin-bottom: 14px; text-align: center; }
  .kh-areas { padding: 22px 0 !important; }
  .kh-area { font-size: 13px !important; }
}

/* === Banner content card refinement === */
.kh-hero .bn-content { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }

/* End KH Brand v5 */

/* ============================================================
   KH BRAND v6 - SVG ICONS + SERVICE AREA CARDS + REFINED LAYOUT
   ============================================================ */

/* Base SVG icon styling */
.kh-icon {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  vertical-align: -3px;
  flex: 0 0 16px;
  stroke-width: 2;
}
.kh-icon-lg { width: 24px; height: 24px; flex: 0 0 24px; }
.kh-icon-xl { width: 32px; height: 32px; flex: 0 0 32px; }
.kh-icon-arrow { width: 14px; height: 14px; margin-left: 6px; vertical-align: -2px; }
.kh-icon-star { width: 28px; height: 28px; color: var(--kh-white); flex: 0 0 28px; }
.kh-icon-pin { width: 18px; height: 18px; flex: 0 0 18px; }

/* Inline icons in eyebrows */
.kh-eyebrow, .kh-eyebrow-dark {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}
.kh-eyebrow .kh-icon, .kh-eyebrow-dark .kh-icon {
  color: var(--kh-accent);
}

/* Icons inside buttons */
.kh-hero .bn-content .button .kh-icon-arrow,
.kh-btn-orange .kh-icon-arrow {
  color: var(--kh-white);
  margin-left: 8px;
}
.kh-hero .bn-content .button:hover .kh-icon-arrow { transform: translateX(3px); transition: transform .2s ease; }
.kh-btn-orange:hover .kh-icon-arrow { color: var(--kh-accent); transform: translateX(3px); transition: transform .2s ease; }

/* CTAs with arrow icons */
.kh-cta { display: inline-flex !important; align-items: center; gap: 4px; }
.kh-cta .kh-icon-arrow { color: currentColor; transition: transform .2s ease; }
.kh-cta:hover .kh-icon-arrow { transform: translateX(4px); }

/* Service link arrows */
.kh-service-link { display: inline-flex !important; align-items: center; gap: 4px; }
.kh-service-link .kh-icon-arrow { transition: transform .2s ease; }
.kh-service-card:hover .kh-service-link .kh-icon-arrow { transform: translateX(4px); }

/* === FEATURE CARD ICON BADGE === */
.kh-feature-img-wrap { position: relative; }
.kh-feature-icon-badge {
  position: absolute;
  bottom: -22px;
  right: 24px;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: var(--kh-accent);
  color: var(--kh-white);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(210,96,2,0.45);
  z-index: 3;
  transition: transform .35s ease, background .25s ease;
}
.kh-feature-icon-badge .kh-icon { width: 26px; height: 26px; flex: 0 0 26px; color: var(--kh-white); }
.kh-feature-card:hover .kh-feature-icon-badge { transform: scale(1.08) rotate(-4deg); background: var(--kh-navy); }
.kh-feature-body { padding: 38px 28px 32px !important; }
.kh-feature-quote {
  margin-top: 18px !important;
  display: block;
}
.kh-feature-author {
  display: block;
  margin-top: 8px;
  font-style: normal;
  font-weight: 700;
  color: var(--kh-navy);
  font-size: 13px !important;
  letter-spacing: 0.3px;
}

/* === SERVICE CARD ICON BADGE === */
.kh-service-thumb { position: relative; }
.kh-service-icon-badge {
  position: absolute;
  bottom: 14px;
  left: 14px;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: rgba(255,255,255,0.95);
  color: var(--kh-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  z-index: 3;
  transition: all .3s ease;
  backdrop-filter: blur(6px);
}
.kh-service-icon-badge .kh-icon { width: 22px; height: 22px; flex: 0 0 22px; }
.kh-service-card:hover .kh-service-icon-badge { background: var(--kh-accent); color: var(--kh-white); transform: translateY(-2px); }

/* === TRUST BADGE WITH STAR ICON === */
.kh-trust-badge {
  align-items: center;
}
.kh-trust-badge-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(255,255,255,0.2);
  flex: 0 0 44px;
}
.kh-trust-badge-text { display: flex; flex-direction: column; gap: 2px; }
.kh-trust-badge-num { font-size: 28px !important; line-height: 1 !important; }
.kh-trust-badge-label { font-size: 11.5px !important; line-height: 1.35 !important; max-width: 180px; }

/* === SERVICE AREAS SECTION (replaces marquee) === */
.kh-areas {
  background: var(--kh-bg-soft) !important;
  color: var(--kh-black);
  padding: 72px 0 !important;
  border-top: 0 !important;
  overflow: visible;
}
.kh-areas .kh-eyebrow-dark { color: var(--kh-accent) !important; margin-bottom: 12px !important; }
.kh-areas .kh-h2 { color: var(--kh-navy) !important; max-width: 900px; font-size: 32px !important; line-height: 1.25 !important; }
.kh-areas-paragraph {
  max-width: 1000px;
  font-size: 15.5px !important;
  line-height: 1.75 !important;
  color: var(--kh-slate) !important;
  margin: 18px 0 0px !important;
}

.kh-areas-grid .cell.large-2 {
    width: auto;
}

.kh-area-card {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--kh-white);
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid var(--kh-border);
  transition: all .25s ease;
  height: 100%;
}
.kh-area-card:hover {
  border-color: var(--kh-accent);
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(30,58,138,0.10);
}
.kh-area-card .kh-icon-pin {
  color: var(--kh-accent);
  flex: 0 0 18px;
}
.kh-area-card:hover .kh-icon-pin { transform: scale(1.15); transition: transform .25s ease; }
.kh-area-name {
  font-family: "Raleway", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--kh-navy) !important;
  letter-spacing: 0.3px;
  line-height: 1.3;
}

@media (max-width: 1023.5px) {
  .kh-areas .kh-h2 { font-size: 26px !important; }
  .kh-area-card { padding: 12px 14px; }
  .kh-area-name { font-size: 13px !important; }
}

/* Remove old marquee styles (override anything from v5) */
.kh-areas-track { animation: none !important; display: flex; flex-wrap: wrap; gap: 16px; width: auto; white-space: normal; }
.kh-areas-strip { overflow: visible; -webkit-mask-image: none; mask-image: none; }

/* === HERO BUTTON ICON FIX === */
.kh-hero .bn-content .button {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}

/* === SAFETY OVERRIDE: hero card max-width and image positioning === */
/*.kh-hero.bnl-0 { min-height: 600px; }
.kh-hero .pos-rel-ban { position: relative; min-height: 600px; }
.kh-hero img.show-for-large, .kh-hero img.hide-for-large { max-height: 720px; object-fit: cover; }*/

/* End KH Brand v6 */


/* === KH-FEATURES v9 — tighter alternating rows === */
.kh-features { padding: 48px 0 32px !important; }
.kh-section-head { margin-bottom: 32px !important; align-items: end; }
.kh-section-head .kh-eyebrow { color: #d26002; font-family: "Lato", sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 12px 0 !important; display: inline-flex; align-items: center; gap: 10px; }
.kh-section-head .kh-eyebrow .kh-icon { color: #d26002 !important; }
.kh-section-head .kh-section-title { font-family: "Raleway", sans-serif; font-weight: 800; color: #1E3A8A; font-size: 38px; line-height: 1.12; margin: 0 !important; }
.kh-section-head-aside { display: flex; align-items: flex-end; }
.kh-section-lede { color: #475569; font-family: "Lato", sans-serif; font-size: 16px; line-height: 1.6; margin: 0 0 4px 0 !important; }

.kh-feature-row { align-items: center !important; margin-bottom: 32px !important; }
.kh-feature-row:last-child { margin-bottom: 0 !important; }
.kh-feature-row.kh-row-reverse { flex-direction: row-reverse; }
@media (max-width: 1024px) { .kh-feature-row.kh-row-reverse { flex-direction: column; } }

.kh-feature-media-cell { padding: 8px !important; }
.kh-feature-media { position: relative; border-radius: 14px; overflow: hidden; box-shadow: 0 16px 40px -20px rgba(15, 23, 42, 0.3); aspect-ratio: 16/10; background: #f1f5f9; }
.kh-feature-media img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform 0.5s ease; }
.kh-feature-media:hover img { transform: scale(1.04); }
.kh-feature-num { position: absolute; top: 14px; left: 14px; background: rgba(255,255,255,0.95); color: #1E3A8A; font-family: "Raleway", sans-serif; font-weight: 800; font-size: 12px; letter-spacing: 1px; padding: 5px 10px; border-radius: 999px; }
.kh-feature-icon-badge { position: absolute; bottom: 14px; right: 14px; width: 44px; height: 44px; background: #d26002; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px -6px rgba(210, 96, 2, 0.55); }
.kh-feature-icon-badge .kh-icon { width: 22px !important; height: 22px !important; color: #fff !important; }

.kh-feature-body-cell { padding: 8px 24px !important; }
.kh-feature-body { max-width: 520px; }
.kh-feature-body .kh-feature-eyebrow { color: #d26002; font-family: "Lato", sans-serif; font-weight: 700; font-size: 11.5px; letter-spacing: 1.8px; text-transform: uppercase; margin: 0 0 10px 0 !important; display: inline-flex; align-items: center; gap: 8px; }
.kh-feature-body .kh-feature-eyebrow .kh-icon { color: #d26002 !important; }
.kh-feature-body .kh-feature-title { font-family: "Raleway", sans-serif; font-weight: 800; color: #1E3A8A; font-size: 26px; line-height: 1.18; margin: 0 0 12px 0 !important; }
.kh-feature-body .kh-feature-text { color: #475569; font-family: "Lato", sans-serif; font-size: 14.5px; line-height: 1.6; margin: 0 0 14px 0 !important; }

.kh-feature-bullets { list-style: none; padding: 0 !important; margin: 0 0 14px 0 !important; display: flex; flex-wrap: wrap; gap: 6px 12px; }
.kh-feature-bullets li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; color: #1E3A8A; font-family: "Lato", sans-serif; font-weight: 600; font-size: 12.5px; background: #f1f5f9; border-radius: 999px; border-bottom: none; }
.kh-feature-bullets li .kh-icon { color: #d26002 !important; flex-shrink: 0; }

.kh-feature-quote { position: relative; background: linear-gradient(90deg, #fff7ef 0%, #fff 100%); border-left: 3px solid #d26002; border-radius: 0 10px 10px 0; padding: 10px 14px 10px 18px; margin: 0 !important; }
.kh-feature-quote .kh-quote-mark { display: none; }
.kh-feature-quote p { color: #1E3A8A; font-family: "Lato", sans-serif; font-style: italic; font-size: 13.5px; line-height: 1.5; margin: 0 0 4px 0 !important; padding-left: 0; }
.kh-feature-quote cite { color: #d26002; font-family: "Lato", sans-serif; font-style: normal; font-weight: 700; font-size: 12px; padding-left: 0; display: block; letter-spacing: 0.3px; }
.kh-feature-quote cite::before { content: "— "; }

@media (max-width: 1024px) {
  .kh-section-head .kh-section-title { font-size: 30px; }
  .kh-feature-body-cell { padding: 16px 12px !important; }
  .kh-feature-body { max-width: none; }
  .kh-feature-body .kh-feature-title { font-size: 22px; }
  .kh-feature-row { margin-bottom: 24px !important; }
}
@media (max-width: 640px) {
  .kh-features { padding: 36px 0 16px !important; }
  .kh-section-head .kh-section-title { font-size: 26px; }
  .kh-feature-body .kh-feature-title { font-size: 20px; }
}

/* === Global tighter section spacing v9 === */
.kh-trust { padding: 48px 0 !important; }
.kh-services { padding: 48px 0 !important; }
.kh-final-cta { padding: 56px 0 !important; }
.kh-areas { padding: 48px 0 !important; }
.kh-trust .kh-section-head, .kh-services .kh-section-head, .kh-areas .kh-section-head, .kh-final-cta .kh-section-head { margin-bottom: 28px !important; }


/* === Section background overrides (defeat .is-wrapper>div transparent) v11 === */
.is-wrapper > div.kh-hero, .kh-hero { background: #0f172a !important; }
.is-wrapper > div.kh-hero.main-banner-sec, .kh-hero.main-banner-sec { background: #0f172a !important; }
.is-wrapper > div.kh-trust, .kh-trust { background: #FFFFFF !important; }
.is-wrapper > div.kh-features, .kh-features { background: #f8fafc !important; }
.is-wrapper > div.kh-services, .kh-services { background: #FFFFFF !important; }
.is-wrapper > div.kh-final-cta, .kh-final-cta { background: linear-gradient(135deg, #1E3A8A 0%, #152a63 100%) !important; }
.is-wrapper > div.kh-areas, .kh-areas { background: #f8fafc !important; }
/* Preserve background images on hero & final-cta */
.kh-hero.has-bg-image, .kh-hero[style*="background-image"] { background-color: #0f172a !important; }
.kh-final-cta.has-bg-image, .kh-final-cta[style*="background-image"] { background-color: #152a63 !important; }


/* === KH-SECTION-HEAD refined v12 === */
.kh-section-head { margin-bottom: 36px !important; align-items: flex-start !important; position: relative; }

/* Eyebrow as elegant pill */
.kh-section-head .kh-eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 7px 14px 7px 12px !important;
  background: rgba(210, 96, 2, 0.10) !important;
  color: #d26002 !important;
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  margin: 0 0 18px 0 !important;
  border: 1px solid rgba(210, 96, 2, 0.22);
}
.kh-section-head .kh-eyebrow .kh-icon { color: #d26002 !important; width: 13px !important; height: 13px !important; }

/* Title with accent underline */
.kh-section-head .kh-section-title {
  font-family: "Raleway", sans-serif !important;
  font-weight: 800 !important;
  color: #1E3A8A !important;
  font-size: 40px !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  letter-spacing: -0.5px;
  position: relative;
}
.kh-section-head .kh-section-title .kh-accent { color: #d26002 !important; }
.kh-section-head .kh-section-title::after {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  background: linear-gradient(90deg, #d26002 0%, rgba(210, 96, 2, 0.35) 100%);
  border-radius: 999px;
  margin-top: 18px;
}

/* Lede aligned-right card with accent */
.kh-section-head-aside {
  display: flex !important;
  align-items: flex-start !important;
  padding-top: 32px !important;
}
.kh-section-lede {
  position: relative;
  color: #475569 !important;
  font-family: "Lato", sans-serif !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  padding-left: 18px;
  border-left: 2px solid rgba(210, 96, 2, 0.35);
}

@media (max-width: 1024px) {
  .kh-section-head .kh-section-title { font-size: 30px !important; }
  .kh-section-head-aside { padding-top: 16px !important; }
  .kh-section-head .kh-section-title::after { margin-top: 14px; }
}
@media (max-width: 640px) {
  .kh-section-head .kh-section-title { font-size: 26px !important; }
  .kh-section-head .kh-eyebrow { font-size: 10.5px !important; letter-spacing: 1.3px !important; }
}


/* ===== Knight Hawk — Inner Page Components (appended) ===== */
.kh-h1{font-family:"Raleway",sans-serif;font-weight:800;font-size:44px;line-height:1.15;color:#fff;margin:0 0 18px;}
.kh-h2{font-family:"Raleway",sans-serif;font-weight:800;font-size:32px;line-height:1.2;color:#1E3A8A;margin:0 0 18px;}
.kh-h2-light{color:#fff !important;}
.kh-h3{font-family:"Raleway",sans-serif;font-weight:700;font-size:22px;line-height:1.3;color:#1E3A8A;margin:0 0 12px;}
.kh-h4{font-family:"Raleway",sans-serif;font-weight:700;font-size:18px;color:#1E3A8A;margin:0 0 10px;}
.kh-body-lead{font-family:"Lato",sans-serif;font-size:17px;line-height:1.7;color:#475569;max-width:900px;margin:0 auto 14px;}
.kh-body-sm{font-family:"Lato",sans-serif;font-size:15px;line-height:1.6;color:#475569;}
/* Buttons */
.kh-btn{display:inline-block;padding:14px 32px;font-family:"Raleway",sans-serif;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border-radius:4px;transition:all .25s ease;border:2px solid transparent;cursor:pointer;}
.kh-btn-primary{background:#d26002;color:#fff;border-color:#d26002;}
.kh-btn-primary:hover{background:#b85102;border-color:#b85102;color:#fff;}
.kh-btn-outline-light{background:transparent;color:#fff;border-color:#fff;}
.kh-btn-outline-light:hover{background:#fff;color:#1E3A8A;}
.kh-btn-navy{background:#1E3A8A;color:#fff;border-color:#1E3A8A;}
.kh-btn-navy:hover{background:#152a63;color:#fff;}
/* Pillar / left-accent card */
.kh-pillar{background:#fff;padding:30px;border-radius:8px;height:100%;border-left:4px solid #1E3A8A;box-shadow:0 2px 8px rgba(15,23,42,.04);}
.kh-pillar .kh-h4{margin-bottom:8px;}
/* Service detail row + bullets */
.kh-detail{padding:64px 0;}
.kh-detail.is-gray{background:#f6f7fb;}
.kh-list{list-style:none;margin:14px 0 0;padding:0;}
.kh-list li{position:relative;padding-left:28px;margin-bottom:10px;font-family:"Lato",sans-serif;font-size:15px;color:#475569;line-height:1.6;}
.kh-list li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:2px;background:#d26002;}
/* FAQ */
.kh-faq-card{background:#fff;padding:24px 28px;border-radius:8px;margin-bottom:14px;border-left:4px solid #d26002;box-shadow:0 2px 6px rgba(15,23,42,.04);}
.kh-faq-num{font-family:"Raleway",sans-serif;font-weight:700;font-size:13px;letter-spacing:1px;color:#d26002;text-transform:uppercase;margin-bottom:6px;display:block;}
.kh-faq-card .kh-h4{margin-bottom:8px;}
/* Newsletter */
.kh-newsletter{background:linear-gradient(135deg,#1E3A8A 0%,#152a63 100%);color:#fff;padding:64px 0;}
.kh-newsletter .kh-h2{color:#fff;margin-bottom:14px;}
.kh-newsletter p{color:rgba(255,255,255,.88);font-family:"Lato",sans-serif;font-size:16px;margin-bottom:24px;}
.kh-nl-inner{text-align:center;max-width:760px;margin:0 auto;}
.kh-nl-form{display:flex;gap:10px;flex-wrap:wrap;max-width:560px;margin:0 auto;}
.kh-nl-form input[type="email"]{flex:1 1 280px;padding:14px 18px;border:2px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-family:"Lato",sans-serif;font-size:15px;border-radius:4px;outline:none;transition:border-color .2s ease, background .2s ease;}
.kh-nl-form input[type="email"]::placeholder{color:rgba(255,255,255,.6);}
.kh-nl-form input[type="email"]:focus{border-color:#d26002;background:rgba(255,255,255,.14);}
.kh-nl-form button{padding:14px 26px;background:#d26002;border:none;color:#fff;font-family:"Raleway",sans-serif;font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:background .2s ease;}
.kh-nl-form button:hover{background:#b85102;}
/* Contact form & info */
.kh-contact-form{background:#fff;padding:36px;border-radius:10px;box-shadow:0 6px 20px rgba(15,23,42,.06);}
.kh-field{margin-bottom:16px;}
.kh-field label{display:block;font-family:"Raleway",sans-serif;font-weight:700;font-size:13px;color:#1E3A8A;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;}
.kh-field input,.kh-field textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:6px;font-family:"Lato",sans-serif;font-size:15px;color:#475569;outline:none;transition:border-color .2s ease;background:#fff;}
.kh-field input:focus,.kh-field textarea:focus{border-color:#d26002;}
.kh-field textarea{min-height:140px;resize:vertical;}
.kh-contact-info{background:#1E3A8A;color:#fff;padding:36px;border-radius:10px;height:100%;}
.kh-contact-info .kh-h3{color:#fff;margin-bottom:16px;}
.kh-contact-info ul{list-style:none;padding:0;margin:0;}
.kh-contact-info li{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;color:rgba(255,255,255,.92);font-family:"Lato",sans-serif;font-size:15px;line-height:1.5;}
.kh-contact-info li .kh-icon{color:#d26002;margin-top:3px;flex-shrink:0;}
/* Services hub cards */
.kh-svc-card{background:#fff;border-radius:10px;overflow:hidden;height:100%;box-shadow:0 4px 14px rgba(15,23,42,.06);transition:transform .25s ease, box-shadow .25s ease;display:flex;flex-direction:column;}
.kh-svc-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(15,23,42,.1);}
.kh-svc-card-body{padding:26px;flex:1;display:flex;flex-direction:column;}
.kh-svc-card .kh-h3{font-size:20px;margin-bottom:10px;}
.kh-svc-card .kh-body{font-size:15px;margin-bottom:14px;flex:1;}
.kh-svc-link{color:#d26002;font-family:"Raleway",sans-serif;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;align-self:flex-start;}
.kh-svc-link:hover{color:#b85102;}
/* Pull quote / drop-cap */
.kh-quote{font-family:"Raleway",sans-serif;font-weight:700;color:#1E3A8A;font-size:20px;line-height:1.4;padding:20px 0 20px 24px;border-left:4px solid #d26002;background:#f6f7fb;margin:24px 0;}
.kh-dropcap::first-letter{font-size:50px;float:left;line-height:.85;font-weight:700;color:#d26002;font-family:Georgia,serif;padding:4px 10px 0 0;}
/* Utility */
.kh-text-center{text-align:center;}
.kh-mb-0{margin-bottom:0;}
.kh-mb-sm{margin-bottom:8px;}
.kh-mb-md{margin-bottom:20px;}
.kh-mb-lg{margin-bottom:32px;}
/* Sections backgrounds */
.kh-section-white{background:#fff;}
.kh-section-gray{background:#f6f7fb;}
.kh-section-navy{background:#1E3A8A;color:#fff;}
@media(max-width:1024px){.kh-h1{font-size:36px;}.kh-h2{font-size:28px;}}
@media(max-width:640px){.kh-h1{font-size:28px;}.kh-h2{font-size:24px;}.kh-h3{font-size:18px;}.kh-pillar,.kh-contact-form,.kh-contact-info,.kh-faq-card,.kh-feature-card{padding:22px;}.kh-detail,.kh-newsletter,.kh-final-cta{padding:48px 0;}}

/* rebuild-trigger-1779280592949 */


/* === FEATURE ROW ALIGNMENT FIX (Service detail pages) === */
.kh-feature-row { align-items: center !important; }
.kh-feature-row > .cell { display: flex !important; align-items: center !important; }
.kh-feature-row .kh-feature-media-cell { padding: 12px 16px !important; }
.kh-feature-row .kh-feature-body-cell { padding: 12px 16px !important; }
.kh-feature-row .kh-feature-media { width: 100%; aspect-ratio: 4/3; }
.kh-feature-row .kh-feature-body { padding: 0 !important; max-width: 100% !important; width: 100%; flex: none !important; }
.kh-feature-row .kh-feature-body .kh-feature-title { font-size: 28px !important; line-height: 1.22 !important; margin-bottom: 14px !important; }
.kh-feature-row .kh-feature-body .kh-feature-text { font-size: 15.5px !important; line-height: 1.7 !important; color: #475569 !important; margin-bottom: 16px !important; }
.kh-feature-row .kh-feature-body .kh-feature-eyebrow { margin-bottom: 12px !important; font-size: 12px !important; letter-spacing: 2px !important; }
.kh-feature-row .kh-feature-bullets { display: flex !important; flex-wrap: wrap !important; gap: 8px 10px !important; margin: 4px 0 0 0 !important; padding: 0 !important; }
.kh-feature-row .kh-feature-bullets li { flex: 0 1 auto; }

@media (max-width: 1024px) {
  .kh-feature-row > .cell { display: block !important; }
  .kh-feature-row .kh-feature-media-cell { padding: 12px 8px !important; }
  .kh-feature-row .kh-feature-body-cell { padding: 12px 8px 24px !important; }
  .kh-feature-row .kh-feature-body .kh-feature-title { font-size: 24px !important; }
}


/* === KEY BENEFITS - PROFESSIONAL CARD GRID === */
.kh-benefits-grid { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; margin: 0 -12px !important; }
.kh-benefits-grid > .cell { display: flex !important; padding: 12px !important; }
.kh-benefit-card { display: flex; flex-direction: column; width: 100%; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 32px 30px; position: relative; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; box-shadow: 0 2px 8px rgba(15,23,42,.04); overflow: hidden; }
.kh-benefit-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg,#d26002 0%,#f08a3c 100%); transition: height .4s ease; }
.kh-benefit-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px -12px rgba(15,23,42,.18); border-color: #cbd5e1; }
.kh-benefit-card:hover::before { height: 100%; }
.kh-benefit-head { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.kh-benefit-icon { flex-shrink: 0; width: 54px; height: 54px; border-radius: 12px; background: linear-gradient(135deg,#1E3A8A 0%,#2c52b8 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px -6px rgba(30,58,138,.4); }
.kh-benefit-icon svg { width: 26px; height: 26px; color: #fff; stroke: #fff; }
.kh-benefit-num { font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 38px; line-height: 1; color: #e2e8f0; letter-spacing: -1px; margin-left: auto; }
.kh-benefit-title { font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 19px; line-height: 1.3; color: #1E3A8A; margin: 0 0 12px 0 !important; }
.kh-benefit-divider { width: 40px; height: 3px; background: #d26002; border-radius: 2px; margin: 0 0 14px 0; }
.kh-benefit-text { font-family: 'Lato', sans-serif; font-size: 14.5px; line-height: 1.65; color: #475569; margin: 0 !important; flex: 1; }
@media (max-width: 1024px) { .kh-benefit-card { padding: 26px 22px; } .kh-benefit-num { font-size: 32px; } }
@media (max-width: 640px) { .kh-benefits-grid > .cell { padding: 8px !important; } .kh-benefit-icon { width: 46px; height: 46px; } .kh-benefit-icon svg { width: 22px; height: 22px; } }


/* === ACCORDION FAQ === */
.kh-accordion { max-width: 920px; margin: 0 auto; }
.kh-accordion-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; margin-bottom: 14px; overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; box-shadow: 0 2px 6px rgba(15,23,42,.04); }
.kh-accordion-item:hover { border-color: #cbd5e1; box-shadow: 0 8px 24px -10px rgba(15,23,42,.12); }
.kh-accordion-item[open] { border-color: #d26002; box-shadow: 0 12px 32px -12px rgba(210,96,2,.22); }
.kh-accordion-item summary { list-style: none; cursor: pointer; padding: 22px 26px; display: flex; align-items: center; gap: 18px; outline: none; user-select: none; }
.kh-accordion-item summary::-webkit-details-marker { display: none; }
.kh-accordion-num { flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; background: #f1f5f9; color: #1E3A8A; font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 14px; display: flex; align-items: center; justify-content: center; letter-spacing: 0.5px; transition: background .3s ease, color .3s ease; }
.kh-accordion-item[open] .kh-accordion-num { background: linear-gradient(135deg,#d26002 0%,#f08a3c 100%); color: #fff; box-shadow: 0 6px 14px -4px rgba(210,96,2,.45); }
.kh-accordion-question { flex: 1; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 16.5px; color: #1E3A8A; line-height: 1.4; margin: 0; }
.kh-accordion-chevron { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: #f1f5f9; display: flex; align-items: center; justify-content: center; transition: transform .35s ease, background .3s ease; }
.kh-accordion-chevron svg { width: 16px; height: 16px; stroke: #1E3A8A; transition: stroke .3s ease; }
.kh-accordion-item[open] .kh-accordion-chevron { transform: rotate(180deg); background: #1E3A8A; }
.kh-accordion-item[open] .kh-accordion-chevron svg { stroke: #fff; }
.kh-accordion-body { padding: 0 26px 22px 84px; }
.kh-accordion-body p { font-family: 'Lato', sans-serif; font-size: 15px; line-height: 1.7; color: #475569; margin: 0; }
.kh-accordion-item[open] summary { padding-bottom: 14px; }
.kh-accordion-item[open] .kh-accordion-body { animation: kh-fadeSlide .3s ease; }
@keyframes kh-fadeSlide { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 640px) { .kh-accordion-item summary { padding: 18px 18px; gap: 12px; } .kh-accordion-num { width: 34px; height: 34px; font-size: 13px; } .kh-accordion-question { font-size: 15px; } .kh-accordion-body { padding: 0 18px 18px 64px; } }


/* === BENEFIT CARD FILL FIX === */
.kh-benefits-grid > .cell > .kh-benefit-card { display: flex !important; flex-direction: column !important; height: 100% !important; flex: 1 1 auto !important; align-self: stretch !important; }


/* ===== kh-story (About > Our Story) ===== */
.kh-story .kh-story-grid{align-items:center;}
.kh-story .kh-story-media-cell{position:relative;}
.kh-story .kh-story-media{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(13,29,71,0.35);}
.kh-story .kh-story-media:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(13,29,71,0.05) 0%,rgba(13,29,71,0.35) 100%);pointer-events:none;z-index:1;}
.kh-story .kh-story-img{display:block;width:100%;height:auto;aspect-ratio:9/11;object-fit:cover;}
.kh-story .kh-story-badge{position:absolute;left:-12px;bottom:24px;z-index:2;background:linear-gradient(135deg,#ff7a18 0%,#ff5a00 100%);color:#fff;padding:18px 22px 18px 24px;border-radius:14px;box-shadow:0 18px 40px -10px rgba(255,90,0,0.55);display:flex;flex-direction:column;gap:4px;max-width:240px;}
.kh-story .kh-story-badge-num{font-family:inherit;font-size:1.85rem;font-weight:800;line-height:1;letter-spacing:-0.02em;}
.kh-story .kh-story-badge-label{font-size:0.82rem;font-weight:600;line-height:1.25;text-transform:uppercase;letter-spacing:0.04em;opacity:0.96;}
.kh-story .kh-story-body-cell{padding-left:0;}
.kh-story .kh-story-heading{margin-top:14px;margin-bottom:18px;}
.kh-story .kh-story-body-cell .kh-body{margin-bottom:14px;}
.kh-story .kh-story-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(13,29,71,0.12);}
.kh-story .kh-story-stat{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:#f6f8fd;border-radius:12px;border-left:3px solid #ff7a18;}
.kh-story .kh-story-stat-num{font-size:1.05rem;font-weight:800;color:#0d1d47;line-height:1.1;letter-spacing:-0.01em;}
.kh-story .kh-story-stat-label{font-size:0.78rem;color:#4a5575;line-height:1.35;font-weight:500;}
.kh-story .kh-story-quote-row{margin-top:36px;}
.kh-story .kh-story-quote-row .kh-quote{text-align:center;}
@media (max-width:1024px){
  .kh-story .kh-story-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
  .kh-story .kh-story-stat{padding:12px 12px;}
}
@media (max-width:768px){
  .kh-story .kh-story-grid{}
  .kh-story .kh-story-media-cell{margin-bottom:28px;}
  .kh-story .kh-story-stats{grid-template-columns:1fr;}
  .kh-story .kh-story-badge{left:12px;right:12px;bottom:12px;max-width:none;}
}




/* ====================================================== */
/* KH LEADERSHIP V2 - About Page Founder Section          */
/* ====================================================== */
.kh-leader-v2 {
	position: relative;
	overflow: hidden;
	background-color: #f6f1e8;
	background-image:
		radial-gradient(circle at 10% 0%, #fff7ea 0%, transparent 45%),
		radial-gradient(circle at 100% 100%, #ecddc7 0%, transparent 55%),
		linear-gradient(180deg, #f6f1e8 0%, #efe6d3 100%);
	color: #0d1d47;
}
.kh-leader-v2 .kh-l2-inner { position: relative; z-index: 2; padding: 96px 0; }
@media (max-width: 900px) { .kh-leader-v2 .kh-l2-inner { padding: 64px 0; } }

.kh-leader-v2 .kh-l2-head { text-align: center; max-width: 780px; margin: 0 auto 56px; }
.kh-leader-v2 .kh-l2-eyebrow {
	display: inline-flex; align-items: center; gap: 10px;
	background: #0d1d47; color: #ffffff;
	padding: 9px 20px; border-radius: 999px;
	font-size: 0.72rem; letter-spacing: 0.26em; text-transform: uppercase; font-weight: 800;
	margin-bottom: 22px; box-shadow: 0 8px 22px rgba(13,29,71,0.22);
}
.kh-leader-v2 .kh-l2-eyebrow svg { width: 14px; height: 14px; color: #f47c20; }
.kh-leader-v2 .kh-l2-title {
	color: #0d1d47; font-size: 2.85rem; line-height: 1.1;
	font-weight: 800; letter-spacing: -0.015em; margin: 0 0 18px;
}
.kh-leader-v2 .kh-l2-title em {
	color: #f47c20; font-style: italic;
	font-family: Georgia, "Times New Roman", serif; font-weight: 700;
}
@media (max-width: 900px) { .kh-leader-v2 .kh-l2-title { font-size: 2rem; } }
.kh-leader-v2 .kh-l2-lead { color: #475979; font-size: 1.08rem; line-height: 1.7; margin: 0; }

/* Custom 2-column layout that overrides Foundation grid */
.kh-leader-v2 .kh-l2-grid {
	display: grid !important;
	grid-template-columns: 0.9fr 1.1fr !important;
	gap: 56px !important;
	align-items: flex-start !important;
	width: 100%;
	margin: 0;
}
.kh-leader-v2 .kh-l2-grid > .kh-l2-col {
	min-width: 0;
	width: 100%;
	padding: 0;
}
@media (max-width: 900px) {
	.kh-leader-v2 .kh-l2-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
}

.kh-leader-v2 .kh-l2-card {
	position: relative; background: #ffffff; border-radius: 20px;
	padding: 36px 32px 32px;
	box-shadow: 0 30px 60px -20px rgba(13,29,71,0.25), 0 12px 24px -12px rgba(13,29,71,0.15);
	border: 1px solid rgba(13,29,71,0.06);
}
.kh-leader-v2 .kh-l2-card::before {
	content: ""; position: absolute; top: -14px; left: 24px; right: 24px; height: 14px;
	background: linear-gradient(90deg, #f47c20 0%, #ff9a4d 100%);
	border-radius: 14px 14px 0 0;
}
.kh-leader-v2 .kh-l2-photo {
	position: relative; border-radius: 14px; overflow: hidden;
	background-color: #0d1d47;
	background-image: radial-gradient(circle at 30% 25%, #2b4185 0%, #16306b 40%, #0d1d47 75%, #070f2b 100%);
	height: 320px;
	display: flex; align-items: center; justify-content: center;
	border: 1px solid rgba(13,29,71,0.12);
	box-shadow: inset 0 -40px 80px rgba(0,0,0,0.35), inset 0 40px 80px rgba(255,255,255,0.04);
}
/* decorative concentric rings */
.kh-leader-v2 .kh-l2-photo::before {
	content: ""; position: absolute;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 220px; height: 220px; border-radius: 50%;
	border: 1px dashed rgba(244,124,32,0.45);
	pointer-events: none;
	animation: kh-l2-rotate 28s linear infinite;
}
.kh-leader-v2 .kh-l2-photo::after {
	content: ""; position: absolute;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 260px; height: 260px; border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.08);
	pointer-events: none;
}
@keyframes kh-l2-rotate { from { transform: translate(-50%, -50%) rotate(0); } to { transform: translate(-50%, -50%) rotate(360deg); } }

/* large TB initials avatar */
.kh-leader-v2 .kh-l2-avatar {
	position: relative;
	width: 168px; height: 168px;
	border-radius: 50%;
	background-color: #f47c20;
	background-image: linear-gradient(135deg, #ff9a4d 0%, #f47c20 55%, #d6611a 100%);
	display: flex; align-items: center; justify-content: center;
	color: #ffffff;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 800;
	font-size: 4.6rem;
	letter-spacing: 0.02em;
	line-height: 1;
	box-shadow:
		0 0 0 4px rgba(255,255,255,0.08),
		0 0 0 10px rgba(244,124,32,0.18),
		0 24px 50px -10px rgba(244,124,32,0.55),
		0 12px 24px -6px rgba(0,0,0,0.45);
	z-index: 2;
	text-shadow: 0 2px 6px rgba(0,0,0,0.25);
}
/* shine highlight on avatar */
.kh-leader-v2 .kh-l2-avatar::before {
	content: ""; position: absolute;
	top: 8%; left: 14%; width: 38%; height: 22%;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0) 70%);
	pointer-events: none;
}
/* hide the legacy small monogram (no longer rendered, but defensive) */
.kh-leader-v2 .kh-l2-monogram { display: none; }
/* corner camera badge */
.kh-leader-v2 .kh-l2-camera {
	position: absolute;
	bottom: 14px; right: 14px;
	width: 44px; height: 44px;
	border-radius: 12px;
	background: rgba(255,255,255,0.10);
	border: 1px solid rgba(255,255,255,0.18);
	color: #ffb27a;
	display: flex; align-items: center; justify-content: center;
	backdrop-filter: blur(8px);
	z-index: 3;
	box-shadow: 0 6px 16px rgba(0,0,0,0.3);
}
.kh-leader-v2 .kh-l2-camera svg { width: 22px; height: 22px; }
/* small caption pill under the avatar */
.kh-leader-v2 .kh-l2-photo-tag {
	position: absolute;
	bottom: 16px; left: 50%; transform: translateX(-50%);
	background: rgba(255,255,255,0.92);
	color: #0d1d47;
	padding: 6px 14px; border-radius: 999px;
	font-size: 0.66rem; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 800;
	white-space: nowrap;
	z-index: 3;
	box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}
.kh-leader-v2 .kh-l2-id { margin-top: 24px; text-align: center; }
.kh-leader-v2 .kh-l2-id-name { color: #0d1d47; font-size: 1.5rem; font-weight: 800; letter-spacing: -0.01em; margin: 0; }
.kh-leader-v2 .kh-l2-id-role { color: #f47c20; font-size: 0.78rem; letter-spacing: 0.24em; text-transform: uppercase; font-weight: 800; margin: 6px 0 0; }
.kh-leader-v2 .kh-l2-id-divider { width: 42px; height: 3px; background: #f47c20; border-radius: 3px; margin: 14px auto; }
.kh-leader-v2 .kh-l2-id-tag { color: #475979; font-size: 0.92rem; line-height: 1.55; font-style: italic; margin: 0; }

.kh-leader-v2 .kh-l2-stats {
	margin-top: 24px;
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 0;
	border-top: 1px solid rgba(13,29,71,0.10); padding-top: 20px;
}
.kh-leader-v2 .kh-l2-stat { text-align: center; padding: 0 6px; border-right: 1px solid rgba(13,29,71,0.10); }
.kh-leader-v2 .kh-l2-stat:last-child { border-right: none; }
.kh-leader-v2 .kh-l2-stat strong { display: block; color: #0d1d47; font-size: 1.5rem; font-weight: 900; line-height: 1; }
.kh-leader-v2 .kh-l2-stat span { display: block; color: #7a8aa6; font-size: 0.66rem; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; margin-top: 6px; }

.kh-leader-v2 .kh-l2-greet {
	font-family: Georgia, "Times New Roman", serif;
	color: #f47c20; font-size: 1.6rem; font-style: italic; font-weight: 600; margin: 0 0 8px;
}
.kh-leader-v2 .kh-l2-heading {
	color: #0d1d47; font-size: 2.1rem; line-height: 1.18;
	font-weight: 800; letter-spacing: -0.01em; margin: 0 0 26px;
}
@media (max-width: 900px) { .kh-leader-v2 .kh-l2-heading { font-size: 1.65rem; } }
.kh-leader-v2 .kh-l2-heading::after {
	content: ""; display: block; width: 64px; height: 4px;
	background: #f47c20; border-radius: 4px; margin-top: 18px;
}
.kh-leader-v2 .kh-l2-body { color: #3a4a6b; font-size: 1.02rem; line-height: 1.82; margin: 0 0 18px; }
.kh-leader-v2 .kh-l2-body strong { color: #0d1d47; font-weight: 700; }

.kh-leader-v2 .kh-l2-pillars {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 14px !important;
	margin: 28px 0;
}
@media (max-width: 600px) {
	.kh-leader-v2 .kh-l2-pillars { grid-template-columns: 1fr !important; }
}
.kh-leader-v2 .kh-l2-pillar {
	background: #ffffff; border: 1px solid rgba(13,29,71,0.08);
	border-radius: 14px; padding: 16px 18px;
	display: flex; align-items: flex-start; gap: 14px;
	transition: all 0.28s ease;
}
.kh-leader-v2 .kh-l2-pillar:hover {
	transform: translateY(-3px); border-color: #f47c20;
	box-shadow: 0 14px 30px -10px rgba(244,124,32,0.30);
}
.kh-leader-v2 .kh-l2-pillar-ic {
	flex: 0 0 42px; width: 42px; height: 42px; border-radius: 10px;
	background: linear-gradient(135deg, #fff2e2 0%, #ffe1c2 100%);
	color: #f47c20;
	display: flex; align-items: center; justify-content: center;
}
.kh-leader-v2 .kh-l2-pillar-ic svg { width: 20px; height: 20px; }
.kh-leader-v2 .kh-l2-pillar-tx strong { display: block; color: #0d1d47; font-size: 0.95rem; font-weight: 800; line-height: 1.2; }
.kh-leader-v2 .kh-l2-pillar-tx span { display: block; color: #5d6e90; font-size: 0.82rem; line-height: 1.4; margin-top: 3px; }

.kh-leader-v2 .kh-l2-quote {
	position: relative;
	background-color: #0d1d47;
	background-image: linear-gradient(135deg, #16306b 0%, #0d1d47 100%);
	color: #ffffff; border-radius: 16px;
	padding: 26px 28px 26px 64px; margin: 0 0 28px;
	font-size: 1.02rem; line-height: 1.7;
	box-shadow: 0 18px 36px -12px rgba(13,29,71,0.40);
}
.kh-leader-v2 .kh-l2-quote::before {
	content: "\201C"; position: absolute; top: 6px; left: 18px;
	color: #f47c20; font-size: 4rem; font-family: Georgia, serif;
	line-height: 1; font-weight: 700;
}
.kh-leader-v2 .kh-l2-quote-attr {
	display: block; margin-top: 14px; color: #ffb27a;
	font-size: 0.78rem; letter-spacing: 0.18em; text-transform: uppercase;
	font-weight: 800; font-style: normal;
}

.kh-leader-v2 .kh-l2-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.kh-leader-v2 .kh-l2-cta {
	display: inline-flex; align-items: center; gap: 10px;
	background: #f47c20; color: #ffffff;
	padding: 14px 26px; border-radius: 999px;
	font-weight: 800; font-size: 0.92rem; letter-spacing: 0.04em;
	text-decoration: none; border: none;
	box-shadow: 0 14px 28px -8px rgba(244,124,32,0.55);
	transition: all 0.25s ease;
}
.kh-leader-v2 .kh-l2-cta:hover {
	background: #ff8a30; transform: translateY(-2px);
	box-shadow: 0 18px 34px -8px rgba(244,124,32,0.65);
	color: #ffffff;
}
.kh-leader-v2 .kh-l2-cta svg { width: 16px; height: 16px; }
.kh-leader-v2 .kh-l2-cta-alt {
	display: inline-flex; align-items: center; gap: 8px;
	background: transparent; color: #0d1d47;
	padding: 14px 22px; border: 2px solid #0d1d47; border-radius: 999px;
	font-weight: 800; font-size: 0.92rem; letter-spacing: 0.04em;
	text-decoration: none; transition: all 0.25s ease;
}
.kh-leader-v2 .kh-l2-cta-alt:hover { background: #0d1d47; color: #ffffff; }
/* ====================================================== */
/* END KH LEADERSHIP V2                                   */
/* ====================================================== */




/* ============================================================
   KH Integrated Protection v2  (.kh-ip-v2)
   Premium feature showcase with stat strip + capability cards
   ============================================================ */
.kh-ip-v2 { background:#f6f7fb !important; position:relative; overflow:hidden; padding:96px 0 !important; }
.kh-ip-v2::before { content:""; position:absolute; top:-160px; right:-160px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle at center, rgba(244,124,32,0.10), transparent 70%); pointer-events:none; }
.kh-ip-v2::after { content:""; position:absolute; bottom:-200px; left:-200px; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle at center, rgba(13,29,71,0.08), transparent 70%); pointer-events:none; }
.kh-ip-v2 .is-container { position:relative; z-index:2; }
.kh-ip-inner { max-width:1140px; margin:0 auto; }
.kh-ip-head { text-align:center; max-width:780px; margin:0 auto 56px; }
.kh-ip-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:8px 18px; background:#fff; border:1px solid rgba(13,29,71,0.10); color:#0d1d47; font-size:0.72rem; font-weight:800; letter-spacing:0.22em; text-transform:uppercase; border-radius:999px; box-shadow:0 6px 18px rgba(13,29,71,0.05); }
.kh-ip-eyebrow svg { width:14px; height:14px; color:#f47c20; }
.kh-ip-title { font-family:Georgia, "Times New Roman", serif; font-size:clamp(2rem, 3.4vw, 3rem); line-height:1.12; color:#0d1d47; margin:20px 0 18px; font-weight:700; letter-spacing:-0.01em; }
.kh-ip-title em { font-style:italic; color:#f47c20; font-weight:600; }
.kh-ip-lead { color:#4a5568; font-size:1.06rem; line-height:1.75; margin:0 auto; max-width:680px; }

/* Stat strip */
.kh-ip-stats { display:grid !important; grid-template-columns:repeat(4, 1fr) !important; gap:0; background:#0d1d47; border-radius:18px; padding:32px 12px; margin:0 0 64px; box-shadow:0 24px 50px -20px rgba(13,29,71,0.45); }
.kh-ip-stat { text-align:center; padding:12px 18px; border-right:1px solid rgba(255,255,255,0.10); }
.kh-ip-stat:last-child { border-right:none; }
.kh-ip-stat-num { display:block; font-family:Georgia, serif; font-size:2.4rem; font-weight:800; color:#f47c20; line-height:1; margin-bottom:8px; letter-spacing:-0.02em; }
.kh-ip-stat-lbl { display:block; color:rgba(255,255,255,0.85); font-size:0.78rem; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; }

/* Capability cards grid */
.kh-ip-grid { display:grid !important; grid-template-columns:repeat(3, 1fr) !important; gap:28px; }
.kh-ip-card { background:#fff; border:1px solid rgba(13,29,71,0.08); border-radius:18px; padding:34px 28px 32px; position:relative; transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease; overflow:hidden; }
.kh-ip-card::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,#f47c20 0%,#ff9d4d 100%); transform:scaleX(0); transform-origin:left; transition:transform .4s ease; }
.kh-ip-card:hover { transform:translateY(-6px); box-shadow:0 24px 50px -20px rgba(13,29,71,0.20); border-color:rgba(244,124,32,0.30); }
.kh-ip-card:hover::before { transform:scaleX(1); }
.kh-ip-card-ic { width:56px; height:56px; border-radius:14px; background:linear-gradient(135deg,#fff5ec 0%,#ffe4cc 100%); display:flex; align-items:center; justify-content:center; margin-bottom:22px; color:#f47c20; }
.kh-ip-card-ic svg { width:28px; height:28px; }
.kh-ip-card-title { font-family:Georgia, serif; font-size:1.28rem; color:#0d1d47; margin:0 0 12px; font-weight:700; letter-spacing:-0.01em; }
.kh-ip-card-text { color:#5a6178; font-size:0.96rem; line-height:1.65; margin:0 0 18px; }
.kh-ip-card-list { list-style:none; padding:0; margin:0; }
.kh-ip-card-list li { position:relative; padding-left:22px; color:#0d1d47; font-size:0.88rem; font-weight:600; line-height:1.5; margin-bottom:8px; }
.kh-ip-card-list li::before { content:""; position:absolute; left:0; top:7px; width:12px; height:12px; border-radius:50%; background:#f47c20; box-shadow:0 0 0 4px rgba(244,124,32,0.15); }

@media (max-width: 992px) {
  .kh-ip-stats { grid-template-columns:repeat(2, 1fr) !important; }
  .kh-ip-stat:nth-child(2) { border-right:none; }
  .kh-ip-stat:nth-child(1), .kh-ip-stat:nth-child(2) { border-bottom:1px solid rgba(255,255,255,0.10); padding-bottom:24px; }
  .kh-ip-stat:nth-child(3), .kh-ip-stat:nth-child(4) { padding-top:24px; }
  .kh-ip-grid { grid-template-columns:1fr !important; }
}
@media (max-width: 1100px) and (min-width: 993px) {
  .kh-ip-grid { grid-template-columns:repeat(3, 1fr) !important; }
}

/* ============================================================
   KH Testimonials v2  (.kh-tm-v2)
   Editorial testimonial showcase with portrait initials + ratings
   ============================================================ */
.kh-tm-v2 { background:#ffffff !important; padding:100px 0 !important; position:relative; overflow:hidden; }
.kh-tm-v2::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(13,29,71,0.06) 1px, transparent 1px); background-size:24px 24px; opacity:0.4; pointer-events:none; }
.kh-tm-v2 .is-container { position:relative; z-index:2; }
.kh-tm-inner { max-width:1180px; margin:0 auto; }
.kh-tm-head { text-align:center; max-width:780px; margin:0 auto 64px; }
.kh-tm-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:8px 18px; background:#fff5ec; border:1px solid rgba(244,124,32,0.20); color:#f47c20; font-size:0.72rem; font-weight:800; letter-spacing:0.22em; text-transform:uppercase; border-radius:999px; }
.kh-tm-eyebrow svg { width:14px; height:14px; }
.kh-tm-title { font-family:Georgia, "Times New Roman", serif; font-size:clamp(2rem, 3.4vw, 3rem); line-height:1.12; color:#0d1d47; margin:20px 0 14px; font-weight:700; letter-spacing:-0.01em; }
.kh-tm-title em { font-style:italic; color:#f47c20; font-weight:600; }
.kh-tm-sub { color:#5a6178; font-size:1.05rem; line-height:1.7; margin:0 auto; max-width:620px; }

/* Aggregate rating banner */
.kh-tm-ratebar { display:flex; align-items:center; justify-content:center; gap:18px; margin:32px auto 0; flex-wrap:wrap; }
.kh-tm-stars { display:inline-flex; gap:3px; }
.kh-tm-stars svg { width:20px; height:20px; color:#f47c20; fill:#f47c20; }
.kh-tm-ratebar-num { font-family:Georgia, serif; font-weight:800; color:#0d1d47; font-size:1.5rem; line-height:1; }
.kh-tm-ratebar-txt { color:#5a6178; font-size:0.92rem; font-weight:600; letter-spacing:0.02em; }

/* Cards grid */
.kh-tm-grid { display:grid !important; grid-template-columns:repeat(3, 1fr) !important; gap:30px; margin-top:24px; }
.kh-tm-card { background:#fff; border:1px solid rgba(13,29,71,0.10); border-radius:20px; padding:34px 32px 28px; position:relative; transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease; display:flex; flex-direction:column; }
.kh-tm-card:hover { transform:translateY(-6px); box-shadow:0 28px 55px -22px rgba(13,29,71,0.25); border-color:rgba(244,124,32,0.30); }
.kh-tm-card-mark { position:absolute; top:22px; right:24px; font-family:Georgia, serif; font-size:5rem; line-height:1; color:rgba(244,124,32,0.15); font-weight:800; user-select:none; pointer-events:none; }
.kh-tm-card-stars { display:inline-flex; gap:2px; margin-bottom:18px; }
.kh-tm-card-stars svg { width:16px; height:16px; color:#f47c20; fill:#f47c20; }
.kh-tm-card-quote { color:#2c3142; font-size:1.02rem; line-height:1.72; font-style:italic; margin:0 0 28px; font-family:Georgia, serif; flex:1 1 auto; }
.kh-tm-card-foot { display:flex; align-items:center; gap:14px; padding-top:22px; border-top:1px solid rgba(13,29,71,0.08); }
.kh-tm-card-av { width:52px; height:52px; flex:0 0 52px; border-radius:50%; background:linear-gradient(135deg,#0d1d47 0%,#1a3a8c 100%); color:#fff; display:flex; align-items:center; justify-content:center; font-family:Georgia, serif; font-weight:800; font-size:1.1rem; letter-spacing:0.04em; box-shadow:0 4px 12px rgba(13,29,71,0.25); }
.kh-tm-card-av.av-orange { background:linear-gradient(135deg,#f47c20 0%,#ff9d4d 100%); box-shadow:0 4px 12px rgba(244,124,32,0.30); }
.kh-tm-card-av.av-navy { background:linear-gradient(135deg,#0d1d47 0%,#1a3a8c 100%); }
.kh-tm-card-av.av-slate { background:linear-gradient(135deg,#2c3142 0%,#4a5168 100%); }
.kh-tm-card-name { font-family:Georgia, serif; font-size:1.05rem; font-weight:800; color:#0d1d47; line-height:1.2; }
.kh-tm-card-role { display:flex; align-items:center; gap:6px; color:#5a6178; font-size:0.82rem; font-weight:600; letter-spacing:0.04em; margin-top:3px; }
.kh-tm-card-role::before { content:""; width:5px; height:5px; border-radius:50%; background:#f47c20; display:inline-block; }

/* Bottom CTA strip */
.kh-tm-cta { margin-top:64px; text-align:center; padding:36px; background:linear-gradient(135deg,#0d1d47 0%,#1a3a8c 100%); border-radius:18px; box-shadow:0 24px 50px -20px rgba(13,29,71,0.40); }
.kh-tm-cta-txt { color:rgba(255,255,255,0.9); font-size:1.02rem; margin:0 0 18px; font-weight:500; }
.kh-tm-cta-txt strong { color:#fff; }
.kh-tm-cta-btn { display:inline-flex; align-items:center; gap:10px; padding:14px 30px; background:#f47c20; color:#fff !important; text-decoration:none !important; border-radius:999px; font-weight:800; font-size:0.92rem; letter-spacing:0.04em; transition:all .25s ease; box-shadow:0 12px 28px -8px rgba(244,124,32,0.55); }
.kh-tm-cta-btn:hover { background:#ff8a30; transform:translateY(-2px); box-shadow:0 18px 36px -8px rgba(244,124,32,0.65); }
.kh-tm-cta-btn svg { width:16px; height:16px; }

@media (max-width: 992px) {
  .kh-tm-grid { grid-template-columns:1fr !important; }
}
@media (max-width: 1100px) and (min-width: 993px) {
  .kh-tm-grid { grid-template-columns:repeat(3, 1fr) !important; }
}




/* ============================================================
   KH FAQ Accordion v2  (.kh-faq-v2)
   Native <details>/<summary> accordion with brand styling
   ============================================================ */
.kh-faq-v2 { background:#ffffff !important; padding:96px 0 !important; position:relative; overflow:hidden; }
.kh-faq-v2::before { content:""; position:absolute; top:-120px; right:-120px; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle at center, rgba(244,124,32,0.08), transparent 70%); pointer-events:none; }
.kh-faq-v2::after { content:""; position:absolute; bottom:-160px; left:-160px; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle at center, rgba(13,29,71,0.06), transparent 70%); pointer-events:none; }
.kh-faq-v2 .is-container { position:relative; z-index:2; }
.kh-faq-inner { max-width:920px; margin:0 auto; }
.kh-faq-head { text-align:center; max-width:780px; margin:0 auto 56px; }
.kh-faq-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:8px 18px; background:#fff5ec; border:1px solid rgba(244,124,32,0.20); color:#f47c20; font-size:0.72rem; font-weight:800; letter-spacing:0.22em; text-transform:uppercase; border-radius:999px; }
.kh-faq-eyebrow svg { width:14px; height:14px; }
.kh-faq-title { font-family:Georgia, "Times New Roman", serif; font-size:clamp(2rem, 3.4vw, 3rem); line-height:1.12; color:#0d1d47; margin:20px 0 14px; font-weight:700; letter-spacing:-0.01em; }
.kh-faq-title em { font-style:italic; color:#f47c20; font-weight:600; }
.kh-faq-sub { color:#5a6178; font-size:1.05rem; line-height:1.7; margin:0 auto; max-width:640px; }

/* Accordion list */
.kh-faq-list { display:flex; flex-direction:column; gap:14px; margin-top:8px; }
.kh-faq-item { background:#fff; border:1px solid rgba(13,29,71,0.10); border-radius:14px; transition:all .3s ease; overflow:hidden; box-shadow:0 4px 12px rgba(13,29,71,0.03); }
.kh-faq-item:hover { border-color:rgba(244,124,32,0.30); box-shadow:0 10px 28px -10px rgba(13,29,71,0.15); }
.kh-faq-item[open] { border-color:rgba(244,124,32,0.45); background:linear-gradient(180deg,#fff 0%,#fffaf5 100%); box-shadow:0 14px 36px -12px rgba(244,124,32,0.22); }

/* Summary (the question) */
.kh-faq-item > summary { list-style:none; cursor:pointer; padding:22px 64px 22px 26px; position:relative; display:flex; align-items:flex-start; gap:18px; user-select:none; }
.kh-faq-item > summary::-webkit-details-marker { display:none; }
.kh-faq-item > summary::marker { display:none; content:""; }
.kh-faq-num-pill { flex:0 0 auto; min-width:42px; height:42px; padding:0 12px; border-radius:10px; background:#0d1d47; color:#fff; font-family:Georgia, serif; font-weight:800; font-size:0.92rem; display:inline-flex; align-items:center; justify-content:center; letter-spacing:0.04em; transition:all .3s ease; }
.kh-faq-item[open] .kh-faq-num-pill { background:#f47c20; box-shadow:0 6px 16px -4px rgba(244,124,32,0.5); }
.kh-faq-q { flex:1 1 auto; font-family:Georgia, serif; font-size:1.08rem; line-height:1.45; color:#0d1d47; font-weight:700; letter-spacing:-0.005em; padding-top:8px; }
.kh-faq-item[open] .kh-faq-q { color:#0d1d47; }

/* Plus / minus toggle icon */
.kh-faq-toggle { position:absolute; right:22px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; background:#f6f7fb; display:inline-flex; align-items:center; justify-content:center; transition:all .3s ease; flex:0 0 auto; }
.kh-faq-item:hover .kh-faq-toggle { background:#fff5ec; }
.kh-faq-item[open] .kh-faq-toggle { background:#f47c20; }
.kh-faq-toggle::before, .kh-faq-toggle::after { content:""; position:absolute; background:#0d1d47; border-radius:2px; transition:all .3s ease; }
.kh-faq-toggle::before { width:14px; height:2px; }
.kh-faq-toggle::after { width:2px; height:14px; }
.kh-faq-item[open] .kh-faq-toggle::before, .kh-faq-item[open] .kh-faq-toggle::after { background:#fff; }
.kh-faq-item[open] .kh-faq-toggle::after { transform:scaleY(0); }

/* Answer panel */
.kh-faq-a { padding:0 26px 24px 86px; color:#4a5568; font-size:1rem; line-height:1.75; margin:0; animation:khFaqFade .35s ease; }
.kh-faq-item[open] .kh-faq-a { animation:khFaqSlide .35s ease; }
@keyframes khFaqFade { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
@keyframes khFaqSlide { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }

/* Bottom helper CTA */
.kh-faq-helper { margin-top:48px; padding:32px 28px; text-align:center; background:linear-gradient(135deg,#0d1d47 0%,#1a3a8c 100%); border-radius:16px; box-shadow:0 24px 50px -20px rgba(13,29,71,0.40); }
.kh-faq-helper-eyebrow { color:#f47c20; font-size:0.72rem; font-weight:800; letter-spacing:0.22em; text-transform:uppercase; margin-bottom:8px; }
.kh-faq-helper-txt { color:rgba(255,255,255,0.92); font-size:1.04rem; margin:0 0 18px; font-weight:500; }
.kh-faq-helper-txt strong { color:#fff; }
.kh-faq-helper-btn { display:inline-flex; align-items:center; gap:10px; padding:14px 28px; background:#f47c20; color:#fff !important; text-decoration:none !important; border-radius:999px; font-weight:800; font-size:0.92rem; letter-spacing:0.04em; transition:all .25s ease; box-shadow:0 12px 28px -8px rgba(244,124,32,0.55); }
.kh-faq-helper-btn:hover { background:#ff8a30; transform:translateY(-2px); box-shadow:0 18px 36px -8px rgba(244,124,32,0.65); }
.kh-faq-helper-btn svg { width:16px; height:16px; }

@media (max-width: 720px) {
  .kh-faq-v2 { padding:64px 0 !important; }
  .kh-faq-item > summary { padding:18px 56px 18px 18px; gap:14px; }
  .kh-faq-num-pill { min-width:36px; height:36px; font-size:0.82rem; }
  .kh-faq-q { font-size:1rem; padding-top:6px; }
  .kh-faq-toggle { right:14px; width:32px; height:32px; }
  .kh-faq-a { padding:0 18px 20px 68px; font-size:0.96rem; }
}


/* ============================================================
   KH Editor-mode display fix
   ContentBuilder edit mode applies display:flex to direct children
   of .is-builder containers, which breaks our custom .kh-*-inner
   layouts. Force them back to block. The accordion list keeps flex.
   ============================================================ */
.kh-faq-v2 .kh-faq-inner { display:block !important; }
.kh-ip-v2 .kh-ip-inner { display:block !important; }
.kh-tm-v2 .kh-tm-inner { display:block !important; }
.kh-leader-v2 .kh-l2-inner { display:block !important; }
.kh-faq-v2 .kh-faq-list { display:flex !important; flex-direction:column !important; }


/* ============================================================
   KH Map / Visit Us Section  (.kh-map-v2)
   Two-column: contact info card + embedded Google map
   ============================================================ */
.kh-map-v2 { background:#f6f7fb !important; padding:96px 0 !important; position:relative; overflow:hidden; }
.kh-map-v2::before { content:""; position:absolute; top:-160px; left:-160px; width:480px; height:480px; border-radius:50%; background:radial-gradient(circle at center, rgba(13,29,71,0.08), transparent 70%); pointer-events:none; }
.kh-map-v2::after { content:""; position:absolute; bottom:-180px; right:-180px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle at center, rgba(244,124,32,0.10), transparent 70%); pointer-events:none; }
.kh-map-v2 .is-container { position:relative; z-index:2; }
.kh-map-inner { display:block !important; max-width:1180px; margin:0 auto; }
.kh-map-head { text-align:center; max-width:760px; margin:0 auto 48px; }
.kh-map-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:8px 18px; background:#fff5ec; border:1px solid rgba(244,124,32,0.20); color:#f47c20; font-size:0.72rem; font-weight:800; letter-spacing:0.22em; text-transform:uppercase; border-radius:999px; }
.kh-map-eyebrow svg { width:14px; height:14px; }
.kh-map-title { font-family:Georgia, "Times New Roman", serif; font-size:clamp(2rem, 3.4vw, 3rem); line-height:1.12; color:#0d1d47; margin:20px 0 14px; font-weight:700; letter-spacing:-0.01em; }
.kh-map-title em { font-style:italic; color:#f47c20; font-weight:600; }
.kh-map-sub { color:#5a6178; font-size:1.05rem; line-height:1.7; margin:0 auto; max-width:600px; }

/* Grid layout */
.kh-map-grid { display:grid !important; grid-template-columns:5fr 7fr !important; gap:32px; align-items:stretch; }

/* Info card */
.kh-map-info { background:linear-gradient(160deg,#0d1d47 0%,#1a3a8c 100%); color:#fff; border-radius:20px; padding:42px 36px; position:relative; overflow:hidden; box-shadow:0 24px 50px -20px rgba(13,29,71,0.40); display:flex; flex-direction:column; }
.kh-map-info::before { content:""; position:absolute; top:-80px; right:-80px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle at center, rgba(244,124,32,0.25), transparent 70%); pointer-events:none; }
.kh-map-info-eyebrow { color:#f47c20; font-size:0.72rem; font-weight:800; letter-spacing:0.22em; text-transform:uppercase; margin-bottom:10px; position:relative; z-index:2; }
.kh-map-info-title { font-family:Georgia, serif; font-size:1.7rem; color:#fff; margin:0 0 28px; font-weight:700; line-height:1.2; position:relative; z-index:2; }
.kh-map-info-title em { font-style:italic; color:#f47c20; font-weight:600; }
.kh-map-info-list { list-style:none; padding:0; margin:0 0 28px; position:relative; z-index:2; }
.kh-map-info-list > li { display:flex; align-items:flex-start; gap:14px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.10); }
.kh-map-info-list > li:last-child { border-bottom:none; }
.kh-map-info-ic { flex:0 0 auto; width:38px; height:38px; border-radius:10px; background:rgba(244,124,32,0.18); display:inline-flex; align-items:center; justify-content:center; color:#f47c20; }
.kh-map-info-ic svg { width:18px; height:18px; }
.kh-map-info-lbl { display:block; color:rgba(255,255,255,0.65); font-size:0.7rem; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; margin-bottom:3px; }
.kh-map-info-val { display:block; color:#fff; font-size:1rem; line-height:1.45; font-weight:600; }
.kh-map-info-val a { color:#fff !important; text-decoration:none !important; transition:color .2s; }
.kh-map-info-val a:hover { color:#f47c20 !important; }
.kh-map-info-cta { display:inline-flex; align-items:center; gap:10px; padding:14px 26px; background:#f47c20; color:#fff !important; text-decoration:none !important; border-radius:999px; font-weight:800; font-size:0.92rem; letter-spacing:0.04em; transition:all .25s ease; box-shadow:0 12px 28px -8px rgba(244,124,32,0.55); align-self:flex-start; position:relative; z-index:2; }
.kh-map-info-cta:hover { background:#ff8a30; transform:translateY(-2px); box-shadow:0 18px 36px -8px rgba(244,124,32,0.65); }
.kh-map-info-cta svg { width:16px; height:16px; }

/* Map embed wrapper */
.kh-map-frame { position:relative; border-radius:20px; overflow:hidden; box-shadow:0 24px 50px -20px rgba(13,29,71,0.30); background:#e9eef5; min-height:480px; border:6px solid #fff; }
.kh-map-frame iframe { display:block; width:100%; height:100%; min-height:468px; border:0; }
.kh-map-frame::after { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#f47c20 0%,#0d1d47 100%); z-index:3; pointer-events:none; }
.kh-map-pin { position:absolute; top:18px; left:18px; background:#fff; border-radius:999px; padding:8px 14px 8px 10px; display:inline-flex; align-items:center; gap:8px; box-shadow:0 8px 22px -6px rgba(13,29,71,0.25); z-index:4; }
.kh-map-pin-dot { width:10px; height:10px; border-radius:50%; background:#f47c20; box-shadow:0 0 0 4px rgba(244,124,32,0.25); animation:khMapPulse 1.8s ease-in-out infinite; }
.kh-map-pin-txt { font-size:0.78rem; font-weight:800; color:#0d1d47; letter-spacing:0.04em; }
@keyframes khMapPulse { 0%,100% { box-shadow:0 0 0 4px rgba(244,124,32,0.25); } 50% { box-shadow:0 0 0 8px rgba(244,124,32,0.10); } }

@media (max-width: 992px) {
  .kh-map-grid { grid-template-columns:1fr !important; }
  .kh-map-frame { min-height:380px; }
  .kh-map-frame iframe { min-height:368px; }
}
@media (max-width: 720px) {
  .kh-map-v2 { padding:64px 0 !important; }
  .kh-map-info { padding:32px 24px; }
  .kh-map-info-title { font-size:1.4rem; }
}

/* ===== kh-contact-form (Webware native form on Contact page) ===== */
.type-form.form-template-3 {
  background: linear-gradient(180deg, #FAF7F2 0%, #FFFFFF 100%);
  padding: 90px 0 100px;
  position: relative;
  overflow: hidden;
}
.type-form.form-template-3::before {
  content: "";
  position: absolute;
  top: -120px;
  right: -120px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(245,130,32,0.10) 0%, rgba(245,130,32,0) 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.type-form.form-template-3::after {
  content: "";
  position: absolute;
  bottom: -140px;
  left: -100px;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(27,42,78,0.08) 0%, rgba(27,42,78,0) 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.type-form.form-template-3 .is-boxes,
.type-form.form-template-3 .is-box-centered,
.type-form.form-template-3 .container {
  position: relative;
  z-index: 2;
}
.type-form.form-template-3 .spacer.height-40 { display: none; }

/* Section heading injected via ::before on form container */
.type-form.form-template-3 .ww-form-container-3 {
  max-width: 760px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 18px;
  padding: 50px 48px 44px;
  position: relative;
  border: 1px solid rgba(27,42,78,0.08);
  box-shadow: 0 18px 40px -22px rgba(27,42,78,0.18);
}
.type-form.form-template-3 .ww-form-container-3::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1B2A4E 0%, #F58220 100%);
  border-radius: 18px 18px 0 0;
}

/* Hide native introductory text placeholder if it shows label text */
.type-form.form-template-3 .ww-form-container-3 > p:first-of-type,
.type-form.form-template-3 .ww-form-container-3 > .form_intro,
.type-form.form-template-3 .ww-form-container-3 > .intro {
  text-align: center;
  font-size: 1.02rem;
  line-height: 1.65;
  color: #5a6478;
  margin: 0 auto 32px;
  max-width: 560px;
}

/* Add an eyebrow + title via pseudo */
.type-form.form-template-3 .ww-form-container-3 > form::before {
  content: "Send a Message";
  display: block;
  text-align: center;
  background: rgba(245,130,32,0.12);
  color: #F58220;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 8px 18px;
  border-radius: 999px;
  width: max-content;
  margin: 0 auto 16px;
}
.type-form.form-template-3 .ww-form-container-3 > form::after { content: ""; display: block; }

.type-form.form-template-3 .fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 20px;
}
.type-form.form-template-3 .fieldset > div[class$="_wrap"] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
/* Make email, contact, message full width */
.type-form.form-template-3 .email_wrap,
.type-form.form-template-3 .phone_wrap,
.type-form.form-template-3 .mob_phone_phone_number_tel_wrap,
.type-form.form-template-3 div[class*="field_"][class$="_wrap"] {
  grid-column: 1 / -1;
}

.type-form.form-template-3 label {
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #1B2A4E;
  margin: 0 0 2px;
  display: block;
}
.type-form.form-template-3 label .required {
  color: #F58220;
  margin-left: 3px;
}

.type-form.form-template-3 input.input[type="text"],
.type-form.form-template-3 input.input[type="email"],
.type-form.form-template-3 input.phone_number,
.type-form.form-template-3 textarea.input {
  width: 100%;
  padding: 13px 16px;
  border: 1.5px solid #e2e6ee;
  border-radius: 10px;
  font-size: 0.98rem;
  font-family: inherit;
  color: #1B2A4E;
  background: #fafbfd;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
  line-height: 1.4;
  margin: 0;
}
.type-form.form-template-3 input.input::placeholder,
.type-form.form-template-3 input.phone_number::placeholder,
.type-form.form-template-3 textarea.input::placeholder {
  color: #9aa3b4;
}
.type-form.form-template-3 input.input:focus,
.type-form.form-template-3 input.phone_number:focus,
.type-form.form-template-3 textarea.input:focus {
  outline: none;
  border-color: #F58220;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(245,130,32,0.12);
}
.type-form.form-template-3 textarea.input {
  min-height: 140px;
  resize: vertical;
  font-family: inherit;
}

/* High-specificity override for phone input (beats system-forms.css and ID selector) */
.type-form.form-template-3 .ww-form-container-3 input[type="tel"],
.type-form.form-template-3 .ww-form-container-3 input.phone_number,
.type-form.form-template-3 #mob_phone_phone_number_tel,
body .type-form.form-template-3 #mob_phone_phone_number_tel,
body .type-form.form-template-3 .ww-form-container-3 #mob_phone_phone_number_tel {
  background: #fafbfd !important;
  background-color: #fafbfd !important;
  border: 1.5px solid #e2e6ee !important;
  border-width: 1.5px !important;
  border-style: solid !important;
  border-color: #e2e6ee !important;
  border-top-color: #e2e6ee !important;
  border-right-color: #e2e6ee !important;
  border-bottom-color: #e2e6ee !important;
  border-left-color: #e2e6ee !important;
  border-radius: 10px !important;
  color: #1B2A4E !important;
  padding: 13px 16px 13px 56px !important;
  height: auto !important;
  min-height: 45px !important;
  height: 45px !important;
  font-size: 0.98rem !important;
  font-family: inherit !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  line-height: 1.4 !important;
}
.type-form.form-template-3 .ww-form-container-3 input[type="tel"]:focus,
.type-form.form-template-3 #mob_phone_phone_number_tel:focus,
body .type-form.form-template-3 #mob_phone_phone_number_tel:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #F58220 !important;
  box-shadow: 0 0 0 4px rgba(245,130,32,0.12) !important;
  outline: none !important;
}

/* Placeholder color for all form inputs in this section */
.type-form.form-template-3 input::placeholder,
.type-form.form-template-3 input::-webkit-input-placeholder,
.type-form.form-template-3 input::-moz-placeholder,
.type-form.form-template-3 input:-ms-input-placeholder,
.type-form.form-template-3 textarea::placeholder {
  color: #9aa3b4 !important;
  opacity: 1 !important;
  font-style: normal;
}
.type-form.form-template-3 #mob_phone_phone_number_tel::placeholder,
.type-form.form-template-3 #mob_phone_phone_number_tel::-webkit-input-placeholder {
  color: #9aa3b4 !important;
  opacity: 1 !important;
}

/* intl-tel-input styling (older v15/16 markup) */
.type-form.form-template-3 .intl-tel-input { width: 100%; display: block; position: relative; }
.type-form.form-template-3 .intl-tel-input .flag-container { background: transparent; }
.type-form.form-template-3 .intl-tel-input.allow-dropdown input.phone_number,
.type-form.form-template-3 .intl-tel-input input[type="tel"] {
  padding-left: 56px;
  width: 100%;
  box-sizing: border-box;
}
.type-form.form-template-3 .intl-tel-input .selected-flag { padding: 0 8px 0 12px; height: 100%; display: flex; align-items: center; }
.type-form.form-template-3 .intl-tel-input .country-list { z-index: 5; }

/* Captcha + submit */
.type-form.form-template-3 .form-container {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.type-form.form-template-3 .captcha_wrap {
  display: flex;
  justify-content: center;
}
.type-form.form-template-3 .submit_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 !important;
  margin: 0;
}
.type-form.form-template-3 input[type="submit"],
.type-form.form-template-3 .button.input[type="submit"] {
  background: #F58220;
  color: #ffffff;
  border: 0;
  border-radius: 10px;
  padding: 15px 38px;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
  box-shadow: 0 10px 22px -10px rgba(245,130,32,0.55);
  min-width: 220px;
}
.type-form.form-template-3 input[type="submit"]:hover,
.type-form.form-template-3 .button.input[type="submit"]:hover {
  background: #d96a10;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px -10px rgba(245,130,32,0.65);
}
.type-form.form-template-3 input[type="submit"]:active {
  transform: translateY(0);
}

/* Error states */
.type-form.form-template-3 .error,
.type-form.form-template-3 .form_error,
.type-form.form-template-3 .field_error {
  color: #d63b3b;
  font-size: 0.82rem;
  margin-top: 4px;
}
.type-form.form-template-3 input.input.error,
.type-form.form-template-3 textarea.input.error {
  border-color: #d63b3b;
  background: #fff7f7;
}

/* Hide overflow content */
.type-form.form-template-3 .ww-form-container-3 form > p.hide { display: none !important; }

/* Responsive */
@media (max-width: 992px) {
  .type-form.form-template-3 { padding: 70px 0 80px; }
  .type-form.form-template-3 .ww-form-container-3 { padding: 42px 32px 36px; }
}
@media (max-width: 600px) {
  .type-form.form-template-3 { padding: 56px 0 64px; }
  .type-form.form-template-3 .ww-form-container-3 {
    padding: 34px 22px 30px;
    border-radius: 14px;
  }
  .type-form.form-template-3 .fieldset {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .type-form.form-template-3 input[type="submit"] { width: 100%; min-width: 0; }
}


/* ===== kh-header (Site header styling — CSS only, no HTML changes) ===== */
/* Header section wrapper (the outermost .is-section is-header) */
.is-section.is-header {
  background: #ffffff !important;
  box-shadow: 0 6px 24px -16px rgba(27,42,78,0.18);
  position: sticky;
  top: 0;
  z-index: 200;
  overflow: visible !important;
}
.is-section.is-header .is-boxes,
.is-section.is-header .is-box-centered,
.is-section.is-header .margin-center,
.is-section.is-header .clearfix,
.is-section.is-header .is-overlay-content {
  background: transparent !important;
}

/* Inner <header> */
header.new-header,
header.new-header-5 {
  background: #ffffff !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(27,42,78,0.06);
  position: relative;
}
header.new-header::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 3px;
  background: linear-gradient(90deg, #1B2A4E 0%, #F58220 100%);
  opacity: 0.85;
}

/* Top grid row */
header.new-header > .grid-x {
  max-width: 1280px;
  margin: 0 auto !important;
  padding: 14px 28px !important;
  align-items: center;
  flex-wrap: nowrap !important;
}

/* Logo */
header.new-header .logo-container {
  padding: 0 !important;
  flex: 0 0 auto;
}
header.new-header .logo-container a {
  display: inline-block;
  line-height: 0;
}
header.new-header .logo-container img {
   transition: transform 0.25s ease;
  display: block;
}
header.new-header .logo-container a:hover img { transform: scale(1.03); }

/* Right side cell containing phone + CTA + nav */
header.new-header > .grid-x > .cell.auto {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  padding: 0 !important;
}

/* Top utility row (phone + Contact Us button) */
header.new-header ul.menu.justify-small-center.align-right {
  display: inline-flex !important;
  align-items: center;
  gap: 14px;
  margin: 0 0 4px 0;
  padding: 0 !important;
  list-style: none;
  background: transparent !important;
}
header.new-header ul.menu.justify-small-center.align-right > li {
  background: transparent !important;
  padding: 0;
  margin: 0;
}

/* Phone CTA */
header.new-header a.sitePhoneNumber {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  color: #1B2A4E !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  padding: 8px 14px !important;
  border-radius: 999px;
  background: rgba(245,130,32,0.08);
  border: 1px solid rgba(245,130,32,0.18);
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  line-height: 1;
}
header.new-header a.sitePhoneNumber i {
  color: #F58220;
  font-size: 0.95rem;
  transition: color 0.2s ease;
}
header.new-header a.sitePhoneNumber:hover {
  background: #F58220;
  border-color: #F58220;
  color: #ffffff !important;
}
header.new-header a.sitePhoneNumber:hover i { color: #ffffff; }

/* Contact Us button */
header.new-header a.button {
  display: inline-flex !important;
  align-items: center;
  background: #F58220 !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 11px 22px !important;
  border-radius: 8px !important;
  border: 0 !important;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
  box-shadow: 0 8px 18px -10px rgba(245,130,32,0.55);
  margin: 0 !important;
  line-height: 1.2;
}
header.new-header a.button:hover {
  background: #d96a10 !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px -10px rgba(245,130,32,0.65);
}

/* Main navigation row */
header.new-header .menu-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
header.new-header nav.align-right {
  width: auto;
}
header.new-header ul#mainNav {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  background: transparent !important;
}
header.new-header ul#mainNav > li {
  position: relative;
  background: transparent !important;
  margin: 0;
  padding: 0;
  list-style: none;
}
header.new-header ul#mainNav > li > a {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px !important;
  color: #1B2A4E !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  letter-spacing: 0.01em;
  border-radius: 6px;
  transition: color 0.2s ease, background 0.2s ease;
  position: relative;
  line-height: 1.2;
}
header.new-header ul#mainNav > li > a > span {
  position: relative;
  z-index: 2;
}
header.new-header ul#mainNav > li > a::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 4px;
  height: 2px;
  background: #F58220;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.25s ease;
}
header.new-header ul#mainNav > li > a:hover {
  color: #F58220 !important;
}
header.new-header ul#mainNav > li > a:hover::after,
header.new-header ul#mainNav > li.active > a::after,
header.new-header ul#mainNav > li.is-active > a::after {
  transform: scaleX(1);
}
header.new-header ul#mainNav > li.active > a,
header.new-header ul#mainNav > li.is-active > a {
  color: #F58220 !important;
}

/* Hide legacy "Old" duplicate menu items (CSS only — keep HTML intact) */
header.new-header ul#mainNav > li.handle-home-old,
header.new-header ul#mainNav > li.handle-services-old,
header.new-header ul#mainNav > li.handle-about-old,
header.new-header ul#mainNav > li.handle-faq-old,
header.new-header ul#mainNav > li.handle-contact-old {
  display: none !important;
}

/* Submenu dropdown */
header.new-header ul#mainNav .is-dropdown-submenu,
header.new-header ul#mainNav li ul.submenu,
header.new-header ul#mainNav li ul.menu.level-2 {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px !important;
  min-width: 240px;
  box-shadow: 0 18px 40px -10px rgba(27,42,78,0.25), 0 0 0 1px rgba(27,42,78,0.06);
  margin-top: 8px !important;
  list-style: none;
  margin-right: -16px;
}
header.new-header ul#mainNav .is-dropdown-submenu::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 24px;
  width: 12px;
  height: 12px;
  background: #ffffff;
  transform: rotate(45deg);
  box-shadow: -2px -2px 4px -2px rgba(27,42,78,0.08);
}
header.new-header ul#mainNav .is-dropdown-submenu li {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
header.new-header ul#mainNav .is-dropdown-submenu li a {
  display: block;
  padding: 10px 14px !important;
  color: #1B2A4E !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-radius: 8px;
  transition: background 0.18s ease, color 0.18s ease;
}
header.new-header ul#mainNav .is-dropdown-submenu li a:hover,
header.new-header ul#mainNav .is-dropdown-submenu li a:focus,
header.new-header ul#mainNav .is-dropdown-submenu li.active > a,
header.new-header ul#mainNav .is-dropdown-submenu li.is-active > a {
    background: rgba(245,130,32,0.08) !important;
    color: #F58220 !important;
}

/* Hide dropdown arrow native styling — keep clean */
header.new-header ul#mainNav .is-dropdown-submenu-parent > a::before {
  display: none;
}
header.new-header ul#mainNav .is-dropdown-submenu-parent > a::after {
  /* keep the underline accent from base rule */
}
header.new-header ul#mainNav > li.has-submenu > a > span::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  margin-left: 8px;
  margin-bottom: 3px;
  transition: transform 0.2s ease;
  vertical-align: middle;
  opacity: 0.7;
}
header.new-header ul#mainNav > li.has-submenu:hover > a > span::after {
  transform: rotate(225deg);
  margin-bottom: -2px;
}

/* Mobile menu toggle */
header.new-header .sidenav-container { margin-left: auto; }
header.new-header button.openMenu {
  background: transparent !important;
  border: 1.5px solid rgba(27,42,78,0.15) !important;
  border-radius: 10px;
  padding: 10px 12px !important;
  color: #1B2A4E !important;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
header.new-header button.openMenu i { color: #1B2A4E; font-size: 22px; }
header.new-header button.openMenu:hover {
  background: rgba(245,130,32,0.08) !important;
  border-color: #F58220 !important;
}
header.new-header button.openMenu:hover i { color: #F58220; }

/* Responsive — tablet and below */
@media (max-width: 1023px) {
  header.new-header > .grid-x { padding: 12px 18px !important; }
  header.new-header .logo-container img {  }
  header.new-header > .grid-x > .cell.auto { display: none; }
  header.new-header .sidenav-container { display: flex !important; margin-left: auto; }
}
@media (max-width: 600px) {
  header.new-header > .grid-x { padding: 10px 14px !important; }
  header.new-header .logo-container img {  }
}

/* Tighten nav at 1200–1280 to prevent wrapping */
@media (min-width: 1024px) and (max-width: 1280px) {
  header.new-header ul#mainNav > li > a {
    padding: 10px 10px !important;
    font-size: 0.86rem !important;
  }
  header.new-header a.sitePhoneNumber { font-size: 0.85rem !important; padding: 7px 12px !important; }
  header.new-header a.button { padding: 10px 16px !important; font-size: 0.76rem !important; }
}


/* ===== kh-header mobile + off-canvas drawer ===== */
/* Mobile header layout (tablet & below) */
@media (max-width: 1023px) {
  header.new-header > .grid-x {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 16px !important;
    gap: 10px;
  }
  header.new-header .logo-container {
    order: 1;
    flex: 0 0 auto;
    margin: 0 !important;
  }
  /* Hide the desktop nav cell on mobile */
  header.new-header > .grid-x > .cell.auto.show-for-large {
    display: none !important;
  }
  /* Show mobile-only blocks in row */
  header.new-header .hide-for-large.sidenav-container {
    display: flex !important;
    order: 4;
    margin-left: auto;
    flex: 0 0 auto;
  }
  header.new-header .hide-for-large .mobile-contact-number-section {
    display: flex !important;
  }
  header.new-header .hide-for-large .mobile-contact-button-section {
    display: flex !important;
  }
  /* Hide mobile phone + Contact button on small viewport to keep header tidy (they exist in drawer footer instead) */
  header.new-header > .grid-x > .hide-for-large:nth-of-type(2),
  header.new-header > .grid-x > .hide-for-large:nth-of-type(3) {
    display: none !important;
  }
  /* Hamburger button */
  header.new-header button.openMenu {
    background: transparent !important;
    border: 1.5px solid rgba(27,42,78,0.18) !important;
    border-radius: 10px !important;
    padding: 9px 12px !important;
    width: 46px;
    height: 46px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  header.new-header button.openMenu i {
    color: #1B2A4E !important;
    font-size: 22px !important;
  }
  header.new-header button.openMenu:hover {
    background: rgba(245,130,32,0.08) !important;
    border-color: #F58220 !important;
  }
  header.new-header button.openMenu:hover i { color: #F58220 !important; }
}

/* Off-canvas sidenav drawer */
aside#sidenav.off-canvas.sidenav {
    display:none;
  background: #ffffff !important;
  width: 320px !important;
  max-width: 60vw;
  padding: 0 !important;
  box-shadow: -18px 0 40px -18px rgba(27,42,78,0.35);
  z-index: 1050 !important;
}

aside#sidenav.off-canvas.sidenav > ul.vertical.menu {
  background: transparent !important;
  padding: 12px 14px 24px !important;
  margin: 0 !important;
  list-style: none !important;
}
aside#sidenav.off-canvas.sidenav ul {
  list-style: none !important;
  background: transparent !important;
}
aside#sidenav.off-canvas.sidenav li {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
}
aside#sidenav.off-canvas.sidenav li > a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px !important;
  color: #1B2A4E !important;
  font-size: 0.98rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-radius: 10px !important;
  margin: 2px 0;
  transition: background 0.18s ease, color 0.18s ease, padding-left 0.18s ease;
  line-height: 1.3;
}
aside#sidenav.off-canvas.sidenav li > a:hover,
aside#sidenav.off-canvas.sidenav li.active > a,
aside#sidenav.off-canvas.sidenav li.is-active > a {
  background: rgba(245,130,32,0.10) !important;
  color: #F58220 !important;
  padding-left: 20px !important;
}
aside#sidenav.off-canvas.sidenav li.active > a::after,
aside#sidenav.off-canvas.sidenav li.is-active > a::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #F58220;
  border-radius: 50%;
  display: inline-block;
  margin-left: 8px;
  flex: 0 0 auto;
}

/* Force transparent background on drawer links (beats Foundation accordion-menu defaults) */
body aside#sidenav.off-canvas.sidenav ul.accordion-menu li > a,
body aside#sidenav.off-canvas.sidenav ul.vertical.menu li > a,
body aside#sidenav.off-canvas.sidenav li > a {
  background: transparent !important;
  background-color: transparent !important;
  color: #1B2A4E !important;
  border: 0 !important;
}
body aside#sidenav.off-canvas.sidenav ul.accordion-menu li > a:hover,
body aside#sidenav.off-canvas.sidenav li > a:hover,
body aside#sidenav.off-canvas.sidenav li.active > a,
body aside#sidenav.off-canvas.sidenav li.is-active > a {
  background: rgba(245,130,32,0.10) !important;
  background-color: rgba(245,130,32,0.10) !important;
  color: #F58220 !important;
}

/* Submenu (accordion) styling */
aside#sidenav.off-canvas.sidenav ul.nested,
aside#sidenav.off-canvas.sidenav ul.menu.vertical.nested {
  padding: 4px 8px 8px !important;
  margin: 0 !important;
  border-left: 2px solid rgba(245,130,32,0.25);
  margin-left: 14px !important;
}
aside#sidenav.off-canvas.sidenav ul.nested li > a {
  padding: 10px 12px !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: #5a6478 !important;
}
aside#sidenav.off-canvas.sidenav ul.nested li > a:hover {
  color: #F58220 !important;
  background: rgba(245,130,32,0.06) !important;
}
aside#sidenav.off-canvas.sidenav ul.nested li > a > span.padding-left-1 {
  padding-left: 0 !important;
}

/* Accordion expand caret on parent items */
aside#sidenav.off-canvas.sidenav li.is-accordion-submenu-parent > a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #1B2A4E;
  border-bottom: 2px solid #1B2A4E;
  transform: rotate(45deg);
  margin-left: auto;
  margin-right: 4px;
  transition: transform 0.2s ease;
  display: inline-block;
  flex: 0 0 auto;
}
aside#sidenav.off-canvas.sidenav li.is-accordion-submenu-parent.is-active > a::after,
aside#sidenav.off-canvas.sidenav li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {
  transform: rotate(-135deg);
  border-color: #F58220;
}

/* Hide legacy "Old" items in drawer too */
aside#sidenav.off-canvas.sidenav li.handle-home-old,
aside#sidenav.off-canvas.sidenav li.handle-services-old,
aside#sidenav.off-canvas.sidenav li.handle-about-old,
aside#sidenav.off-canvas.sidenav li.handle-faq-old,
aside#sidenav.off-canvas.sidenav li.handle-contact-old,
aside#sidenav.off-canvas.sidenav li.handle-security-guard-services-old,
aside#sidenav.off-canvas.sidenav li.handle-security-patrol-services-old {
  display: none !important;
}

/* Overlay (Foundation js-off-canvas-exit) */
.js-off-canvas-exit,
.js-off-canvas-overlay {
  background: rgba(13, 22, 45, 0.55) !important;
  transition: opacity 0.3s ease;
}

/* When body has off-canvas open state, lock scroll */
body.is-off-canvas-open { overflow: hidden; }

/* Make sure sticky header sits above hero overlap on mobile */
@media (max-width: 1023px) {
  .is-section.is-header { z-index: 999 !important; }
  header.new-header { z-index: 999 !important; }
}



/* ===== kh-header MOBILE FIX v41 START ===== */
@media (max-width: 1023.98px) {
    aside#sidenav.off-canvas.sidenav {
        display:block;
    }
  body header#header.new-header,
  body header#header {
    background: #ffffff !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
    padding: 10px 0 6px !important;
  }
  body header#header > .grid-x,
  body header#header .grid-x:first-of-type {
    align-items: center !important;
    margin: 0 !important;
    padding: 0 14px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }
  /* LOGO: natural size, no forced height/width */
  body header#header .logo-container {
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
        width: 100%;
  }
  body header#header .logo-container a {
    display: inline-block !important;
    line-height: 0 !important;
  }
  body header#header .logo-container img {
     display: block !important;
  }
  body header#header .show-for-large { display: none !important; }
  /* HAMBURGER: right side */
  body header#header .hide-for-large.sidenav-container {
    display: block !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    position: absolute;
    right: 15px;
  }
  body header#header button.openMenu {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #1b2a4e !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    line-height: 1 !important;
  }
  body header#header button.openMenu:hover,
  body header#header button.openMenu:focus,
  body header#header button.openMenu:active {
    background: #f58220 !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }
  body header#header button.openMenu i,
  body header#header button.openMenu .fas,
  body header#header button.openMenu .fa-bars {
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }
  /* SHOW the mobile phone number + contact button in the header */
  body header#header > div.hide-for-large {
    display: block !important;
  }
  body header#header .mobile-contact-number-section,
  body header#header .mobile-contact-button-section {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 14px !important;
    margin: 0 !important;
    background: transparent !important;
    border-top: 1px solid #eef0f5 !important;
  }
  body header#header .mobile-contact-number-section {
    padding-top: 6px !important;
    padding-bottom: 4px !important;
    border-top: 1px solid #eef0f5 !important;
    margin-top: 8px !important;
  }
  body header#header .mobile-contact-button-section {
    padding-bottom: 8px !important;
  }
  /* Mobile phone link styled as a small pill */
  body header#header .mobile-contact-number-section a,
  body header#header .mobile-contact-number-section a.cta,
  body header#header a.cta.sitePhoneNumber {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #1b2a4e !important;
    background: transparent !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    padding: 6px 10px !important;
    line-height: 1.2 !important;
    border-radius: 8px !important;
  }
  body header#header .mobile-contact-number-section a:hover,
  body header#header a.cta.sitePhoneNumber:hover {
    color: #f58220 !important;
  }
  body header#header .mobile-contact-number-section a i,
  body header#header a.cta.sitePhoneNumber i {
    color: #f58220 !important;
    font-size: 14px !important;
  }
  /* Mobile Contact Us button styled as orange CTA */
  body header#header .mobile-contact-button-section a,
  body header#header .mobile-contact-button-section a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f58220 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 16px 22px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    text-decoration: none !important;
    line-height: 1 !important;
    min-width: 160px !important;
    box-shadow: 0 4px 12px rgba(245,130,32,.25) !important;
    transition: background .2s ease, transform .2s ease !important;
    max-width:200px !important;
  }
  body header#header .mobile-contact-button-section a:hover,
  body header#header .mobile-contact-button-section a.button:hover {
    background: #1b2a4e !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
  }
  /* "Old" duplicate menu items hidden in any nav, desktop & mobile */
  header li.handle-home-old,
  header li.handle-services-old,
  header li.handle-about-old,
  header li.handle-faq-old,
  header li.handle-contact-old,
  header li.handle-security-guard-services-old,
  header li.handle-security-patrol-services-old,
  header li.handle-security-camera-installation-old,
  header li.handle-mobile-surveillance-units-old,
  #sidenav li.handle-home-old,
  #sidenav li.handle-services-old,
  #sidenav li.handle-about-old,
  #sidenav li.handle-faq-old,
  #sidenav li.handle-contact-old,
  #sidenav li.handle-security-guard-services-old,
  #sidenav li.handle-security-patrol-services-old,
  #sidenav li.handle-security-camera-installation-old,
  #sidenav li.handle-mobile-surveillance-units-old {
    display: none !important;
  }
}
@media (max-width: 480px) {
  body header#header .grid-x:first-of-type {
    padding: 0 12px !important;
  }
  body header#header button.openMenu {
    width: 42px !important;
    height: 42px !important;
  }
  body header#header .mobile-contact-button-section a,
  body header#header .mobile-contact-button-section a.button {
    min-width: 0 !important;
    width: 100% !important;
  
  }
}
/* ===== kh-header MOBILE FIX v41 END ===== */

/* === LOGO NO-CONSTRAINT v42 - all height/width stripped from .logo-container img and header img selectors === */

/* ===== LOGO NATURAL v43 START ===== */
/* Remove ANY height/width forced on the logo by any stylesheet, desktop & mobile */
header .logo-container img,
header#header .logo-container img,
body header .logo-container img,
body header#header .logo-container img {
  width: auto !important;
  height: auto !important;
  max-width: 170px !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
@media (max-width: 1023.98px) {
  header .logo-container img,
  header#header .logo-container img,
  body header .logo-container img,
  body header#header .logo-container img {
    width: auto !important;
    height: auto !important;
    max-width: 170px !important;
    max-height: none !important;
  }
}
/* ===== LOGO NATURAL v43 END ===== */

/* ===== MOBILE CONTACT PADDING v44 START ===== */
/* Fixed padding for mobile contact sections (in header) */
header#header .mobile-contact-number-section,
body header#header .mobile-contact-number-section,
.mobile-contact-number-section {
  padding: 8px 16px !important;
  margin: 0 !important;
}
header#header .mobile-contact-button-section,
body header#header .mobile-contact-button-section,
.mobile-contact-button-section {
  padding: 8px 16px !important;
  margin: 0 !important;
}
@media (max-width: 480px) {
  header#header .mobile-contact-number-section,
  body header#header .mobile-contact-number-section,
  .mobile-contact-number-section {
    padding: 6px 12px !important;
  }
  header#header .mobile-contact-button-section,
  body header#header .mobile-contact-button-section,
  .mobile-contact-button-section {
    padding: 6px 12px !important;
  }
}
/* ===== MOBILE CONTACT PADDING v44 END ===== */



/* ===== kh-footer v47 START ===== */
/* ============================================================
   KNIGHT HAWK FOOTER BRANDING - v47 (high specificity)
   ============================================================ */
/* Force navy footer wrapper - very high specificity to beat ALL other rules */
html body div.is-wrapper > div.is-section.is-footer,
html body .is-section.is-footer,
body section.is-section.is-footer,
.is-section.is-footer {
  background-color: #0f1b3a !important;
  background-image: linear-gradient(180deg, #1b2a4e 0%, #0a1428 100%) !important;
  border-top: 5px solid #f58220 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding-top: 56px !important;
  padding-bottom: 0 !important;
  position: relative !important;
  color: #e6eaf4 !important;
}

/* Force inner footer transparent so wrapper navy shows */
html body footer#footer,
body footer#footer,
footer#footer {
  background-color: transparent !important;
  color: #e6eaf4 !important;
  padding: 0 0 24px 0 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* Top HR styling */
html body footer#footer hr,
body footer#footer hr,
footer#footer hr {
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.10): 0 !important;
  border-top: 0 !important;
  margin: 0 auto 36px !important;
  background: transparent !important;
  height: 0 !important;
  max-width: 1140px !important;
  width: calc(100% - 32px) !important;
}

/* Footer grid */
html body footer#footer .footer2,
body footer#footer .footer2,
footer#footer .footer2 {
  padding: 8px 16px 24px !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
}

/* Column container */
html body footer#footer .column-container,
body footer#footer .column-container,
footer#footer .column-container {
  padding: 12px 16px !important;
}

/* Column headings */
html body footer#footer h4,
body footer#footer h4,
footer#footer h4 {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  margin: 0 0 20px 0 !important;
  padding: 0 0 14px 0 !important;
  position: relative !important;
  display: block !important;
  line-height: 1.3 !important;
  border: 0 !important;
}
html body footer#footer h4::after,
body footer#footer h4::after,
footer#footer h4::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 36px !important;
  height: 3px !important;
  background-color: #f58220 !important;
  border-radius: 2px !important;
  display: block !important;
}

/* Lists */
html body footer#footer ul,
body footer#footer ul,
footer#footer ul,
footer#footer ul.no-bullet {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body footer#footer ul li,
body footer#footer ul li,
footer#footer ul li {
  list-style: none !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  line-height: 1.5 !important;
  border: 0 !important;
}

/* Links - default slate, hover orange */
html body footer#footer a,
body footer#footer a,
footer#footer a,
footer#footer ul li a {
  color: #c5cce0 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  transition: color .2s ease !important;
  display: inline-block !important;
  line-height: 1.5 !important;
}
html body footer#footer a:hover,
body footer#footer a:hover,
footer#footer a:hover,
footer#footer ul li a:hover {
  color: #f58220 !important;
}

/* Paragraphs */
html body footer#footer p,
body footer#footer p,
footer#footer p {
  color: #c5cce0 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin: 0 0 10px 0 !important;
}
footer#footer p strong,
footer#footer p b {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Phone & email links - white + bold */
html body footer#footer a[href^="tel:"],
html body footer#footer a[href^="mailto:"],
footer#footer a[href^="tel:"],
footer#footer a[href^="mailto:"] {
  color: #ffffff !important;
  font-weight: 600 !important;
}
footer#footer a[href^="tel:"]:hover,
footer#footer a[href^="mailto:"]:hover {
  color: #f58220 !important;
}

/* Icons - orange */
html body footer#footer i,
body footer#footer i,
footer#footer i,
footer#footer .fa,
footer#footer .fas,
footer#footer .far,
footer#footer .fab {
  color: #f58220 !important;
  margin-right: 8px !important;
}

/* Hide "Old" duplicate items in footer */
footer#footer li.handle-home-old,
footer#footer li.handle-services-old,
footer#footer li.handle-about-old,
footer#footer li.handle-faq-old,
footer#footer li.handle-contact-old,
footer#footer li.handle-security-guard-services-old,
footer#footer li.handle-security-patrol-services-old,
footer#footer li.handle-security-camera-installation-old,
footer#footer li.handle-alarm-system-installation-old,
footer#footer li.handle-mobile-surveillance-units-old,
footer#footer li.handle-private-investigations-services-old {
  display: none !important;
}

/* Subscribe form */
html body footer#footer input[type="text"],
html body footer#footer input[type="email"],
footer#footer input[type="text"],
footer#footer input[type="email"] {
  background-color: rgba(255,255,255,0.08) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  width: 100% !important;
  margin-bottom: 10px !important;
  box-shadow: none !important;
}
footer#footer input::placeholder { color: #8b95b5 !important; opacity: 1 !important; }
footer#footer input:focus {
  background-color: rgba(255,255,255,0.12) !important;
  border-color: #f58220 !important;
  outline: none !important;
}

html body footer#footer button,
html body footer#footer .button,
footer#footer button,
footer#footer .button,
footer#footer a.button,
footer#footer input[type="submit"] {
  background-color: #f58220 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 11px 11px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(245,130,32,0.30) !important;
  transition: background-color .2s ease, transform .2s ease !important;
}
footer#footer button:hover,
footer#footer .button:hover,
footer#footer a.button:hover,
footer#footer input[type="submit"]:hover {
  background-color: #ffffff !important;
  color: #1b2a4e !important;
  transform: translateY(-1px) !important;
}

/* Social media icons */
html body footer#footer a[href*="facebook.com"],
html body footer#footer a[href*="twitter.com"],
html body footer#footer a[href*="instagram.com"],
html body footer#footer a[href*="linkedin.com"],
html body footer#footer a[href*="youtube.com"],
footer#footer a[href*="facebook.com"],
footer#footer a[href*="twitter.com"],
footer#footer a[href*="instagram.com"],
footer#footer a[href*="linkedin.com"],
footer#footer a[href*="youtube.com"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 50% !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  background-color: transparent !important;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease !important;
}
footer#footer a[href*="facebook.com"]:hover,
footer#footer a[href*="twitter.com"]:hover,
footer#footer a[href*="instagram.com"]:hover,
footer#footer a[href*="linkedin.com"]:hover,
footer#footer a[href*="youtube.com"]:hover {
  background-color: #f58220 !important;
  border-color: #f58220 !important;
  transform: translateY(-2px) !important;
}
footer#footer a[href*="facebook.com"] i,
footer#footer a[href*="twitter.com"] i,
footer#footer a[href*="instagram.com"] i,
footer#footer a[href*="linkedin.com"] i,
footer#footer a[href*="youtube.com"] i {
  color: #ffffff !important;
  margin: 0 !important;
  font-size: 15px !important;
}

/* Bottom copyright bar - the last grid-x inside footer */
html body footer#footer > .grid-x:last-child,
body footer#footer > .grid-x:last-child,
footer#footer > .grid-x:last-child {
  background-color: rgba(0,0,0,0.30) !important;
  margin: 16px 0 0 !important;
  padding: 16px 24px !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #8b95b5 !important;
  border-top: 0 !important;
}
footer#footer > .grid-x:last-child a {
  color: #c5cce0 !important;
  font-weight: 600 !important;
}
footer#footer > .grid-x:last-child a:hover {
  color: #f58220 !important;
}

/* Remove Foundation border-bottom on cells */
html body footer#footer .border-bottom-small,
footer#footer .border-bottom-small {
  border-bottom: 0 !important;
}

/* MOBILE */
@media (max-width: 1023.98px) {
  html body .is-section.is-footer,
  .is-section.is-footer {
    padding-top: 32px !important;
  }
  footer#footer { padding-bottom: 16px !important; }
  footer#footer .column-container {
    padding: 16px !important;
    text-align: center !important;
  }
  footer#footer h4 { display: inline-block !important; }
  footer#footer h4::after {
    left: 50% !important;
  /*  transform: translateX(-50%) !important;*/
  }
  footer#footer .footer2 { padding: 8px 8px 16px !important; }
  footer#footer > .grid-x:last-child {
    padding: 14px 16px !important;
    font-size: 12px !important;
  }
}
@media (max-width: 480px) {
  footer#footer { font-size: 14px !important; }
}
/* ===== kh-footer v47 END ===== */

/* ===== kh-footer FIX v48 START ===== */
/* Reduce excessive top spacing - tighten wrapper + remove footer margin + collapse spacer rows */
html body .is-section.is-footer,
.is-section.is-footer {
  padding-top: 24px !important;
  padding-bottom: 0 !important;
}

/* Footer element - remove default 30px top margin */
html body footer#footer,
body footer#footer,
footer#footer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Collapse spacer grid rows (those with just HR or empty padding-y) */
html body footer#footer > .grid-x.grid-padding-y,
body footer#footer > .grid-x.grid-padding-y,
footer#footer > .grid-x.grid-padding-y {
  padding: 0 !important;
  margin: 0 !important;
}
html body footer#footer > .grid-x.grid-padding-y > .cell.padding-top-0.padding-bottom-0,
footer#footer > .grid-x.grid-padding-y > .cell.padding-top-0.padding-bottom-0 {
  padding: 0 !important;
  margin: 0 !important;
}

/* HR styling - make it a subtle separator with minimal vertical impact */
html body footer#footer hr,
body footer#footer hr,
footer#footer hr {
  border: 0 !important;
  border-top: 0 !important;
  margin: 16px auto !important;
  background: transparent !important;
  height: 0 !important;
  max-width: 1140px !important;
  width: calc(100% - 32px) !important;
  padding: 0 !important;
  display: block !important;
}

/* Columns row - tighter top padding */
html body footer#footer .grid-x.footer2:not(:last-child),
footer#footer .grid-x.footer2:not(:last-child) {
  padding: 8px 16px 24px !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
}

/* BOTTOM COPYRIGHT BAR - reset and re-style */
html body footer#footer > .grid-x:last-child,
html body footer#footer > .grid-x.footer2:last-child,
body footer#footer > .grid-x:last-child,
footer#footer > .grid-x:last-child {
  background-color: rgba(0,0,0,0.30) !important;
  background-image: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #8b95b5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
}
/* Inner cell of the copyright bar - center text vertically and symmetrically */
html body footer#footer > .grid-x:last-child > .cell,
html body footer#footer > .grid-x:last-child > .cell.text-center.padding-top-1,
body footer#footer > .grid-x:last-child > .cell,
footer#footer > .grid-x:last-child > .cell {
  padding: 16px 16px !important;
  margin: 0 !important;
  text-align: center !important;
  color: #8b95b5 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  width: 100% !important;
}
footer#footer > .grid-x:last-child > .cell p,
footer#footer > .grid-x:last-child p {
  margin: 0 !important;
  color: #8b95b5 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
footer#footer > .grid-x:last-child a {
  color: #c5cce0 !important;
  font-weight: 600 !important;
}
footer#footer > .grid-x:last-child a:hover {
  color: #f58220 !important;
}

/* Mobile */
@media (max-width: 1023.98px) {
  html body .is-section.is-footer,
  .is-section.is-footer {
    padding-top: 16px !important;
  }
  footer#footer > .grid-x:last-child {
    min-height: 48px !important;
  }
  footer#footer > .grid-x:last-child > .cell {
    padding: 14px 16px !important;
    font-size: 12px !important;
  }
}
/* ===== kh-footer FIX v48 END ===== */

/* ===== kh-footer FIX v49 START ===== */
/* Final tight spacing override - higher specificity than v47 */
html body div.is-wrapper > div.is-section.is-footer,
html body div.is-wrapper > div.is-section.is-box.is-footer,
html body div.is-section.is-footer.is-box,
html body section.is-section.is-footer {
  padding-top: 24px !important;
  padding-bottom: 0 !important;
}

/* Hide the top HR spacer entirely - looks redundant with the 5px orange border accent */
html body footer#footer > .grid-x.grid-padding-y:first-child,
body footer#footer > .grid-x.grid-padding-y:first-child,
footer#footer > .grid-x.grid-padding-y:first-child {
  display: none !important;
}

/* Hide the spacer between columns and copyright (child2) */
html body footer#footer > .grid-x.grid-padding-y:nth-of-type(2),
body footer#footer > .grid-x.grid-padding-y:nth-of-type(2),
footer#footer > .grid-x.grid-padding-y:nth-last-of-type(2) {
  display: none !important;
}

/* Tighten columns row top padding */
html body footer#footer .grid-x.footer2.padding-top-2,
footer#footer .grid-x.footer2.padding-top-2 {
  padding-top: 0 !important;
}

/* Bottom copyright bar - tighter, proper alignment */
html body footer#footer > .grid-x.footer2:last-child,
html body footer#footer > .grid-x:last-child,
body footer#footer > .grid-x:last-child,
footer#footer > .grid-x:last-child {
  background-color: rgba(0,0,0,0.30) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body footer#footer > .grid-x:last-child > .cell,
html body footer#footer > .grid-x:last-child > .cell.text-center,
html body footer#footer > .grid-x:last-child > .cell.padding-top-1,
body footer#footer > .grid-x:last-child > .cell,
footer#footer > .grid-x:last-child > .cell {
  padding: 14px 16px !important;
  margin: 0 !important;
  text-align: center !important;
  width: 100% !important;
  font-size: 13px !important;
  color: #8b95b5 !important;
  line-height: 1.5 !important;
}
footer#footer > .grid-x:last-child p,
footer#footer > .grid-x:last-child .cell p {
  margin: 0 !important;
  padding: 0 !important;
  color: #8b95b5 !important;
  font-size: 13px !important;
}

@media (max-width: 1023.98px) {
  html body div.is-wrapper > div.is-section.is-footer,
  html body div.is-section.is-footer.is-box,
  .is-section.is-footer {
    padding-top: 16px !important;
  }
  footer#footer > .grid-x:last-child {
    min-height: 44px !important;
  }
  footer#footer > .grid-x:last-child > .cell {
    padding: 12px 14px !important;
    font-size: 12px !important;
  }
}
/* ===== kh-footer FIX v49 END ===== */


/* KH FOOTER v53 - remove gray border above footer + center h4 underline & links on mobile */
@media (max-width: 1023.98px) {
  html body div.is-wrapper > div.is-section.is-footer h4 {
    text-align: center !important;
  }
  html body div.is-wrapper > div.is-section.is-footer h4::after {
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
  }
  html body div.is-wrapper > div.is-section.is-footer footer#footer > .grid-x.footer2 > .cell {
    text-align: center !important;
  }
  html body div.is-wrapper > div.is-section.is-footer ul,
  html body div.is-wrapper > div.is-section.is-footer ul li {
    text-align: center !important;
    justify-content: center !important;
  }
  /* Also ensure the kh-areas border is gone */
  html body div.is-wrapper > div.kh-areas.is-section {
    border-top: 0 !important;
  }
}
/* Desktop+mobile: ensure no border above footer wrapper from kh-areas */
html body div.is-wrapper > div.kh-areas.is-section,
html body div.is-wrapper > div.kh-areas {
  border-top: 0 !important;
  border-bottom: 0 !important;
}




/* KH FOOTER v54 - override base theme #CCCCCC borders on footer */
html body footer,
html body footer#footer,
html body div.is-wrapper footer,
html body div.is-wrapper footer#footer {
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
html body .footer-menu-container,
html body footer .footer-menu-container {
  border-bottom: 0 !important;
  border-top: 0 !important;
}
html body .new-footer-1 .copyright-container,
html body .new-footer-2 .copyright-container,
html body .new-footer-3 .copyright-container,
html body .new-footer-4 .copyright-container,
html body .new-footer-5 .copyright-container,
html body footer .copyright-container {
  border-top: 0 !important;
  border-bottom: 0 !important;
}


/* ============================================================== */
/* KH BLOG v55 - blog page improvements                            */
/* ============================================================== */

/* --- Blog page wrapper --- */
html body main.blog-page-type.new-blog-page-type {
  background: #f7f8fc !important;
  padding: 56px 0 80px !important;
}
@media (max-width: 1023.98px) {
  html body main.blog-page-type.new-blog-page-type {
    padding: 32px 0 48px !important;
  }
}

/* --- Search bar --- */
html body main.blog-page-type .blog-search-container {
  margin: 0 0 40px !important;
}
html body main.blog-page-type .blog-search-container .position-relative {
  position: relative !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}
html body main.blog-page-type .search-input-blog {
  width: 100% !important;
  height: 56px !important;
  padding: 0 56px 0 24px !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  font-size: 16px !important;
  color: #1b2a4e !important;
  box-shadow: 0 4px 16px rgba(27, 42, 78, 0.06) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
html body main.blog-page-type .search-input-blog:focus {
  outline: none !important;
  border-color: #f58220 !important;
  box-shadow: 0 4px 24px rgba(245, 130, 32, 0.18) !important;
}
html body main.blog-page-type .blog-search-button {
  position: absolute !important;
  left: auto !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #1b2a4e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}
html body main.blog-page-type .blog-search-button:hover {
  background: #f58220 !important;
}
html body main.blog-page-type .blog-search-button svg path {
  stroke: #ffffff !important;
}

/* --- Blog article card --- */
html body main.blog-page-type .blog-ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body main.blog-page-type .blog-li {
  list-style: none !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
}
html body main.blog-page-type .blog-article {
  background: #ffffff !important;
  border: 1px solid #e6eaf4 !important;
  border-radius: 14px !important;
  padding: 32px !important;
  box-shadow: 0 6px 24px rgba(27, 42, 78, 0.05) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  position: relative !important;
  overflow: hidden !important;
}
html body main.blog-page-type .blog-article::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #f58220 !important;
  transform: scaleY(0) !important;
  transform-origin: top !important;
  transition: transform 0.3s ease !important;
}
html body main.blog-page-type .blog-article:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 36px rgba(27, 42, 78, 0.12) !important;
  border-color: #f58220 !important;
}
html body main.blog-page-type .blog-article:hover::before {
  transform: scaleY(1) !important;
}
@media (max-width: 639px) {
  html body main.blog-page-type .blog-article {
    padding: 22px 18px !important;
    border-radius: 12px !important;
  }
}

/* --- Article category line --- */
html body main.blog-page-type .blog-article p.article-category {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #8b95b5 !important;
  margin: 0 0 14px !important;
}
html body main.blog-page-type .blog-article p.article-category .categories_text {
  color: #1b2a4e !important;
  margin-right: 6px !important;
}
html body main.blog-page-type .blog-article p.article-category a {
  color: #f58220 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
html body main.blog-page-type .blog-article p.article-category a:hover {
  color: #1b2a4e !important;
  text-decoration: underline !important;
}

/* --- Article title --- */
html body main.blog-page-type .blog-article h2.article-title {
  font-size: 26px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  margin: 0 0 14px !important;
  color: #1b2a4e !important;
}
html body main.blog-page-type .blog-article h2.article-title a,
html body main.blog-page-type .blog-article h2.article-title a.section-main-heading {
  color: #1b2a4e !important;
  text-decoration: none !important;
  background-image: linear-gradient(#f58220, #f58220) !important;
  background-size: 0% 2px !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  transition: background-size 0.3s ease, color 0.2s ease !important;
}
html body main.blog-page-type .blog-article h2.article-title a:hover {
  color: #f58220 !important;
  background-size: 100% 2px !important;
}
@media (max-width: 639px) {
  html body main.blog-page-type .blog-article h2.article-title {
    font-size: 20px !important;
  }
}

/* --- Article body / excerpt --- */
html body main.blog-page-type .blog-article .article-body,
html body main.blog-page-type .blog-article .article-body.rte {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #4a5670 !important;
  margin: 0 0 20px !important;
}
html body main.blog-page-type .blog-article .article-body p {
  margin: 0 !important;
  color: inherit !important;
}

/* --- Read more CTA --- */
html body main.blog-page-type .blog-article a.blog-read-more,
html body main.blog-page-type .blog-article a.blog-read-more.cta-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  background: #1b2a4e !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 999px !important;
  border: 0 !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  margin-top: 6px !important;
}
html body main.blog-page-type .blog-article a.blog-read-more::after {
  content: "\2192" !important;
  font-size: 16px !important;
  transition: transform 0.2s ease !important;
}
html body main.blog-page-type .blog-article a.blog-read-more:hover {
  background: #f58220 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(245, 130, 32, 0.32) !important;
}
html body main.blog-page-type .blog-article a.blog-read-more:hover::after {
  transform: translateX(4px) !important;
}

/* --- Categories sidebar --- */
html body main.blog-page-type .blog-categories-container,
html body main.blog-page-type .cell.large-4 {
  /* spacing on tablet/desktop */
}
html body main.blog-page-type .ps-blog-category {
  background: #ffffff !important;
  border: 1px solid #e6eaf4 !important;
  border-radius: 14px !important;
  padding: 26px 24px !important;
  margin: 0 !important;
  list-style: none !important;
  box-shadow: 0 6px 24px rgba(27, 42, 78, 0.05) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
html body main.blog-page-type .blog-categories-heading,
html body main.blog-page-type .ps-blog-category-heading,
html body main.blog-page-type h4.blog-categories-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1b2a4e !important;
  margin: 0 0 18px !important;
  position: relative !important;
  padding-bottom: 12px !important;
}
html body main.blog-page-type .blog-categories-heading::after,
html body main.blog-page-type h4.blog-categories-title::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 36px !important;
  height: 3px !important;
  background: #f58220 !important;
}
html body main.blog-page-type .ps-blog-category li {
  margin: 0 !important;
  list-style: none !important;
}
html body main.blog-page-type .ps-blog-category li a,
html body main.blog-page-type .ps-blog-category li button,
html body main.blog-page-type .ps-blog-category li .category-pill {
  display: inline-block !important;
  padding: 8px 18px !important;
  background: #ffffff !important;
  color: #1b2a4e !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border: 1.5px solid #e6eaf4 !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
html body main.blog-page-type .ps-blog-category li a:hover,
html body main.blog-page-type .ps-blog-category li button:hover {
  background: #f58220 !important;
  color: #ffffff !important;
  border-color: #f58220 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(245, 130, 32, 0.25) !important;
}
html body main.blog-page-type .ps-blog-category li.active a,
html body main.blog-page-type .ps-blog-category li.active button,
html body main.blog-page-type .ps-blog-category li a.active,
html body main.blog-page-type .ps-blog-category li button.active {
  background: #1b2a4e !important;
  color: #ffffff !important;
  border-color: #1b2a4e !important;
}

/* --- Empty / no-results state --- */
html body main.blog-page-type .no-blog-found,
html body main.blog-page-type .empty-blog {
  text-align: center !important;
  padding: 60px 24px !important;
  color: #8b95b5 !important;
  font-size: 16px !important;
}

/* --- Pagination --- */
html body main.blog-page-type .pagination,
html body main.blog-page-type ul.pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 40px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body main.blog-page-type .pagination li a,
html body main.blog-page-type .pagination li button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1.5px solid #e6eaf4 !important;
  color: #1b2a4e !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
html body main.blog-page-type .pagination li a:hover,
html body main.blog-page-type .pagination li.active a {
  background: #1b2a4e !important;
  border-color: #1b2a4e !important;
  color: #ffffff !important;
}

/* --- Featured articles slider (mobile) --- */
html body main.blog-page-type .featured-articles-section .articles-filter-container h5 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1b2a4e !important;
  margin: 0 0 16px !important;
}


/* ============================================================== */
/* KH ARTICLE v57 - blog post detail page improvements             */
/* ============================================================== */

/* --- Article page wrapper --- */
html body main.article-page-type {
  background: #f7f8fc !important;
  padding: 0 0 80px !important;
}
@media (max-width: 1023.98px) {
  html body main.article-page-type {
    padding: 0 0 48px !important;
  }
}

/* --- Article hero header band --- */
html body main.article-page-type > .grid-container {
  position: relative !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html body main.article-page-type .blog-article-content {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 48px 56px !important;
  margin: 48px 0 32px !important;
  box-shadow: 0 10px 40px rgba(27, 42, 78, 0.06) !important;
  border: 1px solid #e6eaf4 !important;
  position: relative !important;
}
html body main.article-page-type .blog-article-content::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  height: 6px !important;
  width: 100% !important;
  background: linear-gradient(90deg, #f58220 0%, #1b2a4e 100%) !important;
  border-radius: 16px 16px 0 0 !important;
}
@media (max-width: 1023.98px) {
  html body main.article-page-type .blog-article-content {
    padding: 32px 22px !important;
    margin: 24px 0 24px !important;
    border-radius: 12px !important;
  }
}

/* --- Article H1 title --- */
html body main.article-page-type h1.article-title,
html body main.article-page-type h1.banner-main-heading {
  font-size: 42px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #1b2a4e !important;
  margin: 0 0 28px !important;
  letter-spacing: -0.02em !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid #e6eaf4 !important;
}
@media (max-width: 1023.98px) {
  html body main.article-page-type h1.article-title,
  html body main.article-page-type h1.banner-main-heading {
    font-size: 28px !important;
    margin-bottom: 20px !important;
    padding-bottom: 18px !important;
  }
}

/* --- Author / meta block --- */
html body main.article-page-type .blog-author {
  margin: 0 0 36px !important;
  padding: 18px 22px !important;
  background: #f7f8fc !important;
  border-left: 4px solid #f58220 !important;
  border-radius: 8px !important;
}
html body main.article-page-type .blog-author ul.lab-ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 18px !important;
  font-size: 14px !important;
  color: #4a5670 !important;
}
html body main.article-page-type .blog-author ul.lab-ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
}
html body main.article-page-type .blog-author .author_name {
  font-weight: 700 !important;
  color: #1b2a4e !important;
  position: relative !important;
  padding-left: 22px !important;
}
html body main.article-page-type .blog-author .author_name::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #f58220 !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 0 3px rgba(245, 130, 32, 0.18) !important;
}
html body main.article-page-type .blog-author time.pubdate {
  color: #4a5670 !important;
  font-weight: 500 !important;
  position: relative !important;
  padding-left: 22px !important;
}
html body main.article-page-type .blog-author time.pubdate::before {
  content: "\1F4C5" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 14px !important;
  opacity: 0.7 !important;
}
html body main.article-page-type .blog-author ul.lab-ul span[class*="facility"],
html body main.article-page-type .blog-author ul.lab-ul span[class*="business"],
html body main.article-page-type .blog-author ul.lab-ul span[class*="assessment"],
html body main.article-page-type .blog-author ul.lab-ul span[class*="protection"],
html body main.article-page-type .blog-author ul.lab-ul span[class*="security"] {
  display: inline-block !important;
  margin: 0 !important;
}
html body main.article-page-type .blog-author ul.lab-ul a {
  display: inline-block !important;
  padding: 4px 12px !important;
  background: #ffffff !important;
  color: #f58220 !important;
  border: 1px solid rgba(245, 130, 32, 0.3) !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  transition: all 0.2s ease !important;
}
html body main.article-page-type .blog-author ul.lab-ul a:hover {
  background: #f58220 !important;
  color: #ffffff !important;
  border-color: #f58220 !important;
  transform: translateY(-1px) !important;
}

/* --- Article body typography --- */
html body main.article-page-type .article-body,
html body main.article-page-type .article-body.rte {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: #2c3550 !important;
  font-family: inherit !important;
}
html body main.article-page-type .article-body p {
  margin: 0 0 22px !important;
  color: #2c3550 !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}
html body main.article-page-type .article-body p:first-of-type {
  font-size: 19px !important;
  color: #1b2a4e !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
}
@media (max-width: 1023.98px) {
  html body main.article-page-type .article-body p,
  html body main.article-page-type .article-body {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
  html body main.article-page-type .article-body p:first-of-type {
    font-size: 17px !important;
  }
}

/* --- Body headings --- */
html body main.article-page-type .article-body h2 {
  font-size: 28px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #1b2a4e !important;
  margin: 44px 0 18px !important;
  padding-left: 18px !important;
  position: relative !important;
  letter-spacing: -0.01em !important;
}
html body main.article-page-type .article-body h2::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  bottom: 8px !important;
  width: 5px !important;
  background: #f58220 !important;
  border-radius: 3px !important;
}
html body main.article-page-type .article-body h3 {
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #1b2a4e !important;
  margin: 32px 0 14px !important;
}
html body main.article-page-type .article-body h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1b2a4e !important;
  margin: 24px 0 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
@media (max-width: 1023.98px) {
  html body main.article-page-type .article-body h2 {
    font-size: 22px !important;
    margin: 32px 0 14px !important;
    padding-left: 14px !important;
  }
  html body main.article-page-type .article-body h2::before {
    width: 4px !important;
  }
  html body main.article-page-type .article-body h3 {
    font-size: 19px !important;
  }
}

/* --- Strong / emphasis --- */
html body main.article-page-type .article-body strong,
html body main.article-page-type .article-body b {
  color: #1b2a4e !important;
  font-weight: 700 !important;
}
html body main.article-page-type .article-body em,
html body main.article-page-type .article-body i {
  color: #4a5670 !important;
}

/* --- Lists --- */
html body main.article-page-type .article-body ul,
html body main.article-page-type .article-body ol {
  margin: 0 0 24px !important;
  padding-left: 8px !important;
  list-style: none !important;
}
html body main.article-page-type .article-body ul li,
html body main.article-page-type .article-body ol li {
  position: relative !important;
  padding: 6px 0 6px 32px !important;
  line-height: 1.7 !important;
  font-size: 17px !important;
  color: #2c3550 !important;
  list-style: none !important;
}
html body main.article-page-type .article-body ul > li::before {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 16px !important;
  width: 8px !important;
  height: 8px !important;
  background: #f58220 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 3px rgba(245, 130, 32, 0.18) !important;
}
html body main.article-page-type .article-body ol {
  counter-reset: kh-ol !important;
}
html body main.article-page-type .article-body ol > li {
  counter-increment: kh-ol !important;
  padding-left: 42px !important;
}
html body main.article-page-type .article-body ol > li::before {
  content: counter(kh-ol) !important;
  position: absolute !important;
  left: 0 !important;
  top: 6px !important;
  width: 28px !important;
  height: 28px !important;
  background: #1b2a4e !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
@media (max-width: 1023.98px) {
  html body main.article-page-type .article-body ul li,
  html body main.article-page-type .article-body ol li {
    font-size: 16px !important;
    padding-left: 28px !important;
  }
}

/* --- Blockquote --- */
html body main.article-page-type .article-body blockquote {
  margin: 32px 0 !important;
  padding: 24px 28px !important;
  background: linear-gradient(135deg, #f7f8fc 0%, #ffffff 100%) !important;
  border-left: 5px solid #f58220 !important;
  border-radius: 8px !important;
  font-size: 19px !important;
  line-height: 1.6 !important;
  color: #1b2a4e !important;
  font-style: italic !important;
  position: relative !important;
  box-shadow: 0 4px 16px rgba(27, 42, 78, 0.05) !important;
}
html body main.article-page-type .article-body blockquote::before {
  content: "\201C" !important;
  position: absolute !important;
  right: 20px !important;
  top: -10px !important;
  font-size: 80px !important;
  line-height: 1 !important;
  color: rgba(245, 130, 32, 0.18) !important;
  font-family: Georgia, serif !important;
}

/* --- Links inside body --- */
html body main.article-page-type .article-body a {
  color: #f58220 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(245, 130, 32, 0.4) !important;
  transition: all 0.2s ease !important;
}
html body main.article-page-type .article-body a:hover {
  color: #1b2a4e !important;
  border-bottom-color: #1b2a4e !important;
}

/* --- Images in body --- */
html body main.article-page-type .article-body img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 28px auto !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 28px rgba(27, 42, 78, 0.12) !important;
}

/* --- Sidebar (Recent Posts) --- */
html body main.article-page-type aside.blog-sidebar {
  margin-top: 32px !important;
}
html body main.article-page-type .blog-sidebar-widget {
  background: #ffffff !important;
  border: 1px solid #e6eaf4 !important;
  border-radius: 14px !important;
  padding: 28px !important;
  box-shadow: 0 6px 24px rgba(27, 42, 78, 0.05) !important;
}
html body main.article-page-type .blog-sidebar-h2,
html body main.article-page-type h2.recent-posts-text {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1b2a4e !important;
  margin: 0 0 22px !important;
  padding-bottom: 14px !important;
  position: relative !important;
}
html body main.article-page-type .blog-sidebar-h2::after,
html body main.article-page-type h2.recent-posts-text::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 40px !important;
  height: 3px !important;
  background: #f58220 !important;
}
html body main.article-page-type .ps-blog-recent-posts {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body main.article-page-type .ps-blog-recent-posts li {
  list-style: none !important;
  margin: 0 0 14px !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #e6eaf4 !important;
}
html body main.article-page-type .ps-blog-recent-posts li:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}
html body main.article-page-type .ps-blog-recent-posts li a {
  color: #1b2a4e !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  display: block !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}
html body main.article-page-type .ps-blog-recent-posts li a:hover {
  color: #f58220 !important;
  transform: translateX(4px) !important;
}

/* --- Back to blog link (if present) --- */
html body main.article-page-type a.back-to-blog,
html body main.article-page-type a[href*="/blogs/blog"]:not(.ps-blog-recent-posts a):not(.lab-ul a) {
  /* no-op placeholder */
}

/* --- Spacing fix when article body deeply nested --- */
html body main.article-page-type .article-body > *:first-child {
  margin-top: 0 !important;
}
html body main.article-page-type .article-body > *:last-child {
  margin-bottom: 0 !important;
}


/* ============================================================== */
/* KH RECENT POSTS v58 - fix sidebar recent posts on article page  */
/* ============================================================== */

/* The .blog-article inside Recent Posts gets the full card style by default. 
   Reset and make it a compact list inside the sidebar. */

/* Reset the recent posts list container */
html body main.article-page-type .ps-blog-recent-posts {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
html body main.article-page-type .ps-blog-recent-posts li.blog-li {
  list-style: none !important;
  margin: 0 0 16px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid #e6eaf4 !important;
  background: transparent !important;
}
html body main.article-page-type .ps-blog-recent-posts li.blog-li:first-child {
  padding-top: 0 !important;
}
html body main.article-page-type .ps-blog-recent-posts li.blog-li:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Reset the .row inside li */
html body main.article-page-type .ps-blog-recent-posts li .row {
  margin: 0 !important;
  display: block !important;
}

/* Reset the .blog-article inside sidebar - make it compact, no card */
html body main.article-page-type aside.blog-sidebar .blog-article,
html body main.article-page-type .ps-blog-recent-posts .blog-article {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
html body main.article-page-type aside.blog-sidebar .blog-article::before,
html body main.article-page-type .ps-blog-recent-posts .blog-article::before {
  display: none !important;
  content: none !important;
}
html body main.article-page-type aside.blog-sidebar .blog-article:hover,
html body main.article-page-type .ps-blog-recent-posts .blog-article:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Hide categories line inside sidebar recent posts */
html body main.article-page-type aside.blog-sidebar .blog-article p.article-category,
html body main.article-page-type .ps-blog-recent-posts .blog-article p.article-category {
  display: none !important;
}

/* Hide excerpt body in sidebar */
html body main.article-page-type aside.blog-sidebar .blog-article .article-body,
html body main.article-page-type aside.blog-sidebar .blog-article .article-body.rte,
html body main.article-page-type .ps-blog-recent-posts .blog-article .article-body {
  display: none !important;
}

/* Hide read-more in sidebar */
html body main.article-page-type aside.blog-sidebar .blog-article .blog-read-more,
html body main.article-page-type aside.blog-sidebar .blog-article a.blog-read-more,
html body main.article-page-type aside.blog-sidebar .blog-article p.pb-0,
html body main.article-page-type aside.blog-sidebar .blog-article p.mb-0,
html body main.article-page-type .ps-blog-recent-posts .blog-article .blog-read-more,
html body main.article-page-type .ps-blog-recent-posts .blog-article p.pb-0 {
  display: none !important;
}

/* Hide .item-body excerpt in sidebar recent posts (different class than article-body) */
html body main.article-page-type aside.blog-sidebar .blog-article .item-body,
html body main.article-page-type aside.blog-sidebar .blog-article .item-body.rte,
html body main.article-page-type .ps-blog-recent-posts .blog-article .item-body,
html body main.article-page-type .ps-blog-recent-posts .blog-article .item-body.rte {
  display: none !important;
}

/* Show only the title - styled as compact list item */
html body main.article-page-type aside.blog-sidebar .blog-article h2.article-title,
html body main.article-page-type aside.blog-sidebar .blog-article h2.widget-title,
html body main.article-page-type .ps-blog-recent-posts .blog-article h2.article-title {
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  color: #1b2a4e !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  letter-spacing: 0 !important;
  background: none !important;
  position: relative !important;
  padding-left: 16px !important;
}
html body main.article-page-type aside.blog-sidebar .blog-article h2.article-title::before,
html body main.article-page-type .ps-blog-recent-posts .blog-article h2.article-title::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  width: 6px !important;
  height: 6px !important;
  background: #f58220 !important;
  border-radius: 50% !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}
html body main.article-page-type aside.blog-sidebar .blog-article h2.article-title a,
html body main.article-page-type .ps-blog-recent-posts .blog-article h2.article-title a,
html body main.article-page-type aside.blog-sidebar .blog-article h2.article-title a.section-main-heading {
  color: #1b2a4e !important;
  text-decoration: none !important;
  background: none !important;
  background-image: none !important;
  background-size: 0 0 !important;
  display: inline !important;
  transition: color 0.2s ease !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  padding: 0 !important;
}
html body main.article-page-type aside.blog-sidebar .blog-article h2.article-title a:hover,
html body main.article-page-type .ps-blog-recent-posts .blog-article h2.article-title a:hover {
  color: #f58220 !important;
  background-size: 0 0 !important;
}
html body main.article-page-type aside.blog-sidebar .blog-article:hover h2.article-title::before,
html body main.article-page-type .ps-blog-recent-posts .blog-article:hover h2.article-title::before {
  transform: scale(1.6) !important;
  background: #f58220 !important;
}


/* ============================================================== */


/* ================================================================================== */
/* === NAVIGATION DROPDOWN ARROW + HOVER UNDERLINE (v#65 - clean rewrite) === */
/* The Summit theme already provides a clean chevron on span::after for
   has-submenu items (line ~4387). It rotates 45deg at rest and 225deg on hover.
   Our job here:
   1. DISABLE the legacy Foundation arrow on a::after (broken positioning, double-arrow)
   2. Color the chevron + text orange on hover (chevron uses currentColor, so
      changing <a> color cascades to the chevron automatically)
   3. Add a clean orange underline beneath top-level menu items on hover/active
      via the parent <li>::after (bypasses base theme blockers on <a>)
*/
/* ================================================================================== */

/* 1. KILL the broken Foundation legacy arrow on a::after — it caused double-chevron */
html body header nav ul.menu > li.is-dropdown-submenu-parent > a::after,
html body header.new-header ul#mainNav > li.has-submenu > a::after,
html body nav ul.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* 2. Smooth color transition on top-level link text */
html body header.new-header ul#mainNav > li.is-section > a,
html body header nav ul.menu.level-1 > li.is-section > a {
  -webkit-transition: color .25s ease !important;
  transition: color .25s ease !important;
}

/* 3. Hover & active text color — turns orange (also recolors chevron via currentColor) */
html body header.new-header ul#mainNav > li.is-section > a:hover,
html body header.new-header ul#mainNav > li.is-section:hover > a,
html body header.new-header ul#mainNav > li.is-section.is-active > a,
html body header.new-header ul#mainNav > li.is-section.has-submenu:hover > a,
html body header nav ul.menu.level-1 > li.is-section > a:hover,
html body header nav ul.menu.level-1 > li.is-section:hover > a {
  color: #f58220 !important;
}

/* 4. Make sure the inner span text also turns orange on hover */
html body header.new-header ul#mainNav > li.is-section > a:hover span,
html body header.new-header ul#mainNav > li.is-section:hover > a span,
html body header.new-header ul#mainNav > li.is-section.is-active > a span,
html body header nav ul.menu.level-1 > li.is-section > a:hover span {
  color: #f58220 !important;
}

/* 5. Smooth color transition on the span::after chevron */
html body header.new-header ul#mainNav > li.has-submenu > a > span::after {
  -webkit-transition: transform .25s ease, color .25s ease, border-color .25s ease, margin-bottom .25s ease !important;
  transition: transform .25s ease, color .25s ease, border-color .25s ease, margin-bottom .25s ease !important;
}

/* 6. HOVER UNDERLINE via parent <li>::after — bypasses theme's box-shadow blockers */
html body header.new-header ul#mainNav.level-1 > li.is-section,
html body header nav ul.menu.level-1 > li.is-section {
  position: relative !important;
}

html body header.new-header ul#mainNav.level-1 > li.is-section::after,
html body header nav ul.menu.level-1 > li.is-section::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 2px !important;
  height: 2px !important;
  background-color: #f58220 !important;
  -webkit-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
  -webkit-transform-origin: center !important;
  transform-origin: center !important;
  -webkit-transition: -webkit-transform .25s ease !important;
  transition: transform .25s ease !important;
  pointer-events: none !important;
  opacity: 1 !important;
  border: 0 !important;
}

html body header.new-header ul#mainNav.level-1 > li.is-section:hover::after,
html body header.new-header ul#mainNav.level-1 > li.is-section.is-active::after,
html body header.new-header ul#mainNav.level-1 > li.is-section.current-menu-item::after,
html body header nav ul.menu.level-1 > li.is-section:hover::after,
html body header nav ul.menu.level-1 > li.is-section.is-active::after {
  -webkit-transform: scaleX(1) !important;
  transform: scaleX(1) !important;
}

/* 7. Disable any leftover ::before underline attempts from previous versions */
html body header nav ul.menu > li.is-section > a::before,
html body header.new-header ul#mainNav > li.is-section > a::before,
html body nav ul.menu > li.is-section > a::before {
  content: none !important;
  display: none !important;
}



/* ================================================================================== */
/* === MOBILE SIDENAV FOUC FIX (v#65) === */
/* The Foundation off-canvas sidenav is visible by default until JS adds .is-closed
   class on init. This causes a brief flash of a ~70px-wide white strip on the right
   edge of the viewport during initial page load. Fix: hide it by default; the
   .is-open class (added when user opens the menu) overrides this and shows it. */
/* ================================================================================== */

html body aside#sidenav.off-canvas,
html body aside.sidenav.off-canvas {
  visibility: hidden !important;
  -webkit-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
  -webkit-transition: -webkit-transform 0.5s ease, visibility 0s linear 0.5s !important;
  transition: transform 0.5s ease, visibility 0s linear 0.5s !important;
}

/* When user opens the menu, show it */
html body aside#sidenav.off-canvas.is-open,
html body aside.sidenav.off-canvas.is-open {
  visibility: visible !important;
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
  -webkit-transition: -webkit-transform 0.5s ease, visibility 0s linear 0s !important;
  transition: transform 0.5s ease, visibility 0s linear 0s !important;
}


/* === KH RECENT POSTS RESTORE & FULL WIDTH === */
/* Show 3 recent posts in one row; restore categories, excerpt, and read-more links inside sidebar recent-posts widget. */
html body main.article-page-type aside.blog-sidebar.cell.large-12,
html body main.article-page-type aside.blog-sidebar {
  margin-top: 64px !important;
  width: 100% !important;
  max-width: 100% !important;
}
@media (min-width: 1025px) {
  html body main.article-page-type aside.blog-sidebar .blog-sidebar-widget {
    width: 100% !important;
    max-width: 100% !important;
  }
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts,
html body main.article-page-type .ps-blog-recent-posts {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  list-style: none !important;
  margin: 24px 0 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
@media (max-width: 1024px) and (min-width: 641px) {
  html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts,
  html body main.article-page-type .ps-blog-recent-posts {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  header.new-header ul.menu.justify-small-center.align-right {
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
  }
}
@media (max-width: 640px) {
  html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts,
  html body main.article-page-type .ps-blog-recent-posts {
    grid-template-columns: 1fr !important;
  }
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-li {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff;
  border: 1px solid #e7e9ef;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(15, 27, 58, 0.06);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-li:hover {
  box-shadow: 0 8px 20px rgba(15, 27, 58, 0.12);
  transform: translateY(-2px);
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-li .row,
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-li .columns,
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-li .blog-article {
  width: 100% !important;
  margin: 0 !important;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-li .blog-article {
  padding: 20px !important;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .ps-article-img,
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .ps-article-img img {
  width: 100% !important;
  height: auto !important;
  max-height: 200px;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 12px;
}
/* RESTORE hidden elements inside .ps-blog-recent-posts (override existing display:none with higher specificity) */
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article p.article-category {
  display: block !important;
  margin: 0 0 8px 0 !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b7280;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article p.article-category .categories_text {
  font-weight: 600;
  color: #0f1b3a;
  margin-right: 4px;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article p.article-category a {
  color: #f58220;
  text-decoration: none;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article p.article-category a:hover {
  text-decoration: underline;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article .article-title {
  font-size: 18px !important;
  font-weight: 600;
  color: #0f1b3a;
  line-height: 1.35;
  margin: 6px 0 10px 0 !important;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article .item-body,
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article .item-body.rte,
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article .article-body,
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article .article-body.rte {
  display: -webkit-box !important;
  font-size: 14px !important;
  line-height: 1.55;
  color: #4b5563;
  margin: 0 0 14px 0 !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article a.blog-read-more,
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article a.blog-read-more.cta-link,
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article .blog-read-more {
  display: inline-block !important;
  font-size: 14px;
  font-weight: 600;
  color: #f58220;
  text-decoration: none;
  margin-top: 4px;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article a.blog-read-more:hover {
  text-decoration: underline;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article p.pb-0.mb-0 {
  display: block !important;
  margin: 0 !important;
}
html body main.article-page-type aside.blog-sidebar h2.blog-sidebar-h2,
html body main.article-page-type aside.blog-sidebar .recent-posts-text {
  font-size: 28px !important;
  font-weight: 700;
  color: #0f1b3a;
  margin: 0 0 16px 0 !important;
  letter-spacing: -0.01em;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article p.article-category > span,
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article p.article-category > span a {
  display: inline !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: normal;
  line-height: 1.6;
}
html body main.article-page-type aside.blog-sidebar .ps-blog-recent-posts .blog-article p.article-category {
  white-space: normal;
  word-spacing: 0;
  line-height: 1.6;
}
/* === END KH RECENT POSTS RESTORE & FULL WIDTH === */

/* v71 force recompile */


.fa-border{
 background:#FFF;     
}


@media screen and (min-width:1024px){
.in-banner-desc {
    max-width: 620px;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    padding: 38px 36px !important;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.86);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #fff;
    border-left: 4px solid var(--kh-accent);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
}






/* ============================================================
   Section 2 — Services area intro band (.kh-svc-intro)
   ============================================================ */
.kh-svc-intro {
  background: #ffffff !important;
  padding: 80px 0 !important;
  position: relative;
  overflow: hidden;
}
.kh-svc-intro .kh-svc-intro-head-cell { padding-right: 24px; }

.kh-svc-intro-eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  background: rgba(245,130,32,0.10);
  border: 1px solid rgba(245,130,32,0.22);
  color: #f58220;
  font-family: "Lato", sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  border-radius: 999px;
  margin-bottom: 18px;
}
.kh-svc-intro-eyebrow svg { width: 13px; height: 13px; }

.kh-svc-intro-title {
  font-family: "Raleway", "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(1.8rem, 3vw, 2.4rem) !important;
  line-height: 1.18 !important;
  color: #1B2A4E !important;
  margin: 0 !important;
  letter-spacing: -0.01em;
}
.kh-svc-intro-title em {
  font-style: normal !important;
  color: #f58220 !important;
  font-weight: 800 !important;
}
.kh-svc-intro-title::after {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  background: linear-gradient(90deg, #f58220 0%, rgba(245,130,32,0.35) 100%);
  border-radius: 999px;
  margin-top: 18px;
}

.kh-svc-intro-text {
  font-family: "Lato", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
  color: #475569 !important;
  margin: 0 0 16px !important;
}
.kh-svc-intro-text:last-child { margin-bottom: 0 !important; }


/* ============================================================
   Section 3 — Services split (.kh-svc-split)
   Image left + bulleted services list + CTA right
   ============================================================ */
.kh-svc-split {
  background: #f7f8fc !important;
  padding: 80px 0 !important;
  position: relative;
  overflow: hidden;
}
.kh-svc-split::before {
  content: "";
  position: absolute;
  top: -140px;
  left: -140px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(27,42,78,0.08), transparent 70%);
  pointer-events: none;
}
.kh-svc-split::after {
  content: "";
  position: absolute;
  bottom: -160px;
  right: -160px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(245,130,32,0.10), transparent 70%);
  pointer-events: none;
}
.kh-svc-split .is-container { position: relative; z-index: 2; }

.kh-sx-inner {
  display: block !important;
  max-width: 1140px;
  margin: 0 auto;
}

/* Header */
.kh-sx-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 56px;
}
.kh-sx-eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  background: rgba(245,130,32,0.10);
  border: 1px solid rgba(245,130,32,0.22);
  color: #f58220;
  font-family: "Lato", sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  border-radius: 999px;
  margin-bottom: 18px;
}
.kh-sx-eyebrow svg { width: 13px; height: 13px; }

.kh-sx-title {
  font-family: "Raleway", "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(1.9rem, 3.2vw, 2.6rem) !important;
  line-height: 1.15 !important;
  color: #1B2A4E !important;
  margin: 0 !important;
  letter-spacing: -0.01em;
}
.kh-sx-title em {
  font-style: normal !important;
  color: #f58220 !important;
  font-weight: 800 !important;
}
.kh-sx-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #f58220 0%, rgba(245,130,32,0.35) 100%);
  border-radius: 999px;
  margin: 18px auto 0;
}
.kh-sx-lede {
  font-family: "Lato", sans-serif !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  margin: 18px auto 0 !important;
  max-width: 720px;
}

/* Body grid */
.kh-sx-body {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

/* Image side */
.kh-sx-image {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 60px -20px rgba(15,23,42,0.28);
}
.kh-sx-image a {
  display: block;
  line-height: 0;
}
.kh-sx-image img {
  width: 100% !important;
  height: auto !important;
  display: block;
  transition: transform .5s ease;
}
.kh-sx-image:hover img { transform: scale(1.04); }
.kh-sx-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(27,42,78,0) 55%, rgba(27,42,78,0.35) 100%);
  pointer-events: none;
}

/* Content side */
.kh-sx-content {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Services list */
.kh-sx-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.kh-sx-list li {
  list-style: none !important;
  position: relative;
  padding: 14px 0 14px 44px;
  border-bottom: 1px solid rgba(27,42,78,0.10);
  font-family: "Lato", sans-serif !important;
  font-size: 0.98rem;
  line-height: 1.55;
  color: #475569;
  transition: padding-left .25s ease;
}
.kh-sx-list li:last-child { border-bottom: 0; }
.kh-sx-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(245,130,32,0.12);
  transition: background .25s ease;
}
.kh-sx-list li::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 24px;
  width: 12px;
  height: 7px;
  border-left: 2px solid #f58220;
  border-bottom: 2px solid #f58220;
  transform: rotate(-45deg);
  transition: border-color .25s ease;
}
.kh-sx-list li:hover {
  padding-left: 48px;
}
.kh-sx-list li:hover::before {
  background: #f58220;
}
.kh-sx-list li:hover::after {
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
}
.kh-sx-list li b {
  display: block;
  color: #1B2A4E;
  font-weight: 700;
  font-size: 1.02rem;
  margin-bottom: 4px;
  font-family: "Raleway", "Lato", sans-serif !important;
}
.kh-sx-list li span {
  display: block;
  color: #475569;
  font-size: 0.94rem;
  line-height: 1.55;
}

/* CTA */
.kh-sx-cta {
  display: inline-flex !important;
  align-self: flex-start;
  align-items: center;
  gap: 10px;
  background: #f58220 !important;
  color: #ffffff !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  font-family: "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: 0 14px 28px -8px rgba(245,130,32,0.55);
  transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
  margin-top: 8px;
}
.kh-sx-cta:hover {
  background: #d96a10 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px -8px rgba(245,130,32,0.65);
}
.kh-sx-cta .arrow {
  display: inline-block;
  transition: transform .25s ease;
  font-size: 1.05rem;
  line-height: 1;
}
.kh-sx-cta:hover .arrow { transform: translateX(5px); }


/* ============================================================
   Responsive — Services area page
   ============================================================ */
@media (max-width: 1023.98px) {
  .kh-svc-intro { padding: 56px 0 !important; }
  .kh-svc-intro .kh-svc-intro-head-cell { padding-right: 0; margin-bottom: 18px; }

  .kh-svc-split { padding: 56px 0 !important; }
  .kh-sx-header { margin-bottom: 36px; }
  .kh-sx-body {
    grid-template-columns: 1fr !important;
    gap: 32px;
  }
  .kh-sx-image { order: 1; }
  .kh-sx-content { order: 2; }
}

@media (max-width: 639px) {
  .kh-svc-split { padding: 40px 0 !important; }
  .kh-sx-list li { padding: 12px 0 12px 38px; }
  .kh-sx-list li::before { width: 24px; height: 24px; top: 16px; }
  .kh-sx-list li::after { top: 21px; left: 7px; }
  .kh-sx-cta { width: 100%; justify-content: center; }
}

/* === END KH Services area Page === */



/* ============================================================
   KH Page additions (v#83)
   - Helpers for kh-svc-split subtitle + closing paragraph
   - Section 4 Why Us band
   ============================================================ */

/* --- Section 3 helpers: subtitle (h3) + closing paragraph --- */
.kh-svc-split .kh-sx-subtitle {
  font-family: "Raleway", "Lato", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  color: #1B2A4E !important;
  margin: 18px 0 0 !important;
  letter-spacing: -0.005em;
}
.kh-svc-split .kh-sx-close {
  font-family: "Lato", sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  margin: 16px 0 18px !important;
}

/* --- Section 2 CTA spacing inside intro --- */
.kh-svc-intro .kh-svc-intro-cta-wrap {
  margin-top: 22px !important;
  margin-bottom: 0 !important;
}

/* ============================================================
   Section 4 — Why Businesses Work With Us (.kh-why-band)
   ============================================================ */
.kh-why-band {
  background: #ffffff !important;
  padding: 80px 0 !important;
  position: relative;
  overflow: hidden;
}
.kh-why-band::before {
  content: "";
  position: absolute;
  top: -120px;
  right: -120px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(245,130,32,0.10), transparent 70%);
  pointer-events: none;
}
.kh-why-band::after {
  content: "";
  position: absolute;
  bottom: -160px;
  left: -160px;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(27,42,78,0.06), transparent 70%);
  pointer-events: none;
}
.kh-why-band .is-container { position: relative; z-index: 2; }

/* Header */
.kh-why-head {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 48px;
}
.kh-why-title {
  font-family: "Raleway", "Lato", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(1.9rem, 3.2vw, 2.6rem) !important;
  line-height: 1.15 !important;
  color: #1B2A4E !important;
  margin: 0 !important;
  letter-spacing: -0.01em;
}
.kh-why-title em {
  font-style: normal !important;
  color: #f58220 !important;
  font-weight: 800 !important;
}
.kh-why-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #f58220 0%, rgba(245,130,32,0.35) 100%);
  border-radius: 999px;
  margin: 18px auto 0;
}
.kh-why-subtitle {
  font-family: "Raleway", "Lato", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  color: #1B2A4E !important;
  margin: 22px 0 0 !important;
}
.kh-why-lede {
  font-family: "Lato", sans-serif !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  margin: 16px auto 0 !important;
  max-width: 720px;
}

/* Grid */
.kh-why-grid {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px 24px;
}

/* Item */
.kh-why-item {
  list-style: none !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  background: #ffffff;
  border: 1px solid rgba(27,42,78,0.08);
  border-radius: 12px;
  display: flex !important;
  align-items: flex-start;
  gap: 14px;
  box-shadow: 0 2px 8px rgba(15,23,42,0.04);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.kh-why-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px -12px rgba(15,23,42,0.16);
  border-color: rgba(245,130,32,0.30);
}
.kh-why-check {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, #f58220 0%, #ff9d4d 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 6px 14px -4px rgba(245,130,32,0.45);
}
.kh-why-check svg {
  width: 16px;
  height: 16px;
}
.kh-why-text {
  font-family: "Lato", sans-serif !important;
  font-size: 0.95rem;
  line-height: 1.55;
  color: #1B2A4E;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 1023.98px) {
  .kh-why-band { padding: 56px 0 !important; }
  .kh-why-grid { grid-template-columns: repeat(2, 1fr); gap: 14px 16px; }
}
@media (max-width: 639px) {
  .kh-why-band { padding: 40px 0 !important; }
  .kh-why-grid { grid-template-columns: 1fr; }
  .kh-why-item { padding: 14px 16px !important; }
}

/* === END KH Page additions === */





@media screen and (max-width: 1023.5px) {
    .inner-banner.blog-banner {
        position: relative;
        max-width: 100%;
        display: flex;
        justify-content: center;
        padding: 0;
        text-align: center;
        background: #0f172a !important;
        color: #ffffff !important;
        border-radius: 0;
        border-left: 0;
        border-top: 4px solid var(--kh-accent);
        padding: 30px 22px !important;
    }
}



  @media screen and (min-width: 1023.5px) { 
 
.new-header-menu-container {
        background:#D8A7B1;
     } 
     
}
 
  
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}


.main-navigation.sticky {
    animation: slideDown 0.3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    background-color:#FFF;
    margin-top: 0;
   box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.07);
       justify-content: center !important;
    padding: 5px;
}

.main-navigation.sticky #mainNav{
        justify-content: center !important;
    }