:root {
    --font-inter: "Inter", serif;
    --font-fjalla: "Fjalla One", serif;
    --font-ibm-plex-sans: "IBM Plex Sans", serif;
    --font-saira-medium: "Saira-Medium";
    --font-saira-semibold: "Saira-SemiBold";
    /* --kyn-navy: #003b5b; */
    --kyn-navy: #00365C;
    --kyn-darkblue: #005583;
    --kyn-yellow: #e9d046;
    --kyn-gray: #dde2e5;
    --kyn-light-gray: #eaeff2;
    --kyn-lighter-gray: #fdfdff;
    --kyn-white: #fff;
    --kyn-pink-gray : #f0ebeb;
    --gray: #DCE6E6;
}

/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** font-face
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
@font-face {
    font-family: "Saira-Medium";
    src:
        local("Saira-Medium"),
        url("Saira-Medium.eot") format("opentype"),
        url("Saira-Medium.woff") format("woff"),
        url("Saira-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Saira-SemiBold";
    src:
        local("Saira-SemiBold"),
        url("Saira-SemiBold.eot") format("opentype"),
        url("Saira-SemiBold.woff") format("woff"),
        url("Saira-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "Navine-Semi";
    src: url("../fonts/navine/NavineDemo-SemiCondensed.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** pre-defined classes
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */


* {
    box-sizing: border-box;
}

.font-inter {
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500;
}

.font-fjalla {
    font-family: "Fjalla One", serif;
    font-weight: 400;
    font-style: normal;
}

.font-ibm-plex-sans {
    font-family: "IBM Plex Sans", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.font-saira-medium {
    font-family: "Saira-Medium";
}

.font-saira-semibold {
    font-family: "Saira-SemiBold";
}
.font-navine {
    font-family: "Navine-Semi";
}
.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
h1, .h1 {
    font-size: 44px;
    line-height: 130%;
    font-family: "Fjalla One", serif;
}

h2, .h2 {
    font-size: 36px;
    line-height: 125%;
    font-family: "Fjalla One", serif;
}

h3, .h3 {
    font-size: 30px;
    line-height: 120%;
}

h4, .h4 {
    font-size: 26px;
    line-height: 120%;
    font-family: "Fjalla One", serif;
}

h5, .h5 {
    font-size: 22px;
    line-height: 120%;
    font-family: "Fjalla One", serif;
}

h6, .h6 {
    font-size: 18px;
    line-height: 120%;
    font-family: "Fjalla One", serif;
}
h1 span[style*='text-decoration'],
h2 span[style*='text-decoration'],
h3 span[style*='text-decoration'],
h4 span[style*='text-decoration'],
h5 span[style*='text-decoration'],
h6 span[style*='text-decoration'] {
    position: relative;
    text-decoration: underline !important;
    text-decoration-color: var(--kyn-yellow) !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 4px !important;
}

.t-dc-none {
    text-decoration: none;
}

.tt-upper {
    text-transform: uppercase;
}

.tt-lower {
    text-transform: lowercase;
}

.ta-center {
    text-align: center;
}

.ta-left {
    text-align: left;
}

.ta-right {
    text-align: right;
}
.fs-italic {
    font-style: italic;
}

.ls-1 {
    letter-spacing: 1px;
}

.ls-2 {
    letter-spacing: 2px;
}

.ls-3 {
    letter-spacing: 3px;
}

.fl {
    display: flex;
    gap: 1rem;
} 

.fl-ai-center {
    align-items: center;
} 

.fl-ai-fs {
    align-items: flex-start;
} 

.fl-ai-fe {
    align-items: flex-end;
} 

.fl-jc-sb {
    justify-content: space-between;
}

.fl-jc-fs {
    justify-content: flex-start;
}

.fl-jc-fe {
    justify-content: flex-end;
}
.fl-wrap-wrap {
    flex-wrap: wrap;
}

.fl-jc-center {
    justify-content: center;
}

.fl-dir-row {
    flex-direction: row;
}

.fl-dir-col {
    flex-direction: column;
}

.fl-dir-row-rev {
    flex-direction: row-reverse;
}

.fl-dir-col-rev {
    flex-direction: column-reverse;
}
.gd {
    display: grid;
    gap: 1rem;
}
.ds-unset {
    display: unset;
}

.d-none-desk {
    display: none;
}
.gp-0 {
    gap: 0;
}

.gp-1 {
    gap: 1rem;
}

.gp-2 {
    gap: 2rem;
}

.gp-3 {
    gap: 3rem;
}

.row-gap-0 {
    row-gap: 0;
}
.col-gap-0 {
    column-gap: 0;
}
.kyn-navy {
    color: var(--kyn-navy);
}
.kyn-black {
    color: #000;
}

.kyn-darkblue {
    color: var(--kyn-darkblue);
}

.kyn-yellow {
    color: var(--kyn-yellow);
}

.kyn-gray {
    color: var(--kyn-gray);
}

.kyn-light-gray {
    color: var(--kyn-light-gray);
}

.kyn-lighter-gray {
    color: var(--kyn-lighter-gray);
}
.kyn-white {
    color: var(--kyn-white);
}
.font-sm {
    font-size: 14px;
}

.bg-kyn-navy {
    background-color: var(--kyn-navy);
}

.bg-kyn-darkblue {
    background-color: var(--kyn-darkblue);
}

.bg-kyn-yellow {
    background-color: var(--kyn-yellow);
}

.bg-kyn-gray {
    background-color: var(--kyn-gray);
}

.bg-kyn-light-gray {
    background-color: var(--kyn-light-gray);
}

.bg-kyn-lighter-gray {
    background-color: var(--kyn-lighter-gray);
}
.bg-kyn-pink-gray {
    background-color: var(--kyn-pink-gray);
}
.bg-gray {
    background-color: var(--gray);
}

.m-0 {
    margin: 0;
}

.m-1 {
    margin: 1rem;
}

.m-2 {
    margin: 2rem;
}

.m-3 {
    margin: 3rem;
}

.m-4 {
    margin: 4rem;
}

.m-5 {
    margin: 5rem;
}

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-4 {
    margin-top: 4rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mb-5 {
    margin-bottom: 5rem;
}
.mb-auto {
    margin-bottom: auto;
}
.mt-auto {
    margin-top: auto;
}
.ml-auto {
    margin-left: auto;
}
.mr-auto {
    margin-right: auto;
}
.m-auto {
    margin: auto;
}
.m-0-auto {
    margin: 0 auto;
}

.p-0 {
    padding: 0;
}

.p-1 {
    padding: 1rem;
}

.p-2 {
    padding: 2rem;
}

.p-3 {
    padding: 3rem;
}

.p-4 {
    padding: 4rem;
}

.p-5 {
    padding: 5rem;
}

.pt-0 {
    padding-top: 0;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pt-3 {
    padding-top: 3rem;
}

.pt-4 {
    padding-top: 4rem;
}

.pt-5 {
    padding-top: 5rem;
}

.pb-0 {
    padding-bottom: 0;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pb-3 {
    padding-bottom: 3rem;
}

.pb-4 {
    padding-bottom: 4rem;
}

.pb-5 {
    padding-bottom: 5rem;
}


.pl-0 {
    padding-left: 0;
}

.pl-1 {
    padding-left: 1rem;
}

.pl-2 {
    padding-left: 2rem;
}

.pl-3 {
    padding-left: 3rem;
}

.pl-4 {
    padding-left: 4rem;
}

.pl-5 {
    padding-left: 5rem;
}


.pr-0 {
    padding-left: 0;
}

.pr-1 {
    padding-right: 1rem;
}

.pr-2 {
    padding-right: 2rem;
}

.pr-3 {
    padding-right: 3rem;
}

.pr-4 {
    padding-right: 4rem;
}

.pr-5 {
    padding-right: 5rem;
}

.btn-kyn-default,
.wp-block-button a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 16px;
    font-family: var(--font-fjalla);
    color: var(--kyn-lighter-gray);
    z-index: 1;
    padding: 15px 40px;
    background-color: transparent;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-kyn-default::before,
.wp-block-button a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--kyn-darkblue);
    z-index: -1;
    transform: skewX(-15deg);
}

.btn-has-arrow::after,
.wp-block-button.btn-has-arrow a::after  {
    content: "→";
    font-family: var(--font-fjalla);
}

.btn-kyn-default:hover, 
.btn-kyn-default:focus, 
.btn-kyn-default:active,
.btn-kyn-default:visited,
.wp-block-button a:hover, 
.wp-block-button a:focus, 
.wp-block-button a:active,
.wp-block-button a:visited  {
    color: var(--kyn-lighter-gray);
}

.has-link {
    cursor: pointer;
}

.btn-kyn-default.light,
.wp-block-button.light  a {
    color: var(--kyn-darkblue);
}
.btn-kyn-default.light::before,
.wp-block-button.light a::before {
    background-color: var(--kyn-lighter-gray);
}

.btn-kyn-default.dark::before,
.wp-block-button.dark a::before {
    background-color: var(--kyn-navy);
}
.btn-kyn-default.white,
.wp-block-button.white  a{
    color: var(--kyn-navy) !important;
}
.btn-kyn-default.white::before,
.wp-block-button.white a::before  {
    background-color: #fff;
}

.btn {
    position: relative;
    text-transform: uppercase;
    font-family: "Fjalla One", serif;
    font-weight: 400;
    font-style: normal;
}

.w-100 {
    width: 100%;
}
.mobile {
    display: none;
} 

/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** core
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */

body {
    padding: 0 !important;
    margin: 0 !important;
    font-family: var(--font-inter);
    overflow-x: hidden;
}

.section {
    position: relative;
    z-index: 1;
}

.wrapper {
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}


/* Text Selection Color Change */
/* Mozilla based browsers */
::-moz-selection {
    background-color: #003b5b;
    color: #ffffff;
}
/* Works in Safari */
::selection {
    background-color: #003b5b;
    color: #ffffff;
}

@media screen and (min-width: 1921px){
    .wrapper {
        max-width: 63%;
    }
}


.page-template-default h1,
.page-template-default h2 ,
.page-template-default h3 ,
.page-template-default h4, 
.page-template-default h5, 
.page-template-default h6 {
    margin-top: 3rem;
    margin-bottom: 1rem;
}



/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** header
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.section-top-header::before,
.section-top-header::after {
    content: "";
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    background-color: var(--kyn-navy);
    z-index: 1;
}

.section-top-header::after {
    left: unset;
    right: 0;
    background-color: #dfe6ea;
}

.section-top-header .wrapper {
    z-index: 2;
}

#top-header {
    background-color: #dfe6ea;
    gap: 40px;
    position: relative;
}

#top-header .tagline {
    background: url(../img/tagline-bg.png) no-repeat center left;
    background-size: 100% 100%;
    text-transform: uppercase;
    color: var(--kyn-lighter-gray);
    padding: 10px 60px 10px 0;
    font-size: 20px;
}

#top-header .contact-wrapper {
    gap: 40px;
}

#top-header .contact-wrapper a {
    gap: 16px;
    text-decoration: none;
}

#top-header .contact-wrapper a img {
    max-width: 24px;
    height: auto;
}

#top-header .social-wrapper {
    margin-left: auto;
    gap: 15px;
}

