.services9 .box-container9{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem}.services9 .box-container9 .box9{box-shadow:var(--box-shadow);border-radius:.5rem;overflow:hidden;height:480px;position:relative}.services9 .box-container9 .box9:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black);opacity:.5;transition:.5s ease}.services9 .box-container9 .box9 img{width:100%;height:100%;transition:transform .5s ease}.services9 .box-container9 .box9:hover img{transform:scale(1.1)}.services9 .box-container9 .box9 .content3{position:absolute;bottom:0;left:0;right:0;padding:2rem;text-align:center;z-index:1;transition:transform .5s ease}.services9 .box-container9 .box9:hover .content3{transform:translateY(-2rem)}.services9 .box-container9 .box9 .content3 h3{font-size:1.8rem;font-weight:600;margin-bottom:9px;text-align:center;color:var(--white)}.services9 .box-container9 .box9 .content3 .btn35{padding:5px 13px;margin:2px;font-weight:550;position:relative;border-radius:5px;transition:background .3s,color .3s}.services9 .box-container9 .box9 .content3 .btn35:hover{background-color:#fff}.services9 .box-container9 .box9 .content3 .btn35:after{content:"";position:absolute;bottom:-2rem;left:0;width:100%;height:.2rem;background:var(--white);transform:scaleX(0);transform-origin:center;transition:transform .5s ease}.services9 .box-container9 .box9:hover .content3 .btn35:after{transform:scaleX(1)}@media screen and (width < 550px){.services9 .box-container9 .box9 .content3 h3{font-weight:600;margin-left:-.4rem;font-size:1.7rem;text-align:center;color:var(--white)}}@media screen and (width < 370px){.services9 .box-container9{display:flex;flex-direction:column;justify-content:center;align-items:center}}