.section2 {
       background: #f3f3f3;
       position: relative;
       overflow: hidden;
   }

   .box2 {
       display: flex;
       grid-gap: 20px;
   }

   .list2 {
       background: #fff;
       width: calc(50% - 10px);
       position: relative;
   }

   .text2 {
       background: #fff;
       padding: 45px 30px;
       padding-top: 40px;
   }

   .text2 h1 {
       font-size: 24px;
       font-weight: bold;
       line-height: 1.5;
   }

   .text2 h2 {
       font-size: 16px;
       line-height: 2;
       margin: 5px 0 30px;
   }

   .text2 a {
       width: 175px;
       height: 45px;
       background: var(--color1);
       color: #fff;
       border-radius: 3px;
       display: flex;
       align-items: center;
       justify-content: center;
   }

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

   @media (max-width: 720px) {
       .box2 {
           display: flex;
           grid-gap: 20px;
           flex-wrap: wrap;
       }

       .list2 {
           width: 100%;
           position: relative;
           background: #fff;
       }

       .text2 h1 {
           font-size: 22px;
       }
   }


   @media (max-width: 460px) {
       .text2 h1 {
           font-size: 18px;
       }

       .text2 h2 {
           opacity: 0.5;
           font-size: 14px;
           line-height: 1.5;
       }

       .text2 {
           padding: 30px 20px;
       }

       .text2 a {
           font-size: 12px;
           width: 140px;
           height: 35px;
       }
   }