.view-details .arrow,.view-details .vlabel{color:#1c638d;transition:color .4s;font-weight:700}.card-description p,.service-title,.view-details .vlabel,body{font-family:'Work Sans',sans-serif}*{margin:0;padding:0;box-sizing:border-box}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-card{overflow:hidden;position:relative;cursor:pointer}.card-top{display:flex;flex-direction:row;align-items:flex-start;width:100%;height:248px;position:relative}.card-image{flex:1 1 auto;height:100%;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.service-card:hover .card-image img{transform:scale(1.06)}.view-details{flex:0 0 36px;height:148px;align-self:flex-start;background:#f0f0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .4s}.service-card:hover .view-details{background:linear-gradient(135deg,#e17416 0,#f97809 100%)}.view-details .vlabel{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.service-card:hover .view-details .arrow,.service-card:hover .view-details .vlabel{color:#fff}.view-details .arrow{font-size:16px;line-height:1}.card-content-wrap{position:relative;background:#fff;border:1px solid #ddd;transform:translateY(0);transition:transform .4s}.service-card:hover .card-content-wrap{transform:translateY(-62px)}.card-content{display:flex;align-items:center;gap:18px;padding:18px 16px;min-height:92px;background:#fff}.icon-box{flex-shrink:0;width:66px;height:66px;background:linear-gradient(135deg,#e17416 0,#f97809 100%);display:flex;align-items:center;justify-content:center;border-radius:3px}.icon-box svg{width:34px;height:34px}.service-title{font-size:18px;font-weight:700;color:#1a1a1a;letter-spacing:.4px;line-height:1.22;transition:color .4s}.service-card:hover .service-title{color:#e8890c}.card-description{padding:0 16px 8px;background:#fff;max-height:0;overflow:hidden;opacity:0;transition:opacity .25s .15s,max-height .4s}.service-card:hover .card-description{opacity:1;max-height:80px}.card-description p{font-size:16px;color:#777;line-height:1.5}@media (max-width:767px){.services-grid{grid-template-columns:1fr}.card-top{height:200px}.view-details{height:120px}.view-details .arrow{font-size:12px}.view-details .vlabel{font-size:8px;font-weight:700}}@media (max-width:1024px) and (min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}