@media screen and (min-width: 1024px) {
     div.first-about-us-box .hero-top-bar-content._1.about-us-second-content, div.first-about-us-box .about-us-second-content {
         height: 0;
         padding: 0;
         opacity: 0;
         transform: translateY(10px);
         overflow: hidden;
         transition: height 0.4s ease-in-out, padding 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    }
     div.first-about-us-box:not(._2) div.about-us-hedding-part:hover + div.about-us-content-part .about-us-second-content {
         height: 120px;
         opacity: 1;
         transform: translateY(0);
    }
     div.first-about-us-box._2 div.about-us-hedding-part:hover div.about-us-content-part._2 .about-us-second-content {
         height: 120px;
         opacity: 1;
         transform: translateY(0);
    }
     div.first-about-us-box div.about-us-content-part {
         opacity: unset;
    }
     div.hero-top-bar-content._1._2.your-transformation-content {
         height: 0;
         padding: 0;
         opacity: 0;
         transform: translateY(10px);
         overflow: hidden;
         transition: height 0.4s ease-in-out, padding 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    }
     div.four-dimensions-point.your-transformation:hover div.hero-top-bar-content._1._2.your-transformation-content {
         height: 100px;
         opacity: 1;
         transform: translateY(0);
    }
}
 

.inl-1{opacity:0}

.inl-2{opacity:0}

.inl-3{opacity:0}