.section3 {
       padding: 75px 0;
       width: 100%;
       height: 100%;
       position: relative;
       overflow: hidden;
   }

   .Title3 h1 {
       font-weight: bold;
       text-align: center;
       color: var(--color2);
       font-size: 50px;
   }

   .Title3 h2 {
       margin-top: 5px;
       font-weight: bold;
       text-align: center;
       color: var(--color);
       font-size: 26px;
   }

   .Box3 {
       margin-top: 45px;
       width: 100%;
       height: 100%;
       z-index: 2;
       position: relative;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
   }

   .Swiper3 {
       padding: 0 160px;
       width: 100%;
       position: relative;
       overflow: hidden;
   }

   .Slide3 {
       width: 100%;
       display: flex;
       flex-wrap: wrap;
   }

   .Slide3 .img3 {
       width: 53%;
   }

   .Slide3 .img3 img {
       width: 100%;
   }

   .Slide3 .text3 {
       width: 50%;
       height: 100%;
       background: url(/assets/images/img2.png) no-repeat center;
       background-size: 100% 100%;
       padding: 0 120px;
       position: absolute;
       right: 0;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   .Slide3 .text3 h1 {
       background: url(/assets/images/img3.png) no-repeat center;
       background-size: 100% 100%;
       font-size: 28px;
       color: var(--color2);
       font-weight: bold;
       padding: 5px 15px;
   }

   .Slide3 .text3 h2 {
       padding: 15px;
       font-size: 15px;
       color: #fff;
   }

   .Slide3 .text3 a {
       display: flex;
       align-items: center;
       justify-content: center;
       background: #fff;
       border: 1px solid #fff;
       width: 160px;
       height: 50px;
       border-radius: 50px;
       transition: 0.5s;
       margin: 0 15px;
   }

   .Slide3 .text3 a:hover {
       border: 1px solid var(--color);
       background: var(--color);
       color: #fff;
   }

   .next3,
   .prev3 {
       width: 50px;
       height: 50px;
       border-radius: 50%;
       background: rgba(0, 0, 0, 0.3);
       margin: 0;
       top: 50%;
       transform: translateY(-50%);
   }

   .prev3::after,
   .next3::after {
       font-size: 20px;
       color: #fff;
   }

   .next3:hover,
   .prev3:hover {
       background: var(--color2) !important;
   }

   @media (max-width: 1600px) {
       .Swiper3 {
           padding: 0 75px;
       }

   }

   @media (max-width: 1440px) {
       .Slide3 .text3 h1 {
           font-size: 24px;
       }

       .Slide3 .text3 {
           padding: 0 60px;
       }
   }

   @media (max-width: 1200px) {
       .Title3 h1 {
           font-size: 38px;
       }

       .Title3 h2 {
           font-size: 24px;
       }

       .Swiper3 {
           padding: 0;
       }

       .Slide3 .img3 {
           width: 40%;
       }

       .Slide3 .img3 img {
           width: 100%;
           height: 100%;
           object-fit: cover;
       }

       .Slide3 .text3 {
           background: var(--color2);
           position: relative;
           width: 60%;
           padding: 30px;
       }

       .Slide3 .text3 h1 {
           font-size: 18px;
       }

       .Slide3 .text3 h2 {
           padding: 15px 0;
           font-size: 14px;
       }

       .Slide3 .text3 a {
           width: 140px;
           height: 45px;
           margin: 0;
       }

       .next3,
       .prev3 {
           width: 40px;
           height: 40px;
       }
   }

   @media (max-width: 720px) {
       .Title3 h1 {
           font-size: 28px;
       }

       .Title3 h2 {
           font-size: 18px;
       }

       .Slide3 .img3 {
           width: 100%;
       }

       .Slide3 .text3 {
           width: 100%;
       }

       .Slide3 .text3 a {
           width: 120px;
           height: 40px;
           font-size: 14px;
       }
   }

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

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