@import url("_default-banner.css");
@import url("_cta-module.css");
@import url("_industries-module.css");

.default-banner-section .default-banner-main .default-banner-text .hero-tagline {max-width: 100%;}

.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(../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;}
}