/* Section3 */
   .section3 {
       display: block;
       background: #FAFAF8;
   }

   .Box3 {
       position: relative;
       width: 100%;
       z-index: 2;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
   }

   .lt3 {
       width: 48%;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       grid-gap: 30px;
   }

   .lt3 .BaseTitle h1 {
       display: flex;
       flex-wrap: wrap;
       grid-gap: 30px;
       line-height: 50px;
   }

   .lt3 .BaseTitle h1 b {
       display: flex;
       font-size: 16px;
       color: #fff;
       padding: 0px 25px;
       background: var(--color);
       align-items: center;
   }

   .desc3 {
       color: #707070;
       font-size: 18px;
       line-height: 1.75;
   }

   .Number {
       border-top: 1px solid #E8E4DF;
       padding-top: 30px;
       display: flex;
       justify-content: space-between;
   }

   .item3 h1 {
       margin-bottom: 5px;
       display: flex;
       grid-gap: 10px;
       color: #2C2C2C;
       font-size: 36px;
   }

   .item3 h1 p {
       font-family: "Playfair Display";
   }

   .item3 h1 b {
       font-weight: 500;
       font-family: "Playfair Display";
   }

   .item3 h2 {
       color: #707070;
       font-size: 12px;
       letter-spacing: 1.44px;
   }

   .rt3 {
       width: calc(50% - 90px);
       position: relative;
   }

   .rt3>img {
       position: relative;
       z-index: 1;
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .rt3 .More3 {
       width: 175px;
       height: 175px;
       background: rgba(31, 38, 143, 0.80);
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       grid-gap: 15px;
       position: absolute;
       z-index: 2;
       left: -75px;
       bottom: -45px;
       color: #FFF;
       text-align: center;
       font-size: 14px;
       line-height: 1.5;
       letter-spacing: 2.1px;
       transition:0.5s;
   }

   .rt3 .More3:hover{
       color: var(--color);
       background: rgb(255 255 255);
       box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
   }

   .rt3 .More3 img {
       filter: invert(1);
   }


   @media (max-width: 1440px) {
       .lt3 {
           width: 50%;
       }

       .Number {
           grid-gap: 30px;
       }
   }

   @media (max-width: 1200px) {
       .lt3 {
           width: 50%;
       }

       .lt3 .BaseTitle h1 {
           grid-gap: 15px;
           line-height: 1;
           font-size: 38px;
       }

       .desc3 {
           font-size: 14px;
           line-height: 1.5;
       }

       .Number {
           flex-wrap: wrap;
           justify-content: flex-start;
           grid-gap: 15px 0;
       }

       .item3 {
           width: 50%;
       }

       .item3 h1 {
           font-size: 30px;
       }

       .rt3 {
           width: calc(50% - 30px);
       }

       .rt3 .More3 {
           width: 120px;
           height: 120px;
           left: -45px;
           bottom: -45px;
           font-size: 12px;
           letter-spacing: 0px;
       }
   }

   @media (max-width: 900px) {
       .lt3 {
           width: 100%;
           grid-gap: 15px;
       }

       .lt3 .BaseTitle h1 {
           max-width: 450px;
           width: 100%;
       }

       .Number {
           padding-top: 5px;
           justify-content: space-between;
       }

       .item3 {
           width: auto;
       }

       .rt3 {
           margin-top: 30px;
           width: 100%;
       }

       .rt3 .More3 {
           left: 50%;
           transform: translateX(-50%);
       }
   }


   @media (max-width: 600px) {
       .lt3 .BaseTitle h1 {
           font-size: 28px;
       }
   }