:root{--velo-navy: #122442;--velo-blue-light: #4A6FA5;--velo-gray-light: #F4F6F8;--velo-gray-border: #E5E5E5}.velo-details-section{padding:8rem 0;background:var(--velo-gray-light);font-family:var(--font-body-family),sans-serif}.velo-det-header{text-align:center;max-width:620px;margin:0 auto 5rem}.velo-det-heading{font-size:6.4rem;font-weight:800;line-height:1.05;color:var(--velo-navy, #122442);font-family:Jost,sans-serif!important;margin:0 0 1.5rem;letter-spacing:-.02em}.velo-det-heading span{font-weight:300;display:block;font-size:3.6rem;margin-bottom:.5rem}.velo-det-subheading{font-size:1.4rem;color:#666;margin:0;line-height:1.5}.velo-det-layout{width:100%}.velo-det-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2.5rem}@media screen and (min-width:750px){.velo-det-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){.velo-det-grid{grid-template-columns:repeat(3,1fr);gap:3rem}}.velo-det-card{background:#fff;border-radius:16px;border:1px solid var(--velo-gray-border);padding:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.velo-det-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--velo-blue-light)}.velo-det-card-icon-wrap{flex-shrink:0;width:64px;height:64px;border-radius:50%;background:var(--velo-gray-light);display:flex;align-items:center;justify-content:center;color:var(--velo-navy);transition:all .3s ease}.velo-det-card:hover .velo-det-card-icon-wrap{background:var(--velo-navy);color:#fff;transform:scale(1.1)}.velo-det-card-icon-wrap svg{width:28px;height:28px;stroke-width:2.5}.velo-det-card-body{flex:1}.velo-det-card-title{font-size:2rem;font-weight:700;color:var(--velo-navy);margin:0 0 1rem;font-family:Jost,sans-serif!important;line-height:1.2}.velo-det-card-desc{font-size:1.5rem;color:#666;margin:0;line-height:1.6}@media screen and (max-width:989px){.velo-det-heading{font-size:3.6rem}}@media screen and (max-width:749px){.velo-det-heading{font-size:2.8rem}.velo-det-card{padding:2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/velo-details-grid.css.map */