.services6 .box-container4{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem}*{font-family:Poppins,sans-serif}.services6 .box-container4 .box7{position:relative;background:#000;padding:2rem;border-radius:.5rem;padding-block-start:3rem;margin-block-start:4rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);color:#fff}.services6 .box-container4 .box7:hover{background:#000}.services6 .box-container4 .box7 .card-number{position:absolute;top:0;left:2.5rem;transform:translateY(-50%);background:#fff;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:600;padding-block:.5rem;min-width:5rem;text-align:center;border-radius:.5rem;transition:.25s ease}.services6 .box-container4 .box7:hover .card-number{color:#000}.services6 .box-container4 .box7 h3{font-size:1.7rem;line-height:1.3;color:#fff}.services6 .box-container4 .box7 p{font-size:1.2rem;color:#fff;margin:.5rem 0}.services6 .box-container4 .box7 :is(h3,p){transition:.25s ease}.services6 .box-container4 .box7:hover :is(h3,p){color:#fff}