@import url(_default-banner.css?v15100);
@import url(_cta-module.css?v15100);
@import url(_approach-section.css?v15100);
@import url(_engagement-section.css?v15100);
@import url(_technologies-section.css?v15100);


.default-banner-section .default-banner-main .default-banner-text {max-width: 655px;}
.default-banner-section .default-banner-main .default-banner-text p {max-width:85%;}
.default-banner-section .hero-badges .badge-icon {border: 0 none; width: 32px; height: 32px;}
.default-banner-section .hero-badges .badge-icon img {width: 32px;}

.core-services-section {padding: 70px 0; clear: both; width: 100%;}

.srv-cards-grid {display: flex; flex-wrap: wrap; gap: 15px; width: 100%;}
.srv-card {background: var(--white); border: 1px solid var(--line); border-radius: 12px; padding:28px 24px 28px; width: calc(33.333% - 10px); display: flex; align-items: stretch; transition: box-shadow 0.25s, transform 0.25s; gap:22px;}
.srv-card:hover {box-shadow: 0 10px 32px rgba(12, 35, 66, 0.12); transform: translateY(-3px); border:1px solid transparent;}
.srv-card-icon {width: 72px; height: 72px; background: var(--blue-10); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; flex-shrink: 0;}
.srv-card-icon figure {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.srv-card-icon figure img {width: 42px; height: 42px; object-fit: contain; filter: invert(10%) sepia(98%) saturate(3734%) hue-rotate(216deg) brightness(75%) contrast(118%);}
.srv-card-icon figure svg {width: 100%; height: 100%;}
.srv-card-icon figure svg path {fill:var(--blue);}
.srv-card-content {display: flex; flex-direction: column; flex: 1;}
.srv-card-content .h5 {margin-bottom: 10px;}
.srv-card-content .h5 a {color: var(--navy); text-decoration: none;}
.srv-card-content .h5 a:hover {color: var(--blue-light);}
.srv-card-content p {font-size: 14px; color: var(--muted); line-height: 1.65; margin-bottom: 20px; flex: 1;}

@media screen and (max-width: 1023px) and (min-width: 768px) {
.core-services-section {padding: 70px 0;}
.srv-card {width: calc(50% - 12px);}
}
@media screen and (max-width: 767px) and (min-width: 200px) {
.core-services-section {padding: 64px 0;}
.srv-cards-grid {gap: 16px;}
.srv-card {width: 100%;}
}