/* BASIC css start */
#content{padding: 70px 0;}

#content>section>img{width:100%; border-radius: 20px;}
#content>section>.textBox{text-align: center; margin-top: 50px;}
#content>section>.textBox>p{font-size: 15px; line-height: 30px;}
#content>section>.textBox>p>span{font-size: 15px; font-weight:bold; color:#9CB01B}


#content2{padding: 70px 0; background-color: #F2F2F2}
#content2>section>.cardBox{display: flex; flex-wrap: wrap; gap: 30px;}
#content2>section>.cardBox>.card{width:calc(33.33% - 20px);padding: 50px 0;box-sizing: border-box;border: 1px solid #C1C1C1;border-radius: 10px;background-color: #fff;text-align: center;}
#content2>section>.cardBox>.card>img{width:50px;}
#content2>section>.cardBox>.card>h3{font-size: 20px; font-weight:bold; margin:20px 0 10px 0}
#content2>section>.cardBox>.card>p{font-size: 15px; color: #3D3D3D}

@media screen and (max-width:1300px) {
    .mid{width:1000px;}
}
@media screen and (max-width:1050px) {
    .mid{width:800px;}

}
@media screen and (max-width:768px) {
    br{display:none;}
    
    .mid{width: 90%; padding:0;}
    .category_min{width: 100%;}
    #content2>section>.cardBox{gap:50px;}
    #content2>section>.cardBox>.card{width: 100%;}
    
}
/* BASIC css end */