.section1 {
    background-color: #f0fbf8;
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    height: 320px;
}
.section1 img {
   width: 320px;
}
.section1 .left h1{
    font-size: 28px;
    font-weight: 800;
    line-height: 1.3;
}
.section1 .left h1 span{
    font-size: 28px;
    font-weight: 800;
    color: #37b58a;
}
.section1 .left p{
    font-size: 18px;
    color: #646665;
    margin-top: 30px;
}
.section2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 20px 40px;
    border-bottom: 10px solid #f4f4f4;
    margin-top: 20px;
}

.section2 .btn1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fcfaf4;
    border-radius: 15px;
}

.section2 .btn1 p {
    font-size: 20px;
    font-weight: 600;
}

.section2 .btn1 h3 {
    font-size: 23px;
    font-weight: 800;
    color: #fcc23f;
    margin-top: 8px;
}

.section2 .btn1 .left {
    display: flex;
    flex-direction: column;
}

.section2 .btn1 img {
    width: 100px;
    height: 100px;
}

.section2 .btn2, .btn3, .btn4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(33.333% - 13.4px);
    box-sizing: border-box;
    text-align: center;
    padding: 2rem;
    border-radius: 15px;
}

.section2 .btn3 {
    background-color: #e8f7ff;
}
.section2 .btn4 {
    background-color: #f3fcec;
}
.section2 .btn3 h3 {
    color: #66c7f2;
    font-size: 23px;
    font-weight: 800;
    margin-top: 20px;
    line-height: 1.3;
}
.section2 .btn4 h3 {
    color: #a9ca82;
    font-size: 23px;
    font-weight: 800;
    margin-top: 20px;
    line-height: 1.3;
}
.section2 .btn2 {
    background-color: #fff2f6;
}
.section2 .btn2 h3 {
    color: #f5a6d5;
    font-size: 23px;
    font-weight: 800;
    margin-top: 20px;
    line-height: 1.3;
}

.section2 .btn2 img, .btn3 img, .btn4 img, .btn5 img, .section3 .btn5 img, .btn6 img {
    width: auto;
    height: 100px;
}
.section3 {
    padding: 40px 20px 40px;
}
.section3 h2{
    font-size: 20px;
    font-weight: 800;
}
.section3 .btn_wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 20px;
}
.section3 .btn5, .btn6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(50% - 12.5px);
    box-sizing: border-box;
    text-align: center;
    padding: 2rem;
    border-radius: 15px;

}
.section3 .btn5 {
    background-color: #c8ccfa;
}
.section3 .btn5 h3, .section3 .btn6 h3  {
    color: #fff;
    font-size: 23px;
    font-weight: 800;
    margin-top: 20px;
    line-height: 1.3;
}
.section3 .btn6 {
    background-color: #f98f8f;
}

@media screen and (max-width: 900px) {
    .section1 {
    height: 280px;
}
   .section1 .left h1 {
       font-size: 20px;
       white-space: nowrap;
       line-height: 1.3;
   }
   .section1 .left h1 span {
       font-size: 20px;
   }
   .section1 .left p {
       font-size: 16px;
       line-height: 1.3;
   }
   .section1 img {
       width: 180px;
   }
   .section2 {
       display: flex;
       flex-wrap: wrap;
       gap: 20px;
       padding: 20px 20px 40px;
       border-bottom: 10px solid #f4f4f4;
       margin-top: 10px;
   }
   .section2 .btn2 img, .btn3 img, .btn4 img, .btn5 img, .section3 .btn5 img, .btn6 img {
       width: auto;
       height: 60px;
   }
   .section2 .btn1 p {
       font-size: 16px;
   }
   .section2 .btn1 h3 {
    font-size: 16px;
   }
   .section2 .btn2 h3 {
       font-size: 16px;
   }
   .section2 .btn3 h3 {
     font-size: 16px;
   }
   .section2 .btn4 h3 {
     font-size: 16px;
   }
   .section3 h2 {
       font-size: 18px;
   }
   .section3 .btn_wrap {
       gap: 25px;
   }
   .section3 .btn5 h3, .section3 .btn6 h3 {
       font-size: 16px;
   }
 }