.service-container{width:80%;margin:0 auto;background:#f4f4f4;padding:20px 100px 100px;position:relative}.service-header{color:red;margin-top:25px;font-size:30px;display:flex;justify-content:center;align-items:center;font-weight:400}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding:20px 10px}.service-card{background-color:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center;transition:transform .3s ease;cursor:pointer;height:180px;width:100%;display:flex;flex-direction:column;justify-content:center}.service-card:hover{transform:translateY(-8px)}.service-icon{font-size:28px;margin-bottom:8px}.service-icon img{width:50px;height:50px;object-fit:contain}.service-title{font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap}.service-desc,.service-title{overflow:hidden;text-overflow:ellipsis}.service-desc{font-size:12px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.service-card-static{margin:0 auto;width:25%}@media (max-width:786px){.service-card{display:block;margin-bottom:20px}}@media (max-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}.service-container{padding:20px}.service-card-static{width:100%;margin:20px auto 0}}@media (max-width:738px){.service-card{height:143px}}@media (max-width:480px){.services-grid{grid-template-columns:1fr}}@media (max-width:1024px){.service-container{width:100%;margin:0 auto;background:#f4f4f4;position:relative;padding-bottom:30px;padding-top:8px}}@media (max-width:848px){.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:13px;padding:20px 0}}@media (max-width:680px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:440px){.services-grid{grid-template-columns:repeat(1,1fr)}}