.services-section {position: relative;overflow: hidden;padding: 45px 0 60px;background:radial-gradient(circle at 5% 0%,rgba(31, 101, 180, 0.07),transparent 28%),radial-gradient(circle at 95% 10%,rgba(100, 80, 220, 0.05),transparent 25%),#f5f8fc;}
.services-wrap {width: min(1180px, calc(100% - 40px));margin: 0 auto;}
.services-heading {max-width: 760px;margin-bottom: 28px;}
.services-kicker {display: inline-flex;align-items: center;margin-bottom: 6px;color: #1760a5;font-size: 11px;line-height: 1.2;font-weight: 800;letter-spacing: 1.2px;text-transform: uppercase;}
.services-kicker::before {content: "";width: 24px;height: 2px;margin-right: 8px;border-radius: 20px;background: #1760a5;}
.services-heading h1 {margin: 0 0 9px;color: #082d58;font-size: clamp(30px, 4vw, 40px);line-height: 1.15;font-weight: 800;letter-spacing: -0.4px;}
.services-heading p {max-width: 700px;margin: 0;color: #627083;font-size: 15px;line-height: 1.65;}
.services-grid {display: grid !important;grid-template-columns:repeat(3, minmax(0, 1fr));gap: 18px;margin: 0 !important;padding: 0 !important;}
.services-grid .service-card {--mouse-x: 50%; --mouse-y: 50%;position: relative;display: flex !important;flex-direction: column !important;width: 100% !important;min-width: 0 !important;min-height: 220px !important;margin: 0 !important;padding: 20px !important;overflow: hidden;border: 1px solid #d9e4ef !important;border-radius: 16px !important;background:linear-gradient(145deg,#ffffff 0%,#ffffff 72%,#f8fbff 100%) !important;color: #172033 !important;text-align: left !important;text-decoration: none !important;box-shadow:0 7px 22px rgba(10, 42, 76, 0.055);opacity: 0;transform: translateY(18px);transition:opacity 0.45s ease,transform 0.28s ease,box-shadow 0.28s ease,border-color 0.28s ease;}
.services-grid .service-card::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 3px;background:linear-gradient(90deg,#0d4f8c,#347bd1,#755be8);transform: scaleX(0);transform-origin: left center;transition: transform 0.3s ease;}
.services-grid .service-card.is-visible {opacity: 1;transform: translateY(0);}
.services-grid .service-card:hover {border-color: #abc5df !important;box-shadow:0 15px 35px rgba(10, 42, 76, 0.11);transform: translateY(-5px);}
.services-grid .service-card:hover::before {transform: scaleX(1);}
.services-grid .service-card .service-card-glow {position: absolute;z-index: 0;inset: 0;pointer-events: none;background:radial-gradient(240px circle at var(--mouse-x)var(--mouse-y),rgba(33, 112, 198, 0.09),transparent 58%);opacity: 0;transition: opacity 0.25s ease;}
.services-grid
.service-card:hover
.service-card-glow {opacity: 1;}
.services-grid
.service-card
.service-card-shape {position: absolute;z-index: 0;top: -45px;right: -42px;width: 115px;height: 115px;border-radius: 50%;background:linear-gradient(135deg,rgba(40, 108, 190, 0.08),rgba(102, 82, 218, 0.04));transition:transform 0.35s ease,opacity 0.35s ease;}
.services-grid
.service-card:hover
.service-card-shape {transform: scale(1.15);}
.services-grid
.service-card
.service-card-top {position: relative;z-index: 1;display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;margin: 0 0 14px !important;}
.services-grid
.service-card
.service-card-icon {display: flex !important;align-items: center;justify-content: center;width: 48px !important;height: 48px !important;flex: 0 0 48px !important;margin: 0 !important;padding: 0 !important;border: 1px solid #dce8f4;border-radius: 12px;background:linear-gradient(145deg,#f0f7ff,#e8f1fb);color: #0b5797;font-size: 21px !important;line-height: 1 !important;box-shadow:0 4px 12px rgba(14, 71, 126, 0.05);transition:transform 0.28s ease,box-shadow 0.28s ease;}
.services-grid
.service-card:hover
.service-card-icon {transform:translateY(-2px)scale(1.05);box-shadow:0 7px 16px rgba(15, 83, 151, 0.11);}
.services-grid
.service-card
.service-card-number {position: absolute !important;top: 2px !important;right: 2px !important;left: auto !important;display: block !important;margin: 0 !important;padding: 0 !important;transform: none !important;color: #c0ccda !important;font-size: 24px !important;line-height: 1 !important;font-weight: 800 !important;letter-spacing: 1px !important;z-index: 3;transition:color 0.25s ease,transform 0.25s ease;}
.services-grid
.service-card:hover
.service-card-number {color: #477aaa !important;transform: translateY(-1px) !important;}
.services-grid
.service-card
.service-card-content {position: relative;z-index: 2;margin: 0 !important;padding: 0 !important;text-align: center;}
.services-grid
.service-card
.service-card-content h2 {margin: 0 0 8px !important;padding: 0 !important;color: #082f5e !important;font-size: 22px !important;line-height: 1.35 !important;font-weight: 700 !important;letter-spacing: 0 !important;transition: color 0.25s ease;}
.services-grid
.service-card:hover
.service-card-content h2 {color: #0b5797 !important;}
.services-grid
.service-card
.service-card-content p {margin: 0 !important;padding: 0 !important;color: #647184 !important;font-size: 13px !important;line-height: 1.55 !important;font-weight: 400 !important;}
.services-grid .service-card .service-card-footer {position: relative;z-index: 2;display: flex !important;align-items: center !important;justify-content: center !important;width: 100% !important;margin: auto 0 0 !important;padding: 15px 0 0 !important;}
.services-grid .service-card .service-card-link {display: inline-flex !important;align-items: center !important;justify-content: center !important;width: auto !important;margin: 0 auto !important;padding: 8px 12px !important;border-radius: 8px !important;background: #edf5fd !important;color: #0b5797 !important;font-size: 12px !important;line-height: 1 !important;font-weight: 700 !important;}
.services-grid
.service-card
.service-card-footer
.service-card-link {display: inline-flex !important;align-items: center !important;justify-content: center !important;width: auto !important;min-width: 0 !important;height: auto !important;gap: 6px !important;margin: 0 !important;padding: 8px 11px !important;border: 0 !important;border-radius: 8px !important;background: #edf5fd !important;color: #0b5797 !important;font-size: 12px !important;line-height: 1 !important;font-weight: 700 !important;letter-spacing: 0 !important;text-transform: none !important;white-space: nowrap;transition:background-color 0.25s ease,color 0.25s ease,transform 0.25s ease;}
.services-grid
.service-card
.service-card-footer
.service-card-link > span {margin: 0 !important;padding: 0 !important;color: inherit !important;font-size: 12px !important;line-height: 1 !important;font-weight: 700 !important;letter-spacing: 0 !important;}
.services-grid
.service-card:hover
.service-card-footer
.service-card-link {background: #0d4f8c !important;color: #ffffff !important;}
.services-grid
.service-card
.service-card-footer
.service-card-link
.service-card-arrow {display: inline-block !important;margin: 0 !important;padding: 0 !important;color: inherit !important;font-size: 13px !important;line-height: 1 !important;font-weight: 700 !important;transition: transform 0.25s ease;}
.services-grid
.service-card:hover
.service-card-arrow {transform: translateX(3px);}
.services-grid
.service-card:focus-visible {outline: 3px solid rgba(13, 84, 143, 0.22);outline-offset: 3px;border-color: #0d548f !important;}
.services-empty {padding: 40px 25px;border: 1px solid #dbe5f0;border-radius: 15px;background: #ffffff;text-align: center;}
.services-empty h2 {margin: 0 0 7px;color: #0b315f;font-size: 20px;font-weight: 700;}
.services-empty p {margin: 0;color: #697689;font-size: 14px;}
@media (max-width: 1199px) {
.services-wrap {width:min(1080px,calc(100% - 32px));}
.services-grid {gap: 16px;}
.services-grid .service-card {min-height: 215px !important;padding: 18px !important;}
.services-grid
.service-card
.service-card-content h2 {font-size: 16px !important;}
.services-grid
.service-card
.service-card-number {font-size: 26px !important;}}
@media (max-width: 991px) {
.services-section {padding: 36px 0 50px;}
.services-heading {margin-bottom: 24px;}
.services-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}
.services-grid .service-card {min-height: 210px !important;}}
@media (max-width: 767px) {
.services-section {padding: 28px 0 42px;}
.services-wrap {width: calc(100% - 24px);}
.services-heading {margin-bottom: 20px;}
.services-heading h1 {font-size: 28px;}
.services-heading p {font-size: 14px;line-height: 1.6;}
.services-grid {grid-template-columns: 1fr;gap: 12px;}
.services-grid .service-card {min-height: 195px !important;padding: 16px !important;border-radius: 13px !important;}
.services-grid .service-card:hover {transform: translateY(-2px);}
.services-grid
.service-card
.service-card-top {margin-bottom: 11px !important;}
.services-grid
.service-card
.service-card-icon {width: 43px !important;height: 43px !important;flex-basis: 43px !important;font-size: 19px !important;}
.services-grid
.service-card
.service-card-number {font-size: 24px !important;}
.services-grid
.service-card
.service-card-content h2 {margin-bottom: 5px !important;font-size: 16px !important;}
.services-grid
.service-card
.service-card-content p {font-size: 12px !important;line-height: 1.5 !important;}.services-grid.service-card.service-card-footer {padding-top: 13px !important;}.services-grid.service-card.service-card-footer.service-card-link {padding: 7px 10px !important;font-size: 11px !important;}.services-grid.service-card.service-card-footer.service-card-link > span {font-size: 11px !important;}.services-grid.service-card.service-card-arrow {font-size: 12px !important;}}
@media (max-width: 420px) {.services-wrap {width: calc(100% - 20px);}.services-heading h1 {font-size: 25px;}.services-grid .service-card {min-height: 190px !important;padding: 14px !important;}}
@media (prefers-reduced-motion: reduce) {.services-grid .service-card,.services-grid .service-card::before,.service-card-shape,.service-card-icon,.service-card-link,.service-card-arrow {transition: none !important;}.services-grid .service-card {opacity: 1;transform: none;}.services-grid .service-card:hover {transform: none;}.service-card-glow {display: none;}}