.section4 {
     padding: 0;

 }

 .box4 {
     overflow: hidden;
     display: flex;
     flex-wrap: wrap;
 }

 .box4 .title {
     position: relative;
     z-index: 2;
     width: 30%;
     background: var(--color);
     padding-left: var(--paddingLeft);
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .box4 .title .top {
     margin-bottom: 120px;
     color: #FFF;
     font-family: DIN;
     font-size: 58px;
     font-weight: 700;
     line-height: 1;
     text-transform: uppercase;
 }

 .box4 .title .top h1 {
     color: #FFF;
     font-family: DIN;
     font-size: 88px;
     font-weight: 700;
     line-height: 1.5;
     text-transform: uppercase;
 }

 .box4 .title .desc {
     color: #EFEFEF;
     font-size: 16px;
     line-height: 1.5;
     text-transform: capitalize;
 }

 .box4 .title .desc h1 {
     font-size: 18px;
     line-height: 1;
     margin-bottom: 30px;
 }

 .box4 .box4Swiper {
     position: relative;
     z-index: 1;
     width: 70%;
 }

 .box4Slide {
     background: #F5F5F5;
 }

 .box4Slide img {
     width: 100%;
 }

 .box4Slide h1 {
     height: 240px;
     color: #8A8A8A;
     font-size: 16px;
     line-height: 1.5;
     text-transform: capitalize;
     padding-left: 120px;
     width: 600px;
     display: flex;
     align-items: center;
 }

 .box4Prev {
     width: 120px;
     height: 60px;
     background: url(/assets/images/prve.png) no-repeat center;
     background-color: #FFF;
     opacity: 1;
     position: absolute;
     left: auto;
     right: calc(var(--positionRight) + 120px);
     top: auto;
     bottom: 90px;
     margin: 0;
 }

 .box4Next {
     width: 120px;
     height: 60px;
     background: url(https://ss-res-us.oss-us-west-1.aliyuncs.com/site_res/180/20240119161202_gyavuAbG.png) no-repeat center;
     background-color: var(--color);
     opacity: 1;
     position: absolute;
     z-index: 2;
     left: auto;
     right: var(--positionRight);
     top: auto;
     bottom: 90px;
     margin: 0;
 }

 .box4Next:after,
 .box4Prev:after {
     display: none;
 }

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

 @media (max-width: 1440px) {
     .box4Slide h1 {
         width: 500px;
     }
 }

 @media (max-width: 1200px) {
     .box4Slide h1 {
         padding-left: 60px;
         width: 400px;
     }
 }

 @media (max-width: 992px) {
     .box4 .title {
         width: 100%;
         padding: 45px 0;
     }

     .box4 .box4Swiper {
         width: 100%;
     }

     .box4 .title .top {
         margin-bottom: 60px;
         font-size: 42px;
         text-align: center;
     }

     .box4 .title .top h1 {
         font-size: 72px;
         line-height: 1;
         padding-bottom: 30px;
     }

     .box4 .title .desc {
         text-align: center;
     }
 }

 @media (max-width: 640px) {
     .box4 .title .top {
         font-size: 32px;
     }

     .box4 .title .top h1 {
         font-size: 48px;
     }

     .box4Slide h1 {
         padding: 0;
         width: 100%;
         height: auto;
         padding: 30px;
         padding-bottom: 60px;
         text-align: center;
     }


     .box4Prev {
         width: 50%;
         height: 30px;
         bottom: 0;
         left: 0;
     }

     .box4Next {
         width: 50%;
         height: 30px;
         bottom: 0;
         right: 0;
     }
 }