/*  blog page css */

.blog-banner {position: relative;}
.blog-banner {max-height: 300px;overflow: hidden;}
.blog-page a {color: #0cc0df;}
.blog-page a:hover {color: #004aad;}
.blog-banner-img, .blog-banner-img img {max-width: 100%;}
.blog-banner-title {text-transform: uppercase;text-align: center;}
.blog-banner-title h1 {padding: 10px 0px;margin: 0;}
.blog-page {padding: 80px 0px;border-bottom: 1px solid #abc3e4;}
.blog-page h2 {margin-bottom: 20px;text-transform: uppercase;}
.blog-content-wrap {display: flex;flex-flow: row;flex-wrap: wrap;margin: 0 -20px;}
.blog-content-col {width: calc(33.33% - 40px);margin: 0px 20px 40px 20px;}
.blog-content-col:first-child {width: 100%;}
.blog-content-col figure img {max-width: 100%;width: 100%;}
.blog-btn a {font-size: 16px;line-height: normal;font-weight: 600;background-color: rgb(12, 192, 223);color: #fff !important;border: none;border-radius: 50px;padding: 10px 30px;letter-spacing: 0.45px;}
.blog-btn a:hover {background-color: rgb(0, 74, 173);}

/* Blog-Detail  page css */

.blog-detail-section {padding-top: 50px;}
.blog-detail-page {padding-bottom: 50px;border-bottom: 1px solid #abc3e4;}
.blog-detail-page img, .blog-detail-page figure img {width: 100%;max-width: 100%;margin: 0 auto;display: block;}
.blog-detail-page ul {list-style-type: disc;margin-bottom: 20px;}
.blog-detail-page ol {margin-bottom: 20px;}
.blog-detail-page a {color: #0cc0df;}
.blog-detail-page a:hover {color: #004aad;}

/* Blog-Detail page css */

/*  blog page css */