@import url(_default-banner.css?v15100);
@import url("_cta-module.css");
@import url("_industries-module.css");
@import url("_clients-module.css");
@import url("_home-clients-module.css");

.default-banner-main {padding-bottom: 100px;}

.industries-wrap {border-radius: 20px;}

.services-section + .client-logos-section {margin-top: -60px;}
.product-section {clear: both; width: 100%; padding: 80px 0 60px; position: relative;}
.product-inner {display: flex; flex-wrap: wrap; width: 100%; gap:30px 2%; justify-content: space-between; background: var(--blue-10); border-radius: 12px; padding: 40px 40px; align-items: center;}
.product-lt {flex:1;}
.product-lt p {width: 82%;}
.product-lt h2 {margin-bottom: 10px;}
.product-lt .section-sub {font-weight: 700; font-size: 18px; line-height: normal; margin-bottom: 20px;}
.product-lt ul {display: flex; flex-wrap: wrap; gap:0 25px; justify-content: space-between; max-width: 420px;}
.product-lt ul li {display: inline-block; width: 35%; vertical-align: top; flex-grow: 1;}
.product-lt ul li:nth-child(2n) {width: 35%;}
.product-rt {max-width:50%;}
.product-section + .services-section {margin-top: -60px;}

.services-section {clear: both; width: 100%; padding: 60px 0; position: relative;}
.services-wrap {clear: both; width: 100%; text-align: center;}
.services-grid {display: flex; flex-wrap: wrap; width: 100%; gap:15px; justify-content: center;}
.service-card {background: var(--white); flex: 0 0 calc((100% - 75px) / 6); width: auto; border: 1px solid var(--line); border-radius: 10px; padding: 28px 18px; transition: box-shadow .2s, transform .2s; box-shadow: 0 14px 20px rgba(12, 35, 66, .055);}
.service-card:nth-child(5) .h6 {padding: 0 20px;}
.service-card .service-icon {width: 60px; margin: 0 auto 20px auto; clear: both; height: 60px; line-height: 60px; display: flex; align-items: center;}
.service-card .service-icon img {width:60px; filter: invert(10%) sepia(98%) saturate(3734%) hue-rotate(216deg) brightness(75%) contrast(118%);}
.service-card .service-icon svg {width: 100%; height: 100%;}
.service-card .service-icon svg path {fill:var(--navy);}
.service-card .h6 {margin-bottom: 12px; font-size: 16px; line-height: 22px;}
.service-card p {font-size: 14px; color: var(--muted); line-height:20px;}





@media (min-width: 1024px) {
.default-banner-section .default-banner-main .banner-bg picture, .default-banner-section.inverted .default-banner-main .banner-bg figure {right: -50px;}
.default-banner-section .default-banner-main .banner-bg picture::before {background: linear-gradient( 90deg, #002056 0%, rgba(0, 32, 86, 0.5) 15%, rgba(0, 32, 86, 0.2) 35%, rgba(0, 32, 86, 0.05) 60%, rgba(0, 32, 86, 0) 100% );}
}


@media (max-width: 1259px) and (min-width: 1024px) {
.service-card {flex: 0 0 calc((100% - 45px) / 4); min-width: inherit;}
}

@media (max-width: 1023px) {
.product-inner {gap:60px; padding: 32px;}
.product-lt {width: 100%; flex:100%;}
.product-lt p {width: 100%;}
.product-lt ul {width: 100%;}
.product-lt .btn-wrap {display: flex; flex-wrap: wrap; gap: 12px;}
.product-rt {max-width: 670px; margin:0 auto;}
.product-rt img {width: 100%; height: auto; display: block;}
.service-card {flex: 1 1 calc(33.333% - 10px); min-width: 220px;}
}

@media (max-width: 768px) {
.product-inner {flex-direction: column; align-items: stretch; padding: 24px;}
.services-grid {justify-content: center; gap: 16px;}
.service-card {flex: 1 1 calc(50% - 10px); min-width: 230px;}
.service-card .service-icon img, .service-card .service-icon svg {width: 64px;}
}


@media (max-width: 767px) and (min-width: 200px) {
	.default-banner-main {padding-bottom: 0;}
	.default-banner-section .default-banner-main .default-banner-text {padding-bottom: 100px;}
	.product-section + .services-section {margin-top: -30px;}
	.product-section {padding: 40px 0;}
	.product-inner {padding: 40px 24px; gap:40px;}
	.product-lt {padding: 0;}
	.product-rt {margin-top: 18px;}
	.services-section {padding: 64px 0;}
	.services-grid .slick-track {display: flex!important; flex-wrap:wrap;}
	.services-grid .slick-list {overflow: visible;}
	.service-card {width: 230px; margin-right: 20px; flex:none; height: inherit!important;}
	.service-card .service-icon img, .service-card .service-icon svg {width: 52px;}

}

@media (max-width: 519px) {
	.product-lt ul li, .product-lt ul li:nth-child(2n) {width: 100%;}
}