.AboutHeroBg{background-image:url(../media/abouthero.0xmpwfeu-034n.webp);background-repeat:no-repeat;background-size:cover;height:500px}.heroContent{margin-top:250px;position:absolute;left:50%;transform:translate(-50%,-50%)}.MainHead{font-size:52px}.AboutMobHeroBg{background-image:url(../media/abouthero.0xmpwfeu-034n.webp);background-repeat:no-repeat;background-size:cover;height:400px}
.desktop-only,.mobile-only{display:none}.MainAboutHead{font-size:52px}.list-item{cursor:pointer;padding:8px 0;transition:all .4s;position:relative}.titleAb{font-size:40px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:inline-block}.list-item:hover .titleAb,.list-item.active .titleAb{transform:translate(130px)}.hover-image-wrapper{opacity:0;visibility:hidden;z-index:10;pointer-events:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:35%;left:-10px;transform:translateY(-50%)rotate(-50deg)}.list-item:nth-child(2n) .hover-image-wrapper,.list-item:nth-child(odd) .hover-image-wrapper{transform:translateY(-50%)rotate(-10deg)}.list-item:nth-child(2n):hover .hover-image-wrapper,.list-item:nth-child(2n).active .hover-image-wrapper{opacity:1;visibility:visible;transform:translateY(-50%)rotate(-20deg)scale(1.05)}.list-item:nth-child(odd):hover .hover-image-wrapper,.list-item:nth-child(odd).active .hover-image-wrapper{opacity:1;visibility:visible;transform:translateY(-50%)rotate(20deg)scale(1.05)}@media (min-width:992px){.desktop-only{display:block}}@media (max-width:991px){.mobile-only{display:block}}@media (max-width:768px){.MainAboutHead{font-size:32px}.titleAb{font-size:22px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:inline-block}.list-item:hover .titleAb,.list-item.active .titleAb{transform:translate(0)}.hover-image-wrapper{opacity:0;visibility:hidden;z-index:10;pointer-events:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:35%;transform:translateY(-50%)rotate(-50deg)}.list-item:nth-child(2n) .hover-image-wrapper,.list-item:nth-child(odd) .hover-image-wrapper{transform:translateY(-50%)rotate(-10deg)}.list-item:nth-child(2n):hover .hover-image-wrapper,.list-item:nth-child(2n).active .hover-image-wrapper{opacity:1;visibility:visible;transform:translateY(-50%)rotate(-20deg)scale(1.05)}.list-item:nth-child(odd):hover .hover-image-wrapper,.list-item:nth-child(odd).active .hover-image-wrapper{opacity:1;visibility:visible;transform:translateY(-50%)rotate(20deg)scale(1.05)}}