/* ---- css/_default-banner.css ---- */

/* ---- css/_badges-module.css ---- */
.badges-module {clear: both; width: 100%; position: relative; z-index: 2; margin-top: -50px; margin-bottom: -40px;}
.hero-badges {display: flex; flex-wrap: wrap; width: 100%; border-radius: 14px; box-shadow: 0 8px 24px rgba(6,29,73,.06); padding:26px 20px; background: var(--white);}
.counter-main {gap:20px; flex-wrap: nowrap;}
.badge-icon {width: 42px;}
.badge-icon img {width: 100%; height: 100%; filter: invert(10%) sepia(98%) saturate(3734%) hue-rotate(216deg) brightness(75%) contrast(118%);}
.badge {flex:1; display: flex; flex-wrap: wrap; align-items: center; padding: 0 2.7434842249657065%; border-right: 1px solid var(--line);}
.badge:last-child {border: 0 none;}
.badge-txt {flex:1; color: var(--blue-sky); font-weight: 700; font-size: 28px; line-height: normal;}
.badge-desc {display: block; line-height: normal; font-weight: 700; color: var(--navy); font-size: 18px; margin: 0 0 2px 0;}
.badge-txt-two {display: block; color: var(--muted2); font-size: 14px; line-height:20px; font-weight: normal; padding-right: 8px;}


@media screen and (max-width:1023px) and (min-width:601px) {
.hero-badges {gap: 40px 0;}
.badge {flex: 0 0 50%; padding: 0 20px;}
.badge:nth-child(2n) {border: 0 none;}
}

@media screen and (max-width:767px) and (min-width:200px) {
.badges-module {margin-bottom: 0;}
	
}

@media screen and (max-width:600px) and (min-width:200px) {
.badge {flex:100%; border-bottom:1px solid var(--line); border-right:0 none; padding: 30px 0;}
.badge:first-child {padding-top: 0!important;}
.badge:last-child {padding-bottom: 0!important;}
}



