*{padding:0;margin:0;box-sizing:border-box}section{width:100%;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;height:auto;background-color:#e1f1ff}section>.topbox{width:100%;height:200px;display:flex;justify-content:space-evenly;align-items:center}.cardhead{display:flex;justify-content:space-between;padding:0 15px}.cardhead>span{font-size:25px}.cardfoot{display:flex;justify-content:space-between;padding:0 15px;color:#fff}.mid{display:flex;margin-top:50px;height:600px}.mid>.box{justify-content:space-evenly;width:35%;background-color:#fff;height:300px;overflow:hidden;display:flex;flex-wrap:wrap;padding-left:20px}.mid>.box>.dot2{display:flex}.mid>.box>.dot2>div{width:20px;height:20px;background-color:#00a150;border-radius:50%}.mid>.box>.dot1{display:flex}.mid>.box>.dot1>div{width:20px;height:20px;background-color:#002fff;border-radius:50%}.txt{width:100%;display:flex;flex-wrap:wrap}.txt>.flx{margin-left:50px}.txt>.flx>.cards{width:400px;height:250px;background-color:#fff;border-radius:20px;position:relative;margin-bottom:20px;transform:translateY(-150px)}.txt>.flx>.cards>i{position:absolute;top:10%;left:50%;transform:translate(-50%)}.txt>.flx>.cards>h2{width:100%;text-align:center;position:absolute;top:30%}.txt>.flx>.cards>h2>strong{color:#002fff}.txt>.com{width:60%;margin-left:5%;transform:translateY(-150px);background-color:#fff;border-radius:20px}.txt>.com>h5{padding:15px}.txt>.com>.file{display:flex;align-items:center;width:100%}.txt>.com>.file>*{margin-left:10px}.txt>.com>.file>h4{width:50%}.txt>.com>p{margin-left:10px;margin-top:20px}.txt>.com>.imgbox{margin:20px 0;width:60%;display:flex;justify-content:space-evenly}.txt>.com>.task{display:flex;align-items:center;width:100%}.txt>.com>.task>*{margin-left:10px}