#top-header .social-wrapper a {
    width: 36px;
    height: 36px;
    padding: 8px;
}

#top-header .social-wrapper a img {
    filter: brightness(0) invert(1);
}

#masthead .site-header-inner {
    gap: 60px;
}

#masthead .site-branding {
    padding: 30px 0;
}

#masthead .site-branding .custom-logo {
    max-width: 320px;
    width: 100%;
}

#masthead #site-navigation {
    margin-left: auto;
}

ul#primary-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

ul#primary-menu li.current-menu-item {
    border-bottom: 3px solid var(--kyn-yellow);
}

ul#primary-menu li a {
    font-family: var(--font-saira-semibold);
    color: var(--kyn-navy);
}

.btn-header-search-trigger {
    width: 36px;
    height: 36px;
    border: 2px solid var(--kyn-navy);
}

.btn-header-search-trigger img {
    max-width: 20px;
    height: auto;
}

.header-search-section {
    display: none;
    background-color: #003b5bdb;
    position: fixed;
    top: 50px;
    width: 100%;
    left: 0;
    z-index: 6;
    bottom: 0;
}
body.admin-bar .header-search-section {
    top: 82px;
} 
body.has-sticky-header .header-search-section {
    top: 0;
} 
body.admin-bar.has-sticky-header .header-search-section {
    top: 32px;
} 
.search-close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 9;
}
.search-close svg {
    height: 2rem;
}
.header-search-section .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#header-search-wrapper,
#header-search-wrapper-mb {
    width: 100%;
    margin: 0 auto;  
    display: flex;
    align-items: center;
    justify-content: center;  
}

