.hero .info h2:after {
   background: unset;
   height: unset;
 }

 .hero .info h2 {
   padding-bottom: 0px;
 }

 .header .logo img {
   max-height: 50px;
   margin-right: 0px;
 }

 .scrolled .header {
   background-color: rgb(55 55 55 / 50%);
   box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
 }

 @media (max-width: 768px) {
   .hero {
     width: 100%;
     position: relative;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
   }

   .hero .info {
     padding: 100px 50px 60px 50px;
     position: relative;
     inset: 0;
     z-index: 2;
   }

   .hero .carousel {
     inset: 0;
     position: absolute;
     overflow: hidden;
   }
 }