.jsSectionMethod .method{padding:80px 20px}@media screen and (max-width:767px){.jsSectionMethod .method{padding:60px 0}}.jsSectionMethod .method>.title{margin-bottom:30px;text-align:center}.jsSectionMethod .method>.title h2{margin-bottom:20px;font:bold 36px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}
@media screen and (max-width:767px){.jsSectionMethod .method>.title h2{font-size:30px}}.jsSectionMethod .method>.title p{font:normal 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}
@media screen and (max-width:767px){.jsSectionMethod .method>.title p{font-size:18px}}.jsSectionMethod .method>.content{display:flex;max-width:1000px;padding:0 30px 0 0;margin:100px auto 0}@media screen and (max-width:767px){.jsSectionMethod .method>.content{flex-direction:column;padding:20px 15px;margin:40px auto 0}
}.jsSectionMethod .method.learningtablet>.content{background-color:#001a4a;background-image:url(/wc/jsSectionMethod/images/learningtablet/methodbgpc.png);background-repeat:no-repeat;background-position:center bottom;background-size:cover;color:#fff}
@media screen and (max-width:767px){.jsSectionMethod .method.learningtablet>.content{background-image:url(/wc/jsSectionMethod/images/learningtablet/methodbgsp.png)}}.jsSectionMethod .method.math>.content{background-color:#d5e9e9;background-image:url(/wc/jsSectionMethod/images/math/methodbgpc.png);background-repeat:no-repeat;background-position:center bottom;background-size:cover;color:#11253c}
@media screen and (max-width:767px){.jsSectionMethod .method.math>.content{background-image:url(/wc/jsSectionMethod/images/math/methodbgsp.png)}}.jsSectionMethod .method>.content .left{width:calc(50%+50px);padding:50px;text-align:center}
@media screen and (max-width:767px){.jsSectionMethod .method>.content .left{width:100%}}.jsSectionMethod .method>.content .right{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin:-30px 0}
@media screen and (max-width:767px){.jsSectionMethod .method>.content .right{margin:0}}.jsSectionMethod .method>.content .card{display:flex;flex:1;flex-direction:column;justify-content:center;padding:24px;color:#fff;border-radius:10px;box-shadow:0 0 6px rgb(0 0 0 / 10%)}
@media screen and (max-width:767px){}.jsSectionMethod .method>.content .card.educative{background-color:#69da20}.jsSectionMethod .method>.content .card.supportive{background-color:#12caca}.jsSectionMethod .method>.content .card.fun{background-color:#ff4e58}
.jsSectionMethod .method>.content .card+.card{margin-top:24px}.jsSectionMethod .method>.content .card h3{display:flex;gap:15px;align-items:center;margin-bottom:15px;font:bold 25px / 1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}
@media screen and (max-width:767px){.jsSectionMethod .method>.content .card h3{flex-direction:column}}.jsSectionMethod .method>.content .card h3 .icon{width:64px}@media screen and (max-width:767px){}.jsSectionMethod .method>.content .card .text p{font:normal 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}
@media screen and (max-width:767px){.jsSectionMethod .method>.content .card .text p{font-size:18px}}