#header-search-wrapper form.search-form,
#header-search-wrapper-mb form.search-form {
    align-items: center;
    max-width: 800px;
    width: 100%;
    position: relative;
    border-bottom: 3px solid var(--kyn-yellow);
}
#header-search-wrapper form.search-form input.search-field,
#header-search-wrapper-mb form.search-form input.search-field {
    border-radius: 0;
    color: var(--kyn-white);
    width: 100%;
    max-width: calc(100% - 34px);
    padding: 5px 10px;
    border: 0;
    background-color: transparent;
    outline: 0 !important;
    text-align: center;
    font-size: 2rem;
    font-family: var(--font-fjalla);
}
#header-search-wrapper form.search-form input.search-field::placeholder,
#header-search-wrapper-mb form.search-form input.search-field::placeholder {
    color: var(--kyn-white);
    opacity: 1;
}

#header-search-wrapper form.search-form input[type=image],
#header-search-wrapper-mb form.search-form input[type=image] {
    position: absolute;
    right: 0;
    filter: invert(1);
}





/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** hero banner
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
section.hero-banner {
    position: relative;
}

.bottom-corner {
    width: 112px;
    aspect-ratio: 1;
    z-index: 9;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
.bottom-corner > div {
    width: 100%;
    position: relative;
}
section.hero-banner .bottom-corner .light {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 197px;
    height: 36px;
    background: #0193e966;
    transform: translate(75px, 90px) rotate(134deg);
    z-index: 1;
}
section.hero-banner .bottom-corner .dark {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 110px;
    height: 50px;
    background: #0193e9;
    transform: translate(45px, 125px) rotate(134deg);
}

section.hero-banner > .wrapper {
    padding-top: 60px;
    padding-bottom: 70px;
}

.global-cta-wrapper {
    position: absolute;
    z-index: 3;
    top: -20px;
    left: 0;
    right: 0;
    max-width: calc(100% - 40px);
    text-align: right;
    margin: 0 auto;
}

section.hero-banner .hero-banner-content {
    max-width: 600px;
    width: 100%;
}

section.hero-banner h1 {
    text-transform: uppercase;
    font-style: italic;
}
.h1.hero-banner-title span[style*='text-decoration'] {
    position: relative;
    text-decoration: underline !important;
    text-decoration-color: var(--kyn-yellow) !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 4px !important;
}
.h1.hero-banner-title p {
    margin-bottom: 0;
}

.kyn-breadcrumb {
    padding: 5px 25px;
    background-color: rgb(253 253 255 / 10%);
    gap: 5px;
    display: inline-block;
}

.kyn-breadcrumb a {
    font-family: var(--font-fjalla);
    color: var(--kyn-lighter-gray);
    text-decoration: none;
}


/* video overlay */
.video-background video,
.vid-overlay,
.hero-banner {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}
.vid-overlay {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background: #0000007a;
    opacity: 1;
    visibility: visible;
    display: block;
}





/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** page: homepage
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.quick-nav-wrapper {
    gap: 50px;
}
.quick-nav-wrapper .quick-nav-items .btn-kyn-default:before {
    background-color: #0055837a;
}
.kyn__home-product-item img {
    object-fit: cover;
    aspect-ratio: 3/2;
}

.quick-nav-wrapper select#quick-nav-dropdown {
    width: 100%;
    max-width: 700px;
    padding: 10px 20px;
    font-family: var(--font-ibm-plex-sans);
    color: var(--kyn-navy);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: url(../img/quick-nav-bg.png) no-repeat 98% 50%;
    background-color: var(--kyn-lighter-gray);
    background-size: 20px auto;
}

