.container {max-width:1400px;}
.opu-free-sec {padding:8px;background:#ffedb5;text-align:center;border-radius:16px;}
.opu-free-sec > p {font-size:24px;line-height:40px;color:#000;}
.opu-free-sec > a {display:inline-block;background:#282828;color:#fff;padding:8px 24px;border-radius:25px;font-size:14px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-bottom:16px;}
.opu-free-sec > a:hover {background:#545353;text-decoration:none;}

.flex-row {display:flex;flex-wrap:wrap;gap:24px;}
.flex-row > .col {width:calc( 33.33% - 24px);background:#f9f9f9;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.flex-row > .col:hover {background:#ece9e9;text-decoration:none;}
.card-title {display:block;font-size:18px;font-weight:500;color:#000;}
.card-desc {color:#000;}