@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.services-section{padding:40px 0}@media (min-width:768px){.services-section{padding:80px 0}}.services-section{background:url(/images/services/service_bg.png) 0 100%/auto 100% no-repeat}.services-section .services-container{max-width:1380px;margin:0 auto;padding:0 16px}@media (min-width:576px){.services-section .services-container{padding:0 24px}}@media (min-width:992px){.services-section .services-container{padding:0 32px}}.services-section .section-header{text-align:center;margin-bottom:64px}.services-section .section-title{color:#141414;margin-bottom:24px;font-size:24px;font-weight:700}@media (min-width:768px){.services-section .section-title{font-size:34px}}.services-section .section-subtitle{color:#595959;margin:0 auto;font-size:18px;line-height:1.6}.services-section .services-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.services-section .services-grid::-webkit-scrollbar{display:none}.services-section .services-grid>*{scroll-snap-align:start;flex:0 0 75%}@media (min-width:768px){.services-section .services-grid{scroll-snap-type:none;grid-template-columns:repeat(2,1fr);gap:32px;padding-bottom:0;display:grid;overflow-x:visible}.services-section .services-grid>*{flex:none}}@media (min-width:992px){.services-section .services-grid{grid-template-columns:repeat(3,1fr)}}.services-section .service-card{background:#fff;border-radius:6px;flex-direction:column;height:100%;padding:24px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.services-section .service-card .service-content{transition:all .3s;transform:translateY(0)}.services-section .service-card:before{content:"";z-index:0;background:#0079ff;width:100%;height:0%;transition:height .3s;position:absolute;top:0;left:0}.services-section .service-card:hover{box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.services-section .service-card:hover .service-content{transform:translateY(-20px)}.services-section .service-card:hover .service-link{opacity:1;transition:all .3s}.services-section .service-card:hover:before{height:35%}.services-section .service-icon{z-index:2;width:100%;position:relative}.services-section .service-title{color:#141414;text-align:center;margin-top:26px;margin-bottom:16px;font-size:15px;font-weight:700}.services-section .service-description{color:#595959;margin-bottom:24px;font-size:14px;line-height:1.6}.services-section .service-features{color:#595959;flex-wrap:wrap;margin-bottom:24px;font-size:12px;display:flex}.services-section .feature-item{text-align:center;width:50%;margin-bottom:12px}.services-section .service-link{opacity:0;color:#fff;background-color:#0079ff;border-radius:6px;width:fit-content;margin:auto;padding:10px 20px}.services-section .service-link:hover{background-color:#001eff}.services-section .cta-text{text-align:center;color:#595959;margin:32px;font-size:18px}.services-section .cta-buttons{text-align:center}.services-section .cta-btn-primary,.services-section .cta-btn-secondary{cursor:pointer;border-radius:6px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.services-section .cta-btn-primary{color:#fff;background:#1677ff;margin-right:16px}.services-section .cta-btn-primary:hover{background:#4096ff;box-shadow:0 12px 24px #3b82f640}.services-section .cta-btn-secondary{color:#1677ff;background:#fff;border:2px solid #1677ff}.services-section .cta-btn-secondary:hover{color:#fff;background:#1677ff}