.quick-nav-wrapper .quick-nav-items {
    gap: 15px;
}

/* .quick-nav-wrapper .quick-nav-items .btn-kyn-default {
    font-family: var(--font-ibm-plex-sans);
    font-size: 16px;
    text-transform: initial;
    letter-spacing: 0;
} */



/* Application section */
.kyn__home-supports ,
.kyn__home-solutions {
    position: relative;
}
.kyn__home-products-section {
    border-bottom: 5px solid var(--kyn-yellow);
}

.kyn__home-products-section .wrapper {
    display: grid;
    grid-template-columns: 2.3fr 1fr 1fr;
    gap: 5rem;
}
.kyn__home-products {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3.5rem;
}
.kyn__home-product-listing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.kyn__home-supports:before,
.kyn__home-solutions:before {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    left: -2.5rem;
    background-color: #003b5b;
    opacity: .5;
} 

.kyn__home-products-heading .h5 img {
    max-height: 20px;
}

.kyn__home-supports .h5 img,
.kyn__home-solutions .h5 img {
    height: 30px;
}
.kyn__home-supports .h5 ,
.kyn__home-solutions .h5 {
    color: var(--kyn-navy);
}

.kyn__home-supports p ,
.kyn__home-solutions p {
    font-size: 14px;
    color: #000;
}


.kyn__home-products-heading > a , 
.kyn__home-supports > a,
.kyn__home-solutions > a {
    position: relative;
}
.kyn__home-products-heading > a::after, 
.kyn__home-supports > a::after,
.kyn__home-solutions > a::after,
.btn::after {
    content: "\f061";
    font-family: FontAwesome;
    position: absolute;
    right: -19px;
}
.btn.reverse-arrow::after {
    left: -19px;
    rotate: 180deg;
    right: unset;
}


/* Two Col section */
.two-col-sec-inner {
    display: grid;
    grid-template-columns: 2.3fr 2fr;
    gap: 3rem;
}
.edi-content blockquote,
blockquote {
    border-left: 3px solid var(--kyn-yellow);
    margin: 0;
    padding: 0 1.5rem;
}


/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** page: products
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.page-template-page-products section.hero-banner .hero-banner-content {
    max-width: 650px;
}





/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** page: solutions
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.page-template-page-solutions section.hero-banner .hero-banner-content {
    max-width: 700px;
}





/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** page: info & support center
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.page-template-page-info-support section.hero-banner > .wrapper {
    padding-bottom: 170px;
}




/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** section: newsletter
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.section-newsletter .section-newsletter-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 38vw;
    height: 100%;
    z-index: 2;
}

.section-newsletter .wrapper {
    gap: 40px;
}

.section-newsletter .blank-wrapper {
    width: 40%;
}

.section-newsletter .newsletter-content {
    width: calc(60% - 40px);
    gap: 40px;
}

.section-newsletter .newsletter-content h3 {
    max-width: 230px;
    font-style: italic;
    line-height: 135%;
}

.section-newsletter .newsletter-form {
    width: 55%;
}

.section-newsletter #gform_1 #gform_fields_1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
}

.section-newsletter #gform_1 #gform_fields_1 #field_1_1 {
    width: 100%;
    position: relative;
}

.section-newsletter #gform_1 #gform_fields_1 #field_1_1 #input_1_1 {
    width: 100%;
    border: none;
    border-bottom: 3px solid var(--kyn-yellow);
    font-family: var(--font-fjalla);
    color: var(--kyn-lighter-gray);
    background-color: transparent;
    border-radius: 0;
    padding-left: 0;
    letter-spacing: 1px;
    font-size: 1.3rem;
}

