.bor{border:1px solid #000}.about-content{width:70%;margin:auto}.ab-banner{position:relative}.ab-banner>img{width:100%}.ab-banner>h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(30px,4.5vw,43px)}.online-tutorial{margin-top:60px;display:flex}.tut-text{width:100%;display:flex;align-items:center;justify-content:center;padding-right:130px}.tut-text>div>h2,.our-text>h2,.lea-heding>h2{font-family:"Nunito Sans",sans-serif;font-weight:800;font-size:35px}.tut-text>div>h2>span{color:red}.tut-text>div>p,.our-text>p{font-family:"Nunito",sans-serif;color:#3f3333;padding-left:20px;margin-top:20px;border-left:2px solid rgb(89,76,76)}.tut-img{width:auto;display:flex;justify-content:center;align-items:center}.tut-img>img{width:100%}.our-vis{display:flex;margin-top:70px}.our-img{width:890px;display:flex;align-items:center;padding-top:10px}.our-img>div{width:135px;padding-right:10px;padding-bottom:10px}.our-item{border-radius:10px;border:3px solid #15979e;padding:15px;height:194px;text-align:center}.our-item>img{width:100%}.our-item>p{text-align:center;font-size:14px;margin-top:30px;font-weight:700;color:#337848;margin-bottom:0}.our-text{width:100%}.learn{display:flex;margin-top:70px}.lea-heding{width:890px;display:flex;align-items:center}.lea-heding>div{padding-right:10px}.lea-heding>h2>span{color:rgb(57,57,218)}.lea-text{width:100%}.lea-text>p{font-family:"Nunito",sans-serif;color:#3f3333;padding-left:20px;margin-top:20px;border-left:2px solid rgb(89,76,76)}@media screen and (max-width:1200px){.our-img{width:970px}.lea-heding{width:970px}}@media screen and (max-width:992px){.about-content{width:100%}.online-tutorial,.our-img,.learn{padding:0 .75rem 0 .75rem}.box-content>div{width:50%}.our-text{padding-right:10px}}@media screen and (max-width:768px){.online-tutorial,.our-vis{flex-wrap:wrap}.our-text{order:1;padding-left:10px}.our-img{order:2;width:100%;margin-top:25px}.tut-img{width:100%;text-align:center}.tut-img>img{width:350px}.our-img>div{width:33.333333%}.our-item>img{width:110px}.lea-heding{width:600px}}@media screen and (max-width:576px){.tut-text>div>h2{font-size:clamp(25px,4.5vw,35px)}.our-text>h2{font-size:clamp(25px,4.5vw,35px)}.tut-text>div>p{font-size:16px}.tut-text{padding-right:30px}.our-img{flex-wrap:wrap}.our-img>div{width:50%}.learn{flex-wrap:wrap}.lea-heding{width:100%}.lea-text{width:100%}.lea-heding>h2{font-size:clamp(25px,4.5vw,35px);text-align:center;width:100%}}@media screen and (max-width:400px){.tut-img>img{width:70%}.our-item{height:215px}}@media screen and (max-width:300px){.our-img>div{width:100%}.our-item{height:auto}}