.section4 {
       width: 100%;
       overflow: hidden;
   }


   .Box4 {
       width: 100%;
       height: 600px;
       position: relative;
   }

   .Box4 div {
       opacity: 1 !important;
   }

   .Box4 div::after {
       display: block;
       width: 290px;
       height: 80px;
       border-radius: 50px;
       background: rgba(255, 255, 255, 0.3);
       border: 1px solid #E9E9E9;
       box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
       border-radius: 50px;
       padding: 0 40px;
       display: flex;
       align-items: center;
       font-size: 16px;
       line-height: 1.5;
       text-align: left;
       position: absolute;
       left: 80%;
       bottom: 30px;
       opacity: 0;
       transition: 0.5s;
   }

   .Box4 div:hover::after {
       opacity: 1;
   }

   .Box4 div:nth-child(1) {
       width: 200px !important;
       height: 200px !important;
   }

   .Box4 div:nth-child(2) {
       width: 170px !important;
       height: 170px !important;
   }

   .Box4 div:nth-child(3) {
       width: 165px !important;
       height: 165px !important;
   }

   .Box4 div:nth-child(4) {
       width: 185px !important;
       height: 185px !important;
   }

   .Box4 div:nth-child(5) {
       width: 228px !important;
       height: 228px !important;
   }

   .Box4 div:nth-child(6) {
       width: 171px !important;
       height: 171px !important;
   }

   @media (max-width: 900px) {
       .Box4 {
           height: 500px;
       }

       .Box4 div:nth-child(1) {
           width: 150px !important;
           height: 150px !important;
       }

       .Box4 div:nth-child(2) {
           width: 120px !important;
           height: 120px !important;
       }

       .Box4 div:nth-child(3) {
           width: 100px !important;
           height: 100px !important;
       }

       .Box4 div:nth-child(4) {
           width: 125px !important;
           height: 125px !important;
       }

       .Box4 div:nth-child(5) {
           width: 180px !important;
           height: 180px !important;
       }

       .Box4 div:nth-child(6) {
           width: 120px !important;
           height: 120px !important;
       }

       .Box4 div::after {
           display: block;
           width: 210px;
           height: 60px;
           padding: 0 15px;
           display: flex;
           align-items: center;
           font-size: 14px;
           left: 80%;
           bottom: 15px;
           opacity: 0;
       }
   }


   @media (max-width: 600px) {
       .Box4 {
           height: 500px;
       }

       .Box4 div:nth-child(1) {
           width: 100px !important;
           height: 100px !important;
       }

       .Box4 div:nth-child(2) {
           width: 60px !important;
           height: 60px !important;
       }

       .Box4 div:nth-child(3) {
           width: 70px !important;
           height: 70px !important;
       }

       .Box4 div:nth-child(4) {
           width: 100px !important;
           height: 100px !important;
       }

       .Box4 div:nth-child(5) {
           width: 120px !important;
           height: 120px !important;
       }

       .Box4 div:nth-child(6) {
           width: 90px !important;
           height: 90px !important;
       }

       .Box4 div::after {
           display: none;
       }
   }

   @media (max-width: 480px) {}