.section-newsletter #gform_1 #gform_fields_1 #field_1_1 #input_1_1::placeholder {
    font-family: var(--font-fjalla);
    color: var(--kyn-lighter-gray);
}

.section-newsletter #gform_1 #field_submit {
    position: absolute;
    right: 0;
    top: -8px;
    width: 24px;
}

.section-newsletter #gform_1 #field_submit #gform_submit_button_1 {
    background-color: transparent;
    font-family: var(--font-ibm-plex-sans) !important;
    color: var(--kyn-lighter-gray) !important;
    font-size: 20px !important;
    border: none;
    padding: 0;
    font-weight: 600;
}

.section-newsletter.section-newsletter-v2 {
    gap: 80px;
}

.section-newsletter.section-newsletter-v2::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    background-color: var(--kyn-pink-gray);
    z-index: 1;
}

.section-newsletter.section-newsletter-v2 .wrapper {
    z-index: 3;
}

.section-newsletter.section-newsletter-v2 .newsletter-content {
    width: calc(64% - 50px);
    gap: 50px;
}

.section-newsletter .newsletter-contact-wrapper {
    padding: 40px 20px 40px 50px;
    width: 32%;
}

.section-newsletter .newsletter-contact-wrapper h4 {
    font-style: italic;
}

.section-newsletter .newsletter-contact-wrapper .description {
    color: #001937;
}

.section-newsletter .newsletter-contact-wrapper a.btn-kyn-default {
    max-width: 88%;
}




/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** section: applications
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.section-applications {
    overflow: hidden;
}
.section-applications h3.underlined-heading {
    font-style: italic;
    text-underline-offset: 12px !important;
}

.applications-carousel .applications-carousel-item {
    position: relative;
    height: 235px;
}

