.related-posts {padding-bottom:70px;background: #161F2D;}
.related-posts h2 {color:#FFF;text-align: center;font-family: 'Graphie Bold',sans-serif;font-size: 36px;display: table;margin:0 0 50px 0;padding-top:100px;}
.related-posts h2::before {content:'';width: 3px;height: 40px;display: inline-block;margin-right: 20px;float: left;margin-top: 4px;background: linear-gradient(180deg, #0094FF 0%, #00EB6C 100%);}
.related-posts h2 strong {background: linear-gradient(90deg, #00A1E1 0%, #69E0F5 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}

.related-posts .featured-post-item {background:#262F3F;padding:130px 50px 44px 50px;position:relative;margin-top:50px;}
.related-posts .featured-post-item svg {position:absolute;top:-45px;left:17px;z-index: 88;}
.related-posts .featured-post-item .img-bar {background:linear-gradient(90deg, #00A1E1 0%, #69E0F5 100%);height: 40px;width: 100%;max-width: 290px;position: absolute;left: 39px;top: 64px;}
.related-posts .row > .col-md-4:nth-child(1) .featured-post-item {margin:0 30px 0 30px;}
.related-posts .row > .col-md-4:nth-child(2) .featured-post-item {margin:0 30px 0 30px;}
.related-posts .row > .col-md-4:nth-child(3) .featured-post-item {margin:0 30px 0 30px;}
.related-posts a.img-wrapper {display: block;max-height: 143px;overflow: hidden;position:absolute;top:-50px;left:50px;right:50px;z-index: 99;}
.related-posts h3 {margin-bottom:10px;min-height: 49px;}
.related-posts h3 a {color: #FFF;font-family: 'Graphie Bold', sans-serif;font-size: 20px;text-decoration: none;}
.related-posts h3 a:hover {text-decoration-line: underline;}
.related-posts .text {color: #FFF;font-family: 'Graphie Light', sans-serif;line-height: 150%;text-decoration: none;margin-bottom:10px;display: block;min-height:140px}
.related-posts .text:hover {text-decoration-line: underline;}
.related-posts .date {display: block;border-left:1px solid #4a525f;font-family: 'Graphie Light', sans-serif;font-size: 12px;line-height: 150%;padding-left:5px;color:#FFF;margin-bottom:43px;}
.related-posts .read-more {border-top:1px solid #303a49;display: block;padding-top:30px;color:#FFF;font-family: 'Graphie', sans-serif;font-size: 18px;letter-spacing: 1.8px;text-decoration-line: underline;position:relative}
.related-posts .read-more:hover {text-decoration-line: none;background: var(--Gradient-Accent, linear-gradient(90deg, #00EB6C 0%, #0094FF 100%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.related-posts .read-more::after {content: "";display: block;width: 37px;height: 37px;position: absolute;right: 0;top: 23px;background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="37" height="37" viewBox="0 0 37 37" fill="none"%3E%3Crect x="0.0351562" y="0.725586" width="36" height="36" fill="white"/%3E%3Cpath d="M10.0352 18.7246L24.7624 18.7246" stroke="%23161F2D" stroke-linecap="square"/%3E%3Cpath d="M17.0352 12.1797L25.217 18.7251L17.0352 25.2706" stroke="%23161F2D"/%3E%3C/svg%3E') no-repeat center;background-size: contain;}
.related-posts .view-more {height: 46px;padding: 15px 40px 15px 24px;justify-content: center;align-items: center;color:#FFF;font-family: 'Graphie Bold',sans-serif;font-size: 24px;letter-spacing: 1.8px;text-decoration: none;background: transparent;margin:-73px 0 0 0;display: table;border:1px solid #FFF;position:relative;float: right;font-weight:700px;}
.related-posts .view-more svg {position: absolute;right: 15px;top: 23px;}
.related-posts .view-more {position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.related-posts .view-more::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.related-posts .view-more:hover::before {opacity: 1;}

.related-posts .slider-related-posts {position:relative;margin-bottom:30px;}
.related-posts .slider-related-posts .item {margin-bottom:60px;}
.related-posts .slider-related-posts .arrow {border:1px solid #FFF;height:32px;width:34px;display: block;cursor:pointer;position:absolute;bottom:0;z-index: 99;}
.related-posts .slider-related-posts .arrow svg {display: table;margin:10px auto 0 auto;fill:none;stroke:#FFF;}
.related-posts .slider-related-posts .arrow.left {left:0;}
.related-posts .slider-related-posts .arrow.right {left:50px;}
.related-posts .slider-related-posts .arrow.slick-disabled {border-color:#8a8f96;cursor:default}
.related-posts .slider-related-posts .arrow.slick-disabled svg {stroke:#8a8f96;}
.related-posts .slider-related-posts .slick-dots {position: absolute;z-index:99;bottom:0;left:115px;}
.related-posts .slider-related-posts .slick-dots li {display: table;float:left;margin-right:15px;}
.related-posts .slider-related-posts .slick-dots li button {display: block;width: 8px;height:8px;padding:0;border:0;border-radius:0;background:#fff;cursor:pointer;opacity: .6;font-size: 0;}
.related-posts .slider-related-posts .slick-dots li button::before {content:'';}


.related-posts .slick-slider{position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.related-posts .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.related-posts .slick-list:focus{outline: none;}
.related-posts .slick-list.dragging{cursor: pointer;}
.related-posts .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.related-posts .slick-track{position: relative;top: 0;left: 0;display: block;margin-bottom:20px;}
.related-posts .slick-track:before,.slick-track:after{display: table;content: '';}
.related-posts .slick-track:after{clear: both;}
.related-posts .slick-loading .slick-track{visibility: hidden;}
.related-posts .slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
.related-posts [dir='rtl'] .slick-slide{float: right;}
.related-posts .slick-slide img{display: block;}
.related-posts .slick-slide.slick-loading img{display: none;}
.related-posts .slick-slide.dragging img{pointer-events: none;}
.related-posts .slick-initialized .slick-slide{display: block;}
.related-posts .slick-loading .slick-slide{visibility: hidden;}
.related-posts .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.related-posts .slick-arrow.slick-hidden {display: none;}
.related-posts .slick-arrow:focus {outline:none}

.related-posts.blue h2::before {background: linear-gradient(180deg, #0094FF 0%, #00EB6C 100%);}
.related-posts.blue h2 strong {background: linear-gradient(90deg, #00A1E1 0%, #69E0F5 100%);-webkit-background-clip: text;background-clip: text;color: transparent}
.related-posts.blue .featured-post-item .img-bar {background:linear-gradient(90deg, #00A1E1 0%, #69E0F5 100%);}
.related-posts.blue .slider-related-posts .slick-dots li.slick-active button {background:#00A1E1;}

.related-posts.green h2::before {background: linear-gradient(180deg, #00EB6C 0%, #00EB6C 100%);}
.related-posts.green h2 strong {background: linear-gradient(90deg, #00EB6C 0%, #00EB6C 100%);-webkit-background-clip: text;background-clip: text;color: transparent}
.related-posts.green .featured-post-item .img-bar {background:linear-gradient(90deg, #00EB6C 0%, #00EB6C 100%);}
.related-posts.green .slider-related-posts .slick-dots li.slick-active button {background:#00EB6C;}

.related-posts.lightblue h2::before {background: linear-gradient(180deg, #69E0F5 0%, #69E0F5 100%);}
.related-posts.lightblue h2 strong {background: linear-gradient(90deg, #69E0F5 0%, #69E0F5 100%);-webkit-background-clip: text;background-clip: text;color: transparent}
.related-posts.lightblue .featured-post-item .img-bar {background:linear-gradient(90deg, #69E0F5 0%, #69E0F5 100%);}
.related-posts.lightblue .slider-related-posts .slick-dots li.slick-active button {background:#69E0F5;}

.related-posts.orange h2::before {background: linear-gradient(180deg, #F85849 0%, #F85849 100%);}
.related-posts.orange h2 strong {background: linear-gradient(90deg, #F85849 0%, #F85849 100%);-webkit-background-clip: text;background-clip: text;color: transparent}
.related-posts.orange .featured-post-item .img-bar {background:linear-gradient(90deg, #F85849 0%, #F85849 100%);}
.related-posts.orange .slider-related-posts .slick-dots li.slick-active button {background:#F85849;}

@media all and (min-width: 1px) and (max-width: 768px) {
	.related-posts h2 {font-size: 24px;margin:0 auto 50px auto;}
    .related-posts h2::before {margin-right: 10px;margin-top: 0;height:30px;}
    .related-posts .featured-post-item {padding:130px 15px 44px 15px;max-width: 320px;}
    .related-posts .row > .col-md-4:nth-child(1) .featured-post-item {margin: 0 auto 100px auto;}
    .related-posts .row > .col-md-4:nth-child(2) .featured-post-item {margin: 0 auto 100px auto;}
    .related-posts .row > .col-md-4:nth-child(3) .featured-post-item {margin: 0 auto 0 auto;}
    .related-posts h3 {min-height: 80px;}
    .related-posts a.img-wrapper {left:15px;right:15px;}
    .related-posts .featured-post-item .img-bar {max-width: 270px;left:9px;}
    .related-posts .featured-post-item svg {left:0;}
    .related-posts .slick-slider {max-width: 340px;margin:0 auto}
}
@media all and (min-width: 769px) and (max-width: 999px) {
	.related-posts h2 {font-size: 26px;}
    .related-posts h2::before {margin-right: 15px;margin-top: 1px;}
    .related-posts .featured-post-item {padding:100px 15px 44px 15px;}
    .related-posts .row > .col-md-4:nth-child(1) .featured-post-item {margin:0 7px 0 7px;}
    .related-posts .row > .col-md-4:nth-child(2) .featured-post-item {margin:0 7px 0 7px;}
    .related-posts .row > .col-md-4:nth-child(3) .featured-post-item {margin:0 7px 0 7px;}
    .related-posts h3 {min-height: 80px;}
    .related-posts a.img-wrapper {left:15px;right:15px;}
    .related-posts .featured-post-item .img-bar {max-width: 145px;top:60px;left:9px}
}
@media all and (min-width: 1000px) and (max-width: 1199px) {
    .related-posts h2 {font-size: 28px;}
    .related-posts h2::before {margin-right: 15px;margin-top: 4px;}
    .related-posts h3 {min-height: 120px;}
    .related-posts .featured-post-item .img-bar {max-width: 190px;}
}
@media all and (min-width: 1200px) and (max-width: 1305px) {
    .related-posts h3 {min-height: 72px;}
    .related-posts .featured-post-item .img-bar {max-width: 270px;}
}