@charset "UTF-8";
.c-section__post {padding-top: 160px;}
.c-section__post .container {max-width: 1360px;}
.c-section__post .img-wrapper {background-image: url("../img/homepage/centre_bg.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; display: flex; justify-content: center; align-items: center; height: 700px; width: 700px; position: relative; right: 100px; bottom: 100px; margin-bottom: -100px;}
@media only screen and (max-width: 991px) {
.c-section__post .img-wrapper {height: 280px; width: 280px; background-size: contain; position: static; margin: auto; margin-bottom: 20px; margin-top: 40px;}}
.c-section__post .img-wrapper img {width: 445px; height: 445px; border-radius: 100%; object-fit: cover;}
@media only screen and (max-width: 991px) {
.c-section__post .img-wrapper img {width: 200px; height: 200px;}}
.c-section__post .top .date {float: left; width: 100%; margin-top: 50px;}
@media only screen and (max-width: 991px) {
.c-section__post .top .date {margin-top: 20px;}}
.c-section__post .top .date img {width: 22px; float: left; margin-right: 10px;}
.c-section__post .top .date time {float: left; font-size: 14px; position: relative; top: 5px;}
.c-section__post .top ul {list-style-type: none; padding: 0; margin: 10px 0; float: left; width: 100%;}
.c-section__post .top ul li {float: left; display: inline-block; margin-right: 20px;}
.c-section__post .top ul li a {font-size: 14px;}
.c-section__post .top ul li:not(:first-of-type):before {content: ''; width: 7px; height: 7px; background-color: #C23035; border-radius: 100%; display: inline-block; position: relative; bottom: 3px; right: 5px;}
.c-section__post .top h1 {font-size: 30px; margin-bottom: 10px;}
.c-section__post .top p {font-size: 16px; margin-bottom: 10px;}
.c-section__post .content img {margin: 20px auto; display: block;}
.c-section__post .content p {font-size: 14px;}
.c-section__post .content ul {list-style-type: none; padding-left: 6px;}
.c-section__post .content ul li {font-size: 14px; padding-left: 3px;}
.c-section__post .content ul li:before {content: ''; width: 7px; height: 7px; background-color: #C23035; border-radius: 100%; display: inline-block; position: relative; bottom: 3px; right: 5px;}
.c-section__post .blue-box {float: left; width: 100%; padding: 0 65px; margin-top: 50px; background-size: cover;}
@media only screen and (max-width: 991px) {
.c-section__post .blue-box {padding: 0 20px;}}
.c-section__post .blue-box .content {color: white; padding: 0 65px; float: left; width: 100%; padding-top: 70px; padding-bottom: 32px; border-left: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5);}
@media only screen and (max-width: 991px) {
.c-section__post .blue-box .content {padding: 20px;}}
.c-section__post .blue-box .content p {font-size: 22px; margin: 0;}
@media only screen and (max-width: 991px) {
.c-section__post .blue-box .content p {text-align: center; font-size: 16px;}}
.c-section__post .blue-box .content strong {font-size: 25px;}
@media only screen and (max-width: 991px) {
.c-section__post .blue-box .content strong {font-size: 20px;}}
.c-section__post .blue-box .content .c-button {margin-top: 15px;}
@media only screen and (max-width: 991px) {
.c-section__post .blue-box .content .c-button {font-size: 14px;}}
.c-section__featured-posts {width: 100%; float: left; margin-top: 40px;}