.default-banner-section {width: 100%; position: relative; z-index: 2; background: var(--navy);}
.default-banner-main {width: 100%; min-height: 480px; position: relative; align-items: center; padding: 54px 0 60px;}
.default-banner-section .default-banner-main .banner-bg img {object-position: center right;}
.default-banner-section .default-banner-main .banner-bg picture, .default-banner-section.inverted .default-banner-main .banner-bg figure{margin-left: auto; width:66%; z-index: 0; position: relative;}
.default-banner-section .default-banner-main .banner-bg picture::before, .default-banner-section .default-banner-main .banner-bg figure::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient( 90deg, #002056 0%, rgba(0, 32, 86, 0.85) 20%, rgba(0, 32, 86, 0.4) 50%, rgba(0, 32, 86, 0.1) 80%, rgba(0, 32, 86, 0) 100% ); z-index: 1;}

.default-banner-section .breadcrumb {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 36px 0; font-size: 14px; font-weight: 500; color: var(--white-80);}
.default-banner-section .breadcrumb li {margin: 0; display: flex; align-items: center; gap: 8px;}
.default-banner-section .breadcrumb li:before {display: none;}
.default-banner-section .breadcrumb li a {color: var(--white-70); text-decoration: none; transition: color 0.2s;}
.default-banner-section .breadcrumb li a:hover {color: var(--white);}
.default-banner-section .breadcrumb li:last-child {color: var(--white); font-weight: 600;}
.default-banner-section .breadcrumb li:not(:last-child):after {content: "\f105"; font-weight: 600; font-family: "Font Awesome 7 Free"; font-size: 12px; color: var(--white-60);}
.default-banner-section.inverted .breadcrumb {color: var(--muted);}
.default-banner-section.inverted .breadcrumb li a {color: var(--muted);}
.default-banner-section.inverted .breadcrumb li a:hover {color: var(--blue);}
.default-banner-section.inverted .breadcrumb li:last-child {color: var(--global);}
.default-banner-section.inverted .breadcrumb li:not(:last-child):after {color: var(--muted);}

.default-banner-section .default-banner-main .default-banner-text {max-width: 720px; clear: both; color: var(--white);}
.default-banner-section .default-banner-main .default-banner-text h1 {color: var(--white);}
.default-banner-section .default-banner-main .default-banner-text h1 span {color: var(--blue-mid);}
.default-banner-section .default-banner-main .default-banner-text h1 span span {color: var(--orange); font-size: 40px; display: block;}
.default-banner-section .default-banner-main .default-banner-text p {margin-bottom: 30px; font-size: 18px; line-height: 26px;}
.default-banner-section .default-banner-main .default-banner-text p:last-child {margin-bottom: 0;}
.default-banner-section .default-banner-main .default-banner-text .hero-tagline, .default-banner-section .default-banner-main .default-banner-text p > span {font-weight: 700; color: var(--blue-mid); font-size: 20px; line-height: normal; margin-bottom: 20px; max-width: 380px;}
.banner-txt {flex: 1; font-size: 16px; line-height: 1.15;}
.default-banner-section .no-banner-img .banner-bg {background: var(--navy);}

.hero-banner-main {align-items: center; width: 100%; position: relative; gap:2%; flex-direction: row-reverse; justify-content: space-between;}
.hero-banner-main .hero-banner-thumb {width:50%; position: relative;}
.hero-banner-main .hero-banner-thumb .hero-banner-img {}

.default-banner-section .hero-badges {background: transparent; padding:0; width: calc(100% + 40px); max-width:960px; position: relative; left: -20px; margin: 50px 0 0 0; box-shadow: none;}
.default-banner-section .hero-badges .badge-icon {width: 50px; height: 50px; border: 1px solid var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: auto;}
.default-banner-section .hero-badges .badge-icon img {width: 24px; height: auto; filter: brightness(0) invert(1);}
.default-banner-section .hero-badges .badge-icon svg {width: 24px; height: 24px;}
.default-banner-section .hero-badges .badge-icon svg path {fill:var(--white);}
.default-banner-section .hero-badges .badge-txt {color: var(--white); font-size: 22px;}
.default-banner-section .hero-badges .badge {padding: 0 18px; border-right: 1px solid var(--white-30); align-items:flex-start;}
.default-banner-section .hero-badges .badge:last-child {border: 0 none!important;}
.default-banner-section .hero-badges .badge-desc {color: var(--white); font-size: 16px;}
.default-banner-section .hero-badges .badge-txt-two {font-size: 14px; color: var(--white-80);}
.default-banner-section .hero-badges .counter-main {gap:15px;}

.hero-contact-sec {margin-top: 36px; gap: 40px; flex-wrap: wrap; align-items: center; max-width: 680px; width: 100%;}

.hero-cnt-item {flex-shrink: 0;}
.hero-cnt-main {gap: 12px; align-items: center;}
.hero-cnt-icon {width: 26px; height: 26px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.hero-cnt-icon figure {margin: 0; display: flex; align-items: center; justify-content: center; width:100%;}
.hero-cnt-icon figure img {filter: invert(10%) sepia(98%) saturate(3734%) hue-rotate(216deg) brightness(75%) contrast(118%);}
.hero-cnt-icon figure svg {width:100%; height:100%;}
.hero-cnt-icon figure svg path {fill:var(--navy);}

.hero-cnt-txt {flex: 1; display: flex; flex-direction: column; gap: 2px;}
.hero-cnt-desc {display: block; font-size: 16px; font-weight: 800; color: var(--white); line-height:normal;}

.hero-cnt-txt-two {display: block; font-size: 14px; color:var(--white-80); line-height: 1.3; font-weight: 500;}
.hero-cnt-txt-two a {color: var(--white-80); text-decoration: none; transition: color 0.2s; display: inline !important;}
.hero-cnt-txt-two a:hover {color: var(--white);}


.default-banner-section.inverted .optional-text {color: var(--blue-light);}
.default-banner-section.inverted .hero-cnt-txt-two, .default-banner-section.inverted .hero-cnt-txt-two a {color: var(--global);}
.default-banner-section.inverted .hero-cnt-txt-two a:hover {color: var(--anchor-hover);}
.default-banner-section.inverted .hero-cnt-desc {color: var(--navy);}
.default-banner-section.inverted {background: var(--blue-10);}
.default-banner-section.inverted .default-banner-main .hero-banner-main .default-banner-text {max-width:585px;}
.default-banner-section.inverted .default-banner-main .banner-bg picture, .default-banner-section.inverted .default-banner-main .banner-bg figure{margin-left: auto; width: 56%; z-index: 0;}
.default-banner-section.inverted .default-banner-main .banner-bg picture::before, .default-banner-section.inverted .default-banner-main .banner-bg figure::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(-90deg, rgba(241, 245, 252, 0.05) 0%, rgba(241, 245, 252, 0.12) 30%, rgba(241, 245, 252, 0.22) 55%, rgba(241, 245, 252, 0.35) 75%, rgba(241, 245, 252, 0.9) 100%); z-index: 1;}
.default-banner-section.inverted .default-banner-main .default-banner-text h1 {color: var(--navy);}
.default-banner-section.inverted .default-banner-main .default-banner-text h1 span {color: var(--blue);}
.default-banner-section.inverted .default-banner-main .default-banner-text {color: var(--global); max-width: 550px;}
.default-banner-section.inverted .default-banner-main .default-banner-text p {width:calc(100% - 40px);}
.default-banner-section.inverted .default-banner-main .default-banner-text .hero-tagline, .default-banner-section.inverted .default-banner-main .default-banner-text p > span {color:var(--navy);}

.default-banner-section.inverted .hero-badges {max-width: 770px;}
.default-banner-section.inverted .hero-badges .badge {border-right:1px solid rgba(132, 132, 132, 0.3);}
.default-banner-section.inverted .hero-badges .badge-icon {border:0 none; width: 32px; height: 32px;}
.default-banner-section.inverted .hero-badges .badge-icon img {filter: invert(10%) sepia(98%) saturate(3734%) hue-rotate(216deg) brightness(75%) contrast(118%); width: 32px;}
.default-banner-section.inverted .hero-badges .badge-icon svg path {fill:var(--navy);}
.default-banner-section.inverted .hero-badges .badge-txt, .default-banner-section.inverted .hero-badges .badge-desc {color: var(--navy);}
.default-banner-section.inverted .hero-badges .badge-txt-two {color: var(--global);}


@media only screen and (min-width: 1536px) {
	.default-banner-main {min-height: 35vw;}		
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
.default-banner-section.inverted .default-banner-main .banner-bg picture::before, .default-banner-section.inverted .default-banner-main .banner-bg figure::before {background: linear-gradient(-90deg, rgba(241, 245, 252, 0.1) 0%, rgba(241, 245, 252, 0.3) 25%, rgba(241, 245, 252, 0.55) 50%, rgba(241, 245, 252, 0.8) 75%, rgba(241, 245, 252, 1) 100%);}
}

@media only screen and (max-width: 1023px) and (min-width: 200px) {
.hero-banner-main {flex-direction: column; gap: 60px;}
.hero-banner-main .hero-banner-thumb {width: 100%;}
.hero-banner-main .hero-banner-thumb .hero-banner-img {max-width:700px; margin: 0 auto;}
.default-banner-section.inverted .default-banner-main .hero-banner-main .default-banner-text {max-width: 100%;}
.default-banner-section.inverted .default-banner-main .default-banner-text p{width:100%;}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .default-banner-section .default-banner-main .default-banner-text {max-width: 600px;}
.default-banner-section .default-banner-main .banner-bg picture::before, .default-banner-section .default-banner-main .banner-bg figure::before {background: linear-gradient( 90deg, #002056 0%, rgba(0, 32, 86, 0.92) 25%, rgba(0, 32, 86, 0.65) 50%, rgba(0, 32, 86, 0.3) 75%, rgba(0, 32, 86, 0.1) 100% );}
.default-banner-section.inverted .default-banner-main .banner-bg picture::before, .default-banner-section.inverted .default-banner-main .banner-bg figure::before {background: linear-gradient(-90deg, rgba(241, 245, 252, 0.1) 0%, rgba(241, 245, 252, 0.4) 25%, rgba(241, 245, 252, 0.7) 50%, rgba(241, 245, 252, 0.9) 75%, rgba(241, 245, 252, 1) 100%);}

}


@media only screen and (max-width: 767px) and (min-width: 200px) {
    .default-banner-section .default-banner-main .default-banner-text h1 span span {display:inline; font-size: 44px;   line-height: 52px;}
.default-banner-section .default-banner-main .default-banner-text, .default-banner-section.inverted .default-banner-main .default-banner-text {z-index: 1; position: relative; padding: 40px 0 40px 0; max-width:100%;}
.default-banner-main {min-height: inherit; align-items: flex-start; padding:0;}
.default-banner-section .banner-bg {position:relative; height: 320px; overflow: hidden; width: 100%;}
.default-banner-section .default-banner-main .banner-bg picture::before, .default-banner-section .default-banner-main .banner-bg figure::before {background: linear-gradient( 0deg, #002056 0%, rgba(0, 32, 86, 0.78) 10%, rgba(0, 32, 86, 0.48) 22%, rgba(0, 32, 86, 0.28) 35%, rgba(0, 32, 86, 0.18) 62%, rgba(0, 32, 86, 0) 76%, rgba(0, 32, 86, 0) 100% );}
.default-banner-section.inverted .default-banner-main .banner-bg picture::before, .default-banner-section.inverted .default-banner-main .banner-bg figure::before {background: linear-gradient(180deg,rgba(255, 255, 255, 0) 20%, rgb(241, 245, 252) 100%);}
.default-banner-section .default-banner-main .banner-bg img {object-position: 0 0;}
.default-banner-section .default-banner-main .banner-bg picture, .default-banner-section.inverted .default-banner-main .banner-bg figure, .default-banner-section.inverted .default-banner-main .banner-bg picture, .default-banner-section.inverted .default-banner-main .banner-bg figure {width:100%;}
	
.hero-contact-sec {gap: 30px 28px; margin:0 0 60px 0;}
.hero-contact-sec:only-child {margin:60px 0;}
.hero-cnt-icon {width: 32px; height: 32px;}
.hero-cnt-icon figure, .hero-cnt-icon figure img {width: 24px; height: 24px;}
.hero-cnt-main {gap: 10px;}
.hero-cnt-item {width: 100%; flex: 1 1 100%;}
.default-banner-section .hero-badges {padding: 0 20px; margin: 0 0 60px 0; gap:30px 0;}
.default-banner-section .hero-badges:only-child {margin:60px 0;}



.default-banner-section .hero-badges .counter-main {gap:10px;}
.hero-banner-main {gap:0;}
.hero-banner-main .hero-banner-thumb {width: 100%; padding: 60px 0 0 0;}
}

@media screen and (max-width:1023px) and (min-width:601px) {
.default-banner-section .hero-badges {gap: 40px 10px; padding: 0;}
.default-banner-section .hero-badges .badge {flex: 0 0 48%; padding: 0 20px; max-width:100%;}
.default-banner-section .hero-badges .badge:nth-child(2n) {border: 0 none;}
.hero-contact-sec {gap: 24px 32px;}
}

@media screen and (max-width:600px) and (min-width:200px) {
.default-banner-section .hero-badges .badge, .default-banner-section.inverted .hero-badges .badge {max-width:100%; flex:100%; border:0 none; padding: 0!important; align-items: flex-start;}
.default-banner-section .hero-badges .badge:first-child {padding-top: 0;}
.default-banner-section .hero-badges .badge:last-child {padding-bottom: 0;}
}


/* ---- css/_cta-module.css ---- */
.cta-section {clear: both; width: 100%; position: relative; z-index: 1; overflow: hidden; color: var(--white);}
.cta-section .h2, .cta-section .h3, .cta-section .h4, .cta-section .h5, .cta-section .h6, .cta-section h2, .cta-section h3, .cta-section h4, .cta-section h5, .cta-section h6 {color: var(--white); margin: 0 0 12px 0;}
.cta-section p {color: var(--white-70);}
.cta-inner {display: flex; flex-wrap: wrap; width: 100%; gap: 30px; align-items: center;}
.cta-lt {display: flex; flex-wrap: wrap; align-items: center; gap: 20px; flex: 1;}
.cta-lt-txt {flex: 1;}
.cta-icon {position: relative; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background: var(--blue-light); border-radius: 50%; flex-shrink: 0;}
.cta-icon img {width: 40px;}
.cta-icon i {font-size: 26px; color: var(--white);}
.cta-rt {flex-shrink: 0;}
.cta-rt-innner {display: flex; flex-wrap: wrap; gap: 16px; align-items: center;}
.map-bg {left: 0; right: 0; margin: auto; display: flex; align-items: center; justify-content: center; z-index: -1; width: 100%; height: 100%; text-align: center; top: 0;}
.map-bg img {object-position: center center; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.1;}
.cta-module {background-color: var(--navy-blue); clear: both; width: 100%; position: relative; z-index: 1; padding: 48px 0;}
.cta-wrap {width: 100%; align-items: flex-start;}
.cta-block {width: 33.333%; gap: 20px; padding: 0 3.635116598079561%; position: relative;}
.cta-block:after {content: ""; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background: linear-gradient(to bottom, transparent, #2D4473, transparent);}
.cta-block:first-child {padding-left: 0;}
.cta-block:last-child {padding-right: 0;}
.cta-block:last-child:after {display: none;}
.cta-block h5 {font-weight: 600; margin-bottom: 13px; color: var(--white);}
.cta-block h5 a {color: var(--white);}
.cta-block h5 a:hover {color: var(--anchor-hover);}
.cta-block p {font-weight: 300; color: var(--white-80); margin-bottom: 15px; padding-right: 10px;}
.cta-block .readmore {color: var(--white);}
.cta-block .readmore:hover {color: var(--blue-light);}
.cta-block-icon {position: relative; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background: var(--blue-light); border-radius: 50%;}
.cta-block-icon img {filter: brightness(0) invert(1); width: 32px; height: auto;}
.cta-txt {flex: 1;}
.cta-banner {background-color: var(--navy-blue); padding: 46px 0;}
.product-cta {background: var(--navy-blue); padding: 40px 0;}
.product-cta-bg {position: absolute; z-index: -1; top:0; bottom:0; left:0; right:0; margin:auto; width: 100%; height: 100%; overflow: hidden;}
.product-cta-bg figure {width:80%; margin-left:auto; mix-blend-mode: darken; opacity:0.8;}
.product-cta-bg:before {content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(-90deg,rgba(0, 38, 135, 0) 0%, rgba(0, 38, 135, 1) 65%); width: 100%; height: 100%;}
.product-cta-bg:after {content: ""; position: absolute; inset: 0; z-index: 0; background: var(--navy-blue); width: 100%; height: 100%; opacity: 0.5;}
.product-cta .cta-inner {flex-direction: column; align-items: center; text-align: center; max-width: 720px; margin: 0 auto;}
.product-cta .cta-lt {flex: unset; width: 100%; justify-content: center;}
.product-cta .cta-lt-txt {flex: unset;}
.product-cta .cta-rt {flex-shrink: unset;}
.product-cta .cta-rt-innner {justify-content: center;}
.product-cta .cta-rt-innner .button {min-width: 252px;}
.services-cta {background: var(--navy-blue); padding: 40px 0;}
.services-cta .cta-lt-txt p {margin: 0;}
.careers-cta-section {background: var(--navy-blue); padding: 60px 0;}
.careers-cta-section .cta-inner {gap: 40px; justify-content: space-between;}
.careers-cta-section .cta-lt-txt h3 {margin-bottom: 8px;}
.careers-cta-section .cta-lt-txt p {margin: 0;}
.careers-cta-section .cta-rt-innner {align-items: initial;}
.careers-cta-section .cta-rt-innner .button {text-align:left; min-height: 80.6px;}
.careers-cta-section .cta-rt-innner .button span span {display: block; font-size: 14px; font-weight: 300;}
.careers-cta-section .cta-rt-innner .button em {font-size:38px;}
.contact-cta-strip {background: var(--navy-blue); padding: 40px 0;}
.contact-cta-strip .cta-lt-txt p {margin: 0;}

@media only screen and (max-width: 1260px) and (min-width:200px) {
.careers-cta-section .cta-lt {flex:100%; text-align: center;}
.careers-cta-section .cta-rt {flex:100%;}
.careers-cta-section .cta-lt p {padding:0 20px;}
.careers-cta-section .cta-rt-innner{justify-content: center;}
	
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
.cta-txt {flex: 100%;}
.careers-cta-section {padding: 48px 0;}
.contact-cta-strip {padding: 40px 0;}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.cta-module {padding: 64px 0;}
.cta-block {width: 100%; padding: 40px 0;}
.cta-block:first-child {padding-top: 0;}
.cta-block:last-child {padding-bottom: 0;}
.cta-block::after {bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(to right, transparent, #2D4473, transparent); top: inherit;}
.cta-block p {padding-right: 0;}
.cta-txt {flex: 100%;}
.cta-inner {gap: 40px; text-align: center; flex-direction: column;}
.cta-lt {flex: 100%; flex-direction: column; align-items: center; gap: 15px;}
.cta-lt-txt {flex: 100%;}
.cta-rt {width: 100%;}
.cta-rt-innner {justify-content: center;}
.cta-icon {margin: 0 auto;}
.product-cta {padding: 60px 0;}
.product-cta .cta-rt-innner {flex-direction: column; align-items: center;}
.services-cta {padding: 48px 0;}
.careers-cta-section {padding: 48px 0;}
.contact-cta-strip {padding: 40px 0;}
}
@media only screen and (max-width: 600px) {
.careers-cta-section .cta-rt-innner .button {width: 100%;}
.careers-cta-section .cta-rt {width: 100%;}
.careers-cta-section .cta-rt-innner .button {justify-content: center;}
}
@media only screen and (max-width: 490px) {
.cta-rt-innner .button {width: 100%; text-align: center; justify-content: center;}
}



/* ---- css/_industries-module.css ---- */
.industries-section {clear: both; width: 100%;}
.industries-section .optional-text {text-align: center;}
.industries-wrap {background: var(--blue-10); padding:30px 20px 40px; border-radius: 20px;}
.industries-grid {display: grid; grid-template-columns: repeat(6, 1fr); width: 100%; gap:24px 1.84%; margin-top: 20px;}
.industry-item {display: flex; gap:6px; min-width: 150px; align-items: center;}
.inustry-txt {font-weight: 600; line-height: normal;}
.industry-icon {width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;}
.industry-icon svg {width: 100%; height: 100%;}
.industry-icon svg path {fill: var(--navy);}
@media (max-width: 1134px) and (min-width: 1024px) {
.industries-grid {gap: 20px; grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 1023px) {
.industries-grid {gap: 20px; margin-top: 40px; grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 767px) {
.industries-grid {gap: 30px 20px; grid-template-columns: repeat(2, 1fr);}
.industry-item {justify-content: flex-start; gap:10px;}
.industries-wrap {padding: 30px 20px 40px;}
}
@media (max-width: 413px) {
.industries-grid {grid-template-columns: repeat(1, 1fr);}
}



.default-banner-section .default-banner-main .default-banner-text .hero-tagline {max-width: 100%;}
.default-banner-section .default-banner-main .btn-wrap .button {min-width: 252px;}

.features-section {padding: 80px 0; clear: both; width: 100%; background: var(--light);}
.features-grid {display: flex; flex-wrap: wrap; gap: 20px; width: 100%;}
.feature-card {background: var(--white); border-radius: 12px; padding: 28px 16px 28px; flex: 1 1 calc((100% - 100px) / 5); min-width: 150px; text-align: center; display: flex; flex-direction: column; align-items: center; transition: box-shadow 0.25s, transform 0.25s; box-shadow: 0px 0px 5px 2px rgba(12, 35, 66, .055);}

.feature-icon {width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; flex-shrink: 0;}
.feature-icon figure {margin: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.feature-icon img {width: 100%; height: 100%; object-fit: contain; filter: invert(40%) sepia(98%) saturate(1706%) hue-rotate(171deg) brightness(95%) contrast(101%);}
.feature-card .h6 {margin-bottom: 10px; font-size: 16px; line-height: 1.4; font-weight: 700;}
.feature-card p {font-size: 14px; color: var(--muted); line-height: 20px; margin: 0; flex: 1;}

.why-mml-section {clear: both; width: 100%; background: var(--light);}
.why-mml-inner {display: flex; flex-wrap: wrap; gap: 50px 5%; width: 100%; background: var(--blue-10); border-radius: 12px; justify-content: space-between;}
.why-mml-lt {flex: 0 0 38%; min-width: 280px; padding: 40px 0 40px 40px;}
.why-mml-lt .optional-text {margin-bottom: 14px;}
.why-mml-lt h2 {margin-bottom: 16px; padding-right: 20px;}
.small-hr{background: var(--blue-sky); margin-top: 30px; margin-bottom: 30px;}

.why-list {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 13px;}
.why-list li {display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: var(--global); line-height: 1.5; margin: 0;}
.why-list li::before {display: none;}
.why-list li i {color: var(--blue-light); font-size: 16px; margin-top: 2px; flex-shrink: 0;}

.why-mml-rt {flex: 0 0 57%; min-width: 280px; max-width: 57%; position: relative; display: flex; align-items: flex-end; justify-content: flex-end; padding: 24px 20px; box-sizing: border-box;}
.why-mml-photo {position: absolute; inset: 0; overflow: hidden; border-radius: 0 12px 12px 0; width: 100%; height: 100%;}

.testimonial-card {position: relative; z-index: 2; background: var(--white); border-radius: 12px; padding: 35px 35px 20px; box-shadow: 0 8px 32px rgba(12, 35, 66, 0.18); max-width: 400px; width: 100%;}
.testimonial-slide::before {content: ''; display: block; width: 40px; height: 30px; background-image: url(/wp-content/themes/jbk/images/quote.svg); background-repeat: no-repeat; background-size: contain; margin-bottom: 22px; transform: scale(-1, -1);}
.testimonial-text {font-size: 14px; line-height: 1.75; margin-bottom: 14px;}
.testimonial-author {font-size: 14px; font-weight: 700; color: var(--navy); line-height: 1.5;}
.testimonial-card ul.slick-dots {justify-content: flex-end;}

.security-section {padding: 50px 0; clear: both; width: 100%; background: var(--light);}
.security-inner {display: flex; flex-wrap: wrap; gap: 50px 20px; align-items: center; width: 100%; background: var(--blue-10); border-radius: 12px; padding: 20px 40px;}
.security-lt {display: flex; gap: 16px; align-items: flex-start; flex: 0 0 415px;}
.security-lt:only-child {flex: 1;}

.security-shield {width: 56px; height: auto; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.security-shield i {font-size: 30px; color: var(--blue-light);}
.security-shield figure {margin: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.security-shield img {width: 100%; height: 100%; object-fit: contain; filter: invert(10%) sepia(98%) saturate(3734%) hue-rotate(216deg) brightness(75%) contrast(118%);}

.security-text-wrap .h4 {margin-bottom: 5px; font-size: 22px; font-weight: 700; line-height: 28px;}
.security-text-wrap p {font-size: 14px; line-height: 22px; margin: 0;}

.security-rt {flex: 1; display: flex; flex-wrap: wrap; gap: 0;}
.sec-badge {background: transparent; padding:12px 16px; flex: 1 1 calc(25% - 12px); min-width: 130px; display: flex; align-items: center; gap: 12px; text-align: left; border-left: 1px solid var(--line);}
.sec-badge:last-child {padding-right: 0;}
.security-rt:only-child .sec-badge:first-child {border-left: 0;}

.sec-badge-icon {width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.sec-badge-icon i {font-size: 18px; color: var(--blue-light);}
.sec-badge-icon figure {margin: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.sec-badge-icon img {width: 100%; height: 100%; object-fit: contain; filter: invert(10%) sepia(98%) saturate(3734%) hue-rotate(216deg) brightness(75%) contrast(118%);}
.sec-badge-name {font-size: 12px; font-weight: 500; line-height: 1.4;}

.security-section + .mml-stats-section {margin-top: -50px;}

.mml-stats-section {padding: 50px 0; clear: both; width: 100%;}
.stats-grid {display: flex; flex-wrap: nowrap; width: 100%; align-items: center; background: var(--navy); padding: 30px 40px; border-radius: 12px;}
.stat-item {flex: 1; display: flex; align-items: center; gap: 20px; padding: 0 3.225806451612903%; border-right: 1px solid var(--white-15);}
.stat-item:first-child {padding-left: 0;}
.stat-item:last-child {border-right: none; padding-right: 0;}
.stat-icon {width: 56px; height: 56px; border-radius: 50%; border: 1px solid var(--white-25); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.stat-icon img {width: 24px; height: auto; filter: brightness(0) invert(1);}
.stat-icon svg {width: 24px; height: auto;}
.stat-number {font-size: 28px; font-weight: 600; color: var(--white); line-height: 1; font-family: var(--font-head); display: flex; align-items: baseline; gap: 2px;}
.stat-number sup {font-size: 24px;}
.stat-label {font-size: 13px; color: var(--white-70); line-height: 1.5; margin-top: 5px;}

@media screen and (max-width: 1299px) and (min-width: 1024px) {
	.default-banner-section.inverted .default-banner-main .hero-banner-main .default-banner-text {width: 48%;}
}

@media screen and  (min-width: 1024px) {
.default-banner-section.inverted .default-banner-main .default-banner-text h1 {font-size: 44px; line-height: 56px;}	
}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
.feature-card {flex: 1 1 calc(33.333% - 14px);}
.why-mml-rt {max-width: 52%;}
.sec-badge {flex: 1 1 calc(50% - 8px);}
}

@media screen and (max-width: 1023px) and (min-width: 200px) {
	.sec-badge-name {font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
.features-section {padding: 70px 0;}
.security-section {padding: 56px 0;}
.mml-stats-section {padding: 56px 0;}
.feature-card {flex: 1 1 calc(33.333% - 14px);}
	
.why-mml-inner {gap: 0;}
.why-mml-lt {flex: 100%; min-width: 0;}
.why-mml-rt {flex: 100%; max-width: 100%; min-height: 420px;}
.why-mml-photo {border-radius: 0 0 12px 12px;}
	
.security-inner {gap: 40px; padding: 40px 40px 24px 40px;}
.security-lt {flex: 100%;}
.security-rt {flex: 100%;}
	
.sec-badge {flex: 1 1 calc(50% - 0px); border-left: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.sec-badge:first-child {border-left: none;}
.sec-badge:nth-child(2n+1) {border-left: none;}
.sec-badge:nth-last-child(-n+2) {border-bottom: none;}
	
.stats-grid {flex-wrap: wrap; gap: 0;}
.stat-item {flex: 1 1 50%; padding: 24px 30px; border-right: 1px solid var(--white-15); border-bottom: 1px solid var(--white-15);}
.stat-item:first-child {padding-left: 30px;}
.stat-item:last-child {padding-right: 30px;}
.stat-item:nth-child(2n) {border-right: none;}
.stat-item:nth-last-child(-n+2) {border-bottom: none;}
}

@media screen and (max-width: 767px) and (min-width: 200px) {
.features-section {padding: 64px 0;}
.security-section {padding: 64px 0;}
.mml-stats-section {padding: 48px 0;}
.feature-card {flex: 1 1 calc(50% - 10px);}
	
.why-mml-inner {gap: 0;}
.why-mml-lt {flex: 100%; padding: 40px 40px 50px 40px;}
.why-mml-rt {flex: 100%; max-width: 100%; min-height: 440px;}
.why-mml-photo {border-radius: 0 0 12px 12px;}
	
.security-inner {gap:30px 20px; padding: 40px 20px 20px 20px;}
.security-lt {flex:100%;}
	
.sec-badge {flex: 1 1 calc(50% - 0px); border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 20px 20px;}
.sec-badge:first-child {border-left: none;}
.sec-badge:nth-child(2n+1) {border-left: none;}
.sec-badge:nth-last-child(-n+2) {border-bottom: none;}
	
.security-shield {width: 60px; height: 60px;}
.stats-grid {flex-direction: column;}
.stat-item {flex: 100%; padding: 20px 0; border-right: none; border-bottom: 1px solid var(--white-15); width: 100%;}
.stat-item:first-child {padding-left: 0;}
.stat-item:last-child {border-bottom: none; padding-right: 0;}
.stat-number {font-size: 28px;}
}

@media screen and (max-width: 480px) {
.feature-card {flex: 1 1 100%;}
.sec-badge {flex: 1 1 100%; border-left: 0 none; border-bottom: 1px solid var(--line)!important; padding: 20px 0;}
.sec-badge:last-child {border-bottom: 0 none!important;}
}