.nav-header {
    background-color: rgb(255, 255, 255); 
    padding: 0px; 
    display: block;
}
.navbar-nav .nav-link {
    color: #424242;
    font-weight: 400;
    border-color: transparent;
}
.nav-button-outline {
    color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.8);
    background-color: transparent;
    font-weight: 700;
    font-family: Lato;
    margin: 20px auto;
}
.nav-button-outline:hover {
    color: #fff;
    border-color: #db3351;
    background-color: #db3351;
}
.nav-button-outline .kartra_icon__icon {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
}

.nav-button {
    color: #fff;
    background-color: #db3351;
    font-weight: 700;
    font-family: Lato;
    margin: 20px auto;
}
.nav-button .kartra_icon__icon {
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.7);
}
.main-banner {
    background-color: rgb(0, 47, 81); 
    padding: 50px 0px 30px;
}
.bg-primary {
    color: #fff !important;
    background-color: #db3351;
    margin-bottom: 0;
}
.bg-banner {
    opacity: 0.2; 
    background-image: url('/assets/images/kp_content_img_80.jpg');
}
.headline-blog h1 {
    font-size: 35px;
    line-height: 120%;
    margin-bottom: 25px;
}
.headline-text {
    font-size: 18px !important;
    line-height: 150%;
}
.max-w-6xl {
    max-width: 72rem
}
.sm\:max-w-6xl {
    max-width: 72rem
}
.md\:max-w-6xl {
    max-width: 72rem
}
.lg\:max-w-6xl {
    max-width: 72rem
}
.xl\:max-w-6xl {
    max-width: 72rem
}
.\32xl\:max-w-6xl {
    max-width: 72rem
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.grid {
    display: grid
}
.flex {
    display: flex;
}
.justify-center {
    justify-content: center;
}
.gap-3 {
    gap: .75rem;
}
.gap-8 {
    gap: 2rem
}
@media (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}
.rounded-xl {
    border-radius: .75rem
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.transition {
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms
}
.overflow-hidden {
    overflow: hidden
}
.w-full {
    width: 100%
}
.h-48 {
    height: 12rem
}
.object-cover {
    object-fit: cover
}

.text-xl {
    font-size: 20px;
    line-height: 1.75rem;
}
.text-2xl {
    font-size: 24px;
    line-height: 2rem
}

.font-semibold {
    font-weight: 600
}
.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

.p-9 {
    padding: 2.25rem
}

.p-10 {
    padding: 2.5rem
}
.mt-0 {
    margin-top: 0
}

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

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

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

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

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

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

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

.mt-9 {
    margin-top: 2.25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mb-0 {
    margin-bottom: 0
}

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

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

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

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

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

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

.mb-9 {
    margin-bottom: 2.25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75,85,99,var(--tw-text-opacity))
}
.mb-4 {
    margin-bottom: 1rem
}
.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37,99,235,var(--tw-text-opacity))
}
.font-medium {
    font-weight: 500
}
@media (min-width: 768px) {
    .blog-content .container {
        width: auto;
        max-width: 1152px;
    }
    .article-content .container {
        width: auto;
        max-width: 896px;
    }
}
@media (min-width: 640px) {
    .sm\:flex-row {
        flex-direction: row;
    }
}
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle;
}
.pt-0 {
    padding-top: 0
}
.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
}
.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}
.rounded-full {
    border-radius: 9999px;
}
.pb-0 {
    padding-bottom: 0
}

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

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

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

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

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

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-7 {
    padding-bottom: 1.75rem
}

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

.pb-9 {
    padding-bottom: 2.25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-11 {
    padding-bottom: 2.75rem
}

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

.pb-14 {
    padding-bottom: 3.5rem
}

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

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

.pb-24 {
    padding-bottom: 6rem
}

.pb-28 {
    padding-bottom: 7rem
}

.pb-32 {
    padding-bottom: 8rem
}

.pb-36 {
    padding-bottom: 9rem
}

.pb-40 {
    padding-bottom: 10rem
}

.pb-44 {
    padding-bottom: 11rem
}

.pb-48 {
    padding-bottom: 12rem
}

.pb-52 {
    padding-bottom: 13rem
}

.pb-56 {
    padding-bottom: 14rem
}

.pb-60 {
    padding-bottom: 15rem
}

.pb-64 {
    padding-bottom: 16rem
}

.pb-72 {
    padding-bottom: 18rem
}

.pb-80 {
    padding-bottom: 20rem
}

.pb-96 {
    padding-bottom: 24rem
}
.pt-0 {
    padding-top: 0
}

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

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

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

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

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

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

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

.pt-9 {
    padding-top: 2.25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-11 {
    padding-top: 2.75rem
}

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

.pt-14 {
    padding-top: 3.5rem
}

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

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

.pt-24 {
    padding-top: 6rem
}

.pt-28 {
    padding-top: 7rem
}

.pt-32 {
    padding-top: 8rem
}

.pt-36 {
    padding-top: 9rem
}

.pt-40 {
    padding-top: 10rem
}

.pt-44 {
    padding-top: 11rem
}

.pt-48 {
    padding-top: 12rem
}

.pt-52 {
    padding-top: 13rem
}

.pt-56 {
    padding-top: 14rem
}

.pt-60 {
    padding-top: 15rem
}

.pt-64 {
    padding-top: 16rem
}

.pt-72 {
    padding-top: 18rem
}

.pt-80 {
    padding-top: 20rem
}

.pt-96 {
    padding-top: 24rem
}
.footer-content {
    background-color: #002f51;
}
.text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-center {
    text-align: center;
}
.footer-content p {
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}
*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
}
.text-3xl {
    font-size: 30px;
    line-height: 2.5rem;
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17,24,39,var(--tw-text-opacity))
}
.blog-content, .article-content {
    font-size: 15px;
    font-weight: 300;
}
.space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.8rem * var(--tw-space-y-reverse));
}
.list-disc {
    list-style-type: disc;
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.rounded-lg {
    border-radius: .5rem;
}
.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
}
.border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
}
.border-l-4 {
    border-left-width: 4px;
}