.section-applications .applications-carousel-item a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.section-applications .applications-carousel-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-applications .applications-carousel-item .carousel-item-title {
    display: flex;
    left: 0;
    top: 0;
    height: 235px;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.section-applications .applications-carousel-item .carousel-item-title::before {
    content: "";
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.section-applications .applications-carousel-item h4 {
    text-align: center;
    max-width: 200px;
    text-decoration: none;
    margin: 0 auto;
    z-index: 2;
}

.section-applications .applications-carousel-item h4:hover a {
    color: var(--kyn-lighter-gray);
    text-decoration: underline;
    text-decoration-color: var(--kyn-yellow);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}


.applications-carousel .owl-nav .owl-prev, 
.applications-carousel .owl-nav .owl-next {
    position: absolute;
    bottom: calc(50% - 12px);
}

.applications-carousel .owl-nav .owl-prev:hover, 
.applications-carousel .owl-nav .owl-next:hover {
    background-color: transparent !important;
}

.applications-carousel .owl-nav .owl-prev {
    left: -40px;
    right: auto;
}

.applications-carousel .owl-nav .owl-next {
    right: -40px;
    left: auto;
}

.applications-carousel .owl-nav .owl-prev span, 
.applications-carousel .owl-nav .owl-next span,
.parent-solution-ft-list .owl-nav .owl-next span,
.parent-solution-ft-list .owl-nav .owl-prev span {
    width: 24px;
    height: 24px;
    font-size: 0;
    display: block;
}

.applications-carousel .owl-nav .owl-prev span {
    background: url(../img/arrow-prev.png) no-repeat center center;
    background-size: auto 100%;
}

.applications-carousel .owl-nav .owl-next span {
    background: url(../img/arrow-next.png) no-repeat center center;
    background-size: auto 100%;
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next {
    background: transparent !important;
}






/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** section: success stories & blog
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.section-success-stories-blog {
    background: linear-gradient(90deg, #fff 67%, #005583 33%);
}
.section-success-stories-blog > .wrapper {
    gap: 0;
}

.success-stories-block {
    width: 67%;
    padding-left: 20px;
    padding-right: 5rem;
    max-width: 870px;
    margin: 0 0 0 auto;
}
@media only screen and (min-width: 1500px) {
    .success-stories-block {
        max-width: 940px;
    }
}

.success-stories-block-header h3, 
.success-stories-blog-block h3 {
    font-style: italic;
}

.success-stories-posts {
    gap: 40px;
}

.success-stories-post h5 {
    font-size: 16px;
}

.success-stories-post:hover h5 {
    text-decoration: underline;
}

.success-stories-blog-block {
    width: 33%;
}

.success-stories-blog-block h2 {
    font-style: italic;
    font-size: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.success-stories-blog-post .desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
}

.success-stories-blog-post .btn-kyn-default {
    color: var(--kyn-navy);
    max-width: 178px;
    width: 100%;
    letter-spacing: 0;
}

.success-stories-blog-post .btn-kyn-default::before {
    background-color: var(--kyn-lighter-gray);
}
.success-stories-post img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.section-success-stories-blog .owl-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.section-success-stories-blog .owl-nav .owl-prev span, 
.section-success-stories-blog .owl-nav .owl-next span {
    width: 24px;
    height: 24px;
    font-size: 0;
    display: block;
}
.section-success-stories-blog .owl-nav .owl-prev:hover, 
.section-success-stories-blog .owl-nav .owl-next:hover {
    background-color: transparent !important;
}

.owl-nav .owl-prev span {
    background: url(../img/arrow-prev.png) no-repeat center center;
    background-size: auto 100%;
    color: transparent;
}

.owl-nav .owl-next span {
    background: url(../img/arrow-next.png) no-repeat center center;
    background-size: auto 100%;
    color: transparent;
}
.owl-nav-white .owl-nav span {
    filter: invert(1);
}

.sgl-hm-blog {
    padding: 0 1rem;
}

/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** single: success story
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.single-success-story section.hero-banner .hero-banner-content {
    max-width: 900px;
}

section.kyn-ss-top-row .wrapper,
section.kyn-ss-middle-row .wrapper {
    gap: 80px;
}

section.kyn-ss-top-row .wrapper {
    align-items: stretch;
}

section.kyn-ss-top-row .left-block, 
section.kyn-ss-middle-row .left-block {
    background-color: #f6f8fa;
    color: #000;
}

section.kyn-ss-top-row .left-block h3, 
section.kyn-ss-middle-row .left-block h3 {
    font-style: italic;
    font-size: 26px;
    text-underline-offset: 6px !important;
}

section.kyn-ss-top-row .left-block strong,
section.kyn-ss-middle-row .left-block strong {
    font-family: var(--font-inter);
    font-weight: 800;
    color: var(--kyn-navy);
}

section.kyn-ss-top-row .right-block, 
section.kyn-ss-middle-row .right-block {
    max-width: 29%;
    width: 100%;
}

section.kyn-ss-top-row .right-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.ss-inner-block ul {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}

.ss-inner-block ul li {
    /* display: flex;
    align-items: center;
    justify-content: flex-start; */
    padding-left: 30px;
    position: relative;
    gap: 5px;
    line-height: 1.8;
}

.ss-inner-block ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url('../img/check-icon.png') no-repeat center center;
    background-size: 18px auto;
}

.ss-inner-block ul li a {
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 800;
    color: var(--kyn-navy);
}


section.kyn-ss-middle-row .ss-inner-block .desc {
    line-height: 1.8;
}


/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** footer
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
footer.site-footer {
    background: url(../img/footer-k-bg.png) no-repeat bottom right;
    background-color: #001937;
    background-size: 200px auto;
    position: relative;
    z-index: 1;
}
.footer-wrapper {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.footer-columns {
    max-width: 100%;
    gap: 40px;
    padding: 60px 20px 100px 50px;
    display: grid;
    grid-template-columns: 390px 1fr 1fr auto;
}




.site-footer-inner > .wrapper > div:not(.footer-icon, .footer-company-info) {
    padding-top: 110px;
}

.site-footer .footer-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #005484;
    padding-bottom: 5rem;
}
.site-footer .footer-icon img {
    max-width: 130px;
    height: auto;
}

.site-footer .footer-company-info {
    gap: 20px;
    font-size: 14px;
}
.site-footer .footer-company-info a {
    color: #fff;
    text-decoration: none;
}

.site-footer .footer-company-info > div {
    gap: 15px;
}

.site-footer .footer-company-info .footer-logo {
    padding-bottom: 20px;
    max-width: 240px;
}
.footer-flag {
    width: 110px;
    min-width: 110px;
}

.site-footer .footer-company-info .company-address img,
.site-footer .footer-company-info .company-contact img,
.site-footer .footer-company-info .company-fax img {
    height: 24px;
    width: auto;
}

.site-footer .footer-social-wrapper {
    padding-top: 20px;
    gap: 15px;
}

.site-footer .footer-social-wrapper > a {
    border: 2px solid var(--kyn-lighter-gray);
    padding: 8px;
    width: 40px;
    height: 40px;
}

.site-footer .footer-social-wrapper > a img {
    max-width: 20px;
}

.site-footer .footer-product-links {
    min-width: 240px;
    gap: 10px;
    font-size: 14px;
}

.site-footer .footer-product-links a,
.site-footer .footer-other-links a {
    color: var(--kyn-lighter-gray);
    text-decoration: none;
}

.site-footer .footer-product-links .underlined-heading {
    font-size: 16px;
    font-family: var(--font-fjalla);
}

.underlined-heading {
    position: relative;
    text-decoration: underline !important;
    text-decoration-color: var(--kyn-yellow) !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 4px !important;
}

.underlined-heading::after {
   /*  content: "";
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: var(--kyn-yellow); */
}

.site-footer .footer-other-links {
    display: grid !important;
    gap: 20px 40px;
    grid-template-columns: repeat(2, 1fr);
    font-family: var(--font-fjalla);
}

.site-footer .site-footer-bottom {
    position: absolute;
    background-color: rgb(0 19 41 / 90%);
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    padding: 20px;
    font-size: 13px;
}

.site-footer .site-footer-bottom .footer-bottom-link {
    gap: 15px;
}

.site-footer .site-footer-bottom .footer-bottom-link a {
    color: var(--kyn-lighter-gray);
    text-decoration: none;
}

.site-footer .site-footer-bottom .footer-bottom-link a+a::before {
    content: "|";
    padding-right: 15px;
}


.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-menu a {
    font-size: 16px;
    text-transform: capitalize;
    font-family: var(--font-inter);
}
#product-menu.footer-menu a:not(.sub-menu a) {
    font-size: 14px;
    font-family: var(--font-fjalla);
    text-transform: uppercase;
}
.footer-menu a:hover {
    text-decoration: underline !important;
    text-decoration-color: var(--kyn-yellow) !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 4px !important;
}
.footer-menu .sub-menu {
    padding: 0;
    list-style: none;
    margin: .4rem 0 .5rem .6rem;
}
.footer-other-links .footer-menu {
    margin-top: 10px;
}

/* 404 page */
.error-404 {
    min-height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.error-page-content {
    text-align: center;
}
.error-page-content h1 {
    font-size: 60px;
}

/* Search Result Page*/
.s-post-list {
    display: grid;
    gap: 3rem 2rem;
    grid-template-columns: repeat(4, 1fr);
}
.s-post-list > article {
    width: 100%;
    background-color: var(--kyn-navy);
    color: var(--kyn-white);
    margin: 0;
}

.s-post-list > article img,
.s-post-list > article .no-img {
    width: 100%;
    aspect-ratio: 3/2;
    height: auto;
    object-fit: cover;
}
.s-post-list > article a {
    text-decoration: none;
    color: var(--kyn-white) !important;
}
.s-post-list > article h6 {
    text-decoration: none;
    color: var(--kyn-white) !important;
}

.s-post-list .entry-summary p {
    font-size: 14px;
    line-height: 1.4;
    color: var(--kyn-white);
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
.s-post-list > article:hover a {
    text-decoration: underline;
}
body.search-no-results input[type="search"] {
    border-radius: 0;
    color: var(--kyn-navy);
    width: 100%;
    max-width: 500px;
    padding: 5px 10px;
    border: 3px solid var(--kyn-darkblue);
    background-color: transparent;
    outline: 0 !important;
    font-size: 20px;
    font-family: var(--font-fjalla);

}
body.search-no-results input[type="submit"] {
    height: 47px;
    padding: 10px 40px;
    background: var(--kyn-navy);
    color: var(--kyn-white);
    font-weight: 500;
    font-family: var(--font-fjalla);
    font-size: 20px;
}
.no-results.not-found {
    padding: 5rem 1rem 5rem;
}



/* Responsive */

@media screen and (max-width: 1600px){
    footer.site-footer::before {
        width: 20%;
    }
}

@media screen and (max-width: 1500px){
    footer.site-footer::before {
        width: 18%;
    }
}

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

    /* Application */
    .section-applications .wrapper {
        padding: 0 50px;
    }

    /* Footer */
    footer.site-footer::before {
        width: 15%;
    }
}

@media screen and (max-width: 1300px){
    /* Homepage */
    .success-stories-blog-block {
        padding: 2rem 3rem 0 1rem;
    }

    /* Footer */
    .footer-flag {
        min-width: 78px;
        width: 78px;
    }
    
}


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

    /* Homepage */
    .quick-nav-wrapper {
        flex-direction: column;
        align-items: baseline;
        gap: 10px;
    }
    .quick-nav-wrapper h4 {
        margin: 0;
    }
    .quick-nav-wrapper .quick-nav-items {
        flex-wrap: wrap;
    }

    /* Footer */
    .site-footer .footer-company-info {
        gap: 20px;
    }

    .footer-columns {
        grid-template-columns: 1fr 1fr;
    }
 
    .site-footer .footer-icon img {
        min-width: unset;
        max-width: 120px;
    }

    footer.site-footer .site-footer-inner > .wrapper {
        gap: 36px;
        flex-wrap: wrap;
    }
    .footer-icon {
        width: 120px;
    }

    .footer-company-info img {
        max-width: 200px;
    }
    .site-footer-inner > .wrapper > div:not(.footer-icon, .footer-company-info) {
        padding-top: 92px;
    }
    .site-footer-inner > .wrapper .footer-other-links {
        margin-left: 214px
    }
    .footer-flag {
        min-width: 120px;
        width: 120px;
    }

    /* Search Result */
    .s-post-list {
        grid-template-columns: repeat(3, 1fr);
    }
    


}


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

    h1, .h1 {
        font-size: 36px;
    }

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

    h3, .h3 {
        font-size: 26px;
    }

    h4, .h4 {
        font-size: 22px;
    }

    h5, .h5 {
        font-size: 20px;
    }

    h6, .h6 {
        font-size: 16px;
    }


    .desk {
        display: none;
    }
    .mobile {
        display: block;
    }

    /* Header */
    #top-header .contact-wrapper ,
    #top-header .social-wrapper {
        display: none;
    }
    #header-search-block {
        display: none;
    }
    #top-header .tagline span {
        font-size: 14px;
    }
    #masthead .site-branding {
        padding: 15px 0;
    }
    #masthead .site-branding .custom-logo {
        max-width: 225px;
        object-fit: contain;
    }
    .section.hero-banner .global-cta-wrapper {
        display: none;
    }

    /* all */
    .btn-kyn-default ,
    .quick-nav-wrapper .quick-nav-items .btn-kyn-default {
        font-size: 14px;
        padding: 12px 18px;
    }

    


    /* HOme apge */

    .kyn__home-products-section .wrapper,
    .kyn__home-product-listing {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
    .kyn__home-products {
        grid-template-columns: 100%;
        grid-column: span 2;
    }
    .kyn__home-product-item img {
        aspect-ratio: unset;
    }
    
    .kyn__home-supports:before, .kyn__home-solutions:before {
        content: unset;
    }
    .two-col-sec-inner  {
        grid-template-columns: 100%;
    }
    .two-col-sec-inner  img {
        max-width: 450px;
        margin: 0 auto;
        width: 100%;
    }
    .success-stories-blog-inner  {
        flex-direction: column;
    }
    .section-success-stories-blog {
        background: #fff;
    }
    .success-stories-block {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        max-width: unset;
        margin: 0 auto;
    }
    .success-stories-blog-block {
        width: 100%;
        padding: 2rem 20px 3rem;
    }
    .section-newsletter .newsletter-content {
        flex-direction: column;
        align-items: baseline;
        padding: 2rem 0;
    }
    .section-newsletter .newsletter-content h3 {
        padding: 0;
        margin: 0;
    }
    .section-newsletter .newsletter-form {
        width: calc(100% - 3rem);
    }
    .section-newsletter #gform_1 #gform_fields_1 #field_1_1 #input_1_1 {
        font-size: 1rem;
    }


    /* Newsletter Version 2 */
    .section-newsletter .newsletter-contact-wrapper {
        width: 53%;
    }
    .section-newsletter.section-newsletter-v2 .newsletter-content {
        width: calc(50% - 50px);
    }




    /* Footer */
    .footer-columns {
        grid-template-columns: 100%;
    }
    .site-footer-inner > .wrapper > div:not(.footer-icon, .footer-company-info) {
        margin-left: 210px;
        padding-top: 0;
        width: calc( 100% - 210px);
    }
    .site-footer-inner > .wrapper .footer-other-links {
        margin-left: 0;
    }
    .site-footer .footer-other-links {
        width: 100%;
    }

    
}

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

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

    h2, .h2 {
        font-size: 28px;
    }
    .d-none-mobile {
        display: none;
    }
    .d-none-desk {
        display: block;
    }

    /* Search  */
    body.search-no-results input[type="submit"] {
        max-width: 500px;
        width: 100%;
        margin-top: 10px;
    }
    .s-post-list  {
        grid-template-columns: 100%;
    }


    /* Homepage */
    .kyn__home-products-section .wrapper {
        gap: 3rem;
        grid-template-columns: 100%;
    }
    .kyn__home-products {
        grid-column: span 1;
    }
    .kyn__home-product-listing {
        gap: 1rem;
    }
    .section-newsletter .section-newsletter-bg {
        width: 100%;
        height: 200px;
        position: static;
    }
    .section-newsletter .wrapper {
        gap: 0;
        flex-direction: column;
    }
    .section-newsletter .newsletter-content {
        width: 100%;
        gap: 0px;
    }
    .section-newsletter .newsletter-form {
        width: 100%;
        max-width: 500px;
    }



    /* Solution */
    section.kyn-ss-top-row .wrapper, section.kyn-ss-middle-row .wrapper
    section.kyn-ss-top-row .right-block {
        flex-direction: column;
    }
    section.kyn-ss-middle-row .right-block {
        max-width: 100%;
    }




    /* Footer */
    footer.site-footer {
        padding-top: 0;
        padding-bottom: 150px;
    }

    .site-footer .footer-icon {
        padding: 15px;
        display: none !important
    }
    .site-footer .footer-icon img {
        max-height: 70px;
        padding-top: 0;
    }

    .footer-columns {
        gap: 60px;
        padding: 50px 2rem;
    }

    .site-footer-inner > .wrapper > div:not(.footer-icon) {
        margin-left: 0;
        padding-top: 0;
        padding-left: 0;
        width: 100% ;
    }
    .site-footer-bottom > div {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .site-footer .site-footer-bottom .footer-bottom-link a+a::before {
        padding-right: 8px;
    }
    .site-footer .site-footer-bottom .footer-bottom-link {
        gap: 8px;
    }


    /* Newsletter version 2 */
    .section-newsletter-v2, 
    .section-newsletter.section-newsletter-v2::after {
        background-color: #fff0 !important;
    }
    .section-newsletter.section-newsletter-v2 .wrapper {
        padding: 0 !important;
    }
    .section-newsletter.section-newsletter-v2 .newsletter-content {
        width: 100%;
        background-color: var(--kyn-navy);
        padding: 2rem;
    }
    .section-newsletter .newsletter-contact-wrapper {
        width: 100%;
        padding: 2rem;
    }
  

    
}