.aboutus-header-container{text-align:center}.aboutus-header{margin:0 auto;position:relative;display:inline-block}.aboutus-header:after{content:"";position:absolute;bottom:-2px;left:0;width:35rem;height:2.5px;background:linear-gradient(black,transparent);transform:translateX(-150%);opacity:0}.aboutus-header.visible:after{animation:slideLine 2s forwards}.aboutus-header.visible{animation:slideLeft 2s forwards}@keyframes slideLine{to{transform:translateX(0);opacity:1}}@keyframes slideLeft{to{transform:translateX(calc(-50vw + 70%))}}.aboutus-content{display:flex;margin-top:2rem}.aboutus-text{margin:0 4rem;width:40%;text-align:left;opacity:0}.aboutus-text h3{margin-bottom:1rem}.aboutus-text.visible{animation:fadeIn 1s forwards;animation-delay:1s}@keyframes fadeIn{to{opacity:1}}.aboutus-images-container{position:relative;width:40%;max-width:40%;height:auto;opacity:0}.aboutus-images-container.visible{animation:Up 2s forwards;animation-delay:2s}.aboutus-image{position:absolute;border-radius:20px;width:40%;height:auto}.image1{bottom:1rem;right:2rem}.image2{top:0;left:1rem}@keyframes Up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.aboutus-header:after{width:20rem;margin:0 3rem 0 0}.aboutus-content{margin-top:1rem;flex-direction:column;display:block}.aboutus-text{margin:0 auto;width:83%}.aboutus-images-container{width:350px;max-width:100%;height:250px;max-height:350px;margin:2rem auto 0;overflow:hidden}.image1{bottom:0;right:1rem}.image1,.image2{width:40%;max-width:40%}.image2{top:0;left:1rem}}.liikkeet-header{text-align:center;position:relative}.liikkeet-header:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:32%;height:2px;background:linear-gradient(135deg,transparent,#000000d6,transparent)}.location-list{padding-top:2rem;margin:0 auto;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.location-list li{padding:.5rem 1rem;background:#000;color:#fff;border-radius:10px;transition:transform .3s ease-in-out,background .3s ease-in-out,color .3s ease-in-out}.location-list li:hover{transform:translateY(-5px)}.container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:50px;gap:50px;padding:50px;height:auto}.barber-card{width:100%;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 2px 0 #0000004e;opacity:0;transform:translateY(50px);transition:opacity .5s ease-out,transform .5s ease-out}.barber-card.visible{opacity:1;transform:translateY(0)}.image{width:100%;height:400px;object-fit:cover}.details{padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.details-text{text-align:left}.details-text h3{margin-bottom:.3rem;text-transform:uppercase}.details-text p{margin-bottom:.4rem}@media (max-width:900px){.liikkeet-header:after{width:65%}.location-list{padding-top:2rem;margin:0 1.3rem;gap:1rem}.location-list li{padding:.4rem .7rem;border-radius:5px}.container{display:flex;flex-direction:row;height:430px;max-height:430px;overflow-x:auto;overflow-y:hidden;gap:20px;padding:30px 20px 0 25px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.details{padding:10px}.container::-webkit-scrollbar{display:none}.barber-card{flex:0 0 89%;max-width:400px;height:390px;max-height:390px}.image{height:300px;max-height:300px}}