.detailed-story p{
	margin-bottom: 15px;
}
.banner-wrapper{
	position: relative;
	margin-top: 80px;
}
.banner-wrapper img{
	width: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 716px;
}
.banner-wrapper h1.ttl-55{
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 30px;
    color: #fff;
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding: 10px 40px;
    font-family: Arada-Headline-Bold;
}
.d-flex{
	display: flex;
	flex-wrap: wrap;
}
.col-7{
	flex: 0 0 70%;
	max-width: 70%;
}
.col-3{
	flex: 0 0 30%;
	max-width: 30%;
}
.article-sidebar{
	padding: 0 0 0 20px;
}
.recent-articles{
	background: #efefef;
	padding: 20px;
	position: relative;
}
.recent-article__each{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 10px 0;
}
.recent-article__each__img{
	flex: 0 0 40%;
	max-width: 40%;
}
.recent-article__each__content{
	flex: 0 0 60%;
	max-width: 60%;
	padding: 0 0 0 15px;
}
.article-thumb img{
	height: 200px;
	max-width: 100%;
	position: relative;
	object-fit: cover;
	width: 100%;
}
.recent-article__slider .article-thumb img,
.popular-article__slider .article-thumb img{
	height: 180px;
}
.sidebar-title{
	font-size: 30px;
	font-family: 'Arada-Bold';
	margin-bottom: 20px;
}
.article-category{
	padding: 40px 20px;
}
a.article-title{
	font-size: 18px;
	font-family: 'Arada-Bold';
}
p.date{
	font-family: 'Arada-Light';
	font-size: 14px;
}

.category a{
	font-size: 18px;
	padding: 0 0 5px 10px;
	display: inline-block;
	position: relative;
}
.category span{
	position: relative;
	display: inline-block;
    width: 10px;
    height: 10px;
}
.related-articles__wrapper .related-post__slider .related-slider-each-img img{
	height: 180px;
}
.category span:before{
	content: '';
	background-image: url(../images/right-arrow.svg);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.p-50{
	padding: 50px 0;
}
.tag a{
	padding: 9px 22px;
    background: #CFB197;
    color: #fff;
    display: block;
    cursor: pointer;
    line-height: 1.3;
}
.article-tags .d-flex{
	gap: 15px;
}
.story ul{
/*	list-style: disc;*/
	margin: 30px 0 30px 18px;
}
.share-button{
	padding: 9px 30px;
    background: #244D8F;
    color: #fff;
    border: none;
    border-radius: 0;
    outline: none;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    line-height: 1.3;
}
.share-button span{
	position: relative;
    width: 10px;
    height: 10px;
    display: inline-block;
}
.share-button span::before{
	content: '';
	background-image: url(../images/right-arrow-white.svg);
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.related-slider-each{
	display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #CCCCCC;
    background-color: #fff;
}
.related-articles__wrapper{
	padding: 0 0 50px 0;
	position: relative;
}
.related-articles__wrapper > ul.related-post__list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px 0 -10px;
}
.related-articles__wrapper > ul.related-post__slider{
	margin: 0 -10px 0 -10px;
	position: relative;
}
.related-articles__wrapper > ul.related-post__slider .slick-arrow{
	display: inline-block !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
}
.related-articles__wrapper > ul.related-post__slider .slick-arrow.slick-next{
	right: -4%;
    left: unset;
    width: 50px;
    height: 50px;
}
.related-articles__wrapper > ul.related-post__slider .slick-arrow.slick-next:before{
	content: '';
	background-image: url(../images/right-arrow.svg);
	visibility: visible;
    width: 30px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.related-articles__wrapper > ul.related-post__slider .slick-arrow.slick-prev{
	right: unset;
    left: -4%;
    width: 50px;
    height: 50px;
}
.related-articles__wrapper > ul.related-post__slider .slick-arrow.slick-prev:before{
	content: '';
	background-image: url(../images/left-arrow.svg);
	visibility: visible;
    width: 30px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.related-articles__wrapper > ul.related-post__list>li{
	flex: 0 0 33.333%;
	max-width: 33.333%;
	padding: 0 10px;
}
.related-articles__wrapper > ul.related-post__slider  .slick-slide >div>li{
	padding: 0 10px;
}
a.article-thumb{
	display: block;
}
.related-slider-each-content.d-flex{
	align-items: center;
	justify-content: space-between;
	padding-top: 15px;
}
.related-slider-each-content>p{
	flex: 0 0 65%;
    max-width: 65%;
    margin: 0 !important;
    /*font-size: 30px;
    font-family: 'Arada-Bold';*/
/*    line-height: 1;*/
/*    padding-top: 15px;*/
/*	padding-right: 10px;*/
}
.popular-article__slider .recent-article__each__content.d-flex,
.recent-article__slider .recent-article__each__content.d-flex{
	justify-content: space-between;
	padding-top: 10px;
	align-items: center;
}
.related-article__extra_space .related-slider-each-content.d-flex > p{
	padding-right: 5px;
}
.recent-article__each__content.d-flex > p{
	flex: 0 0 65%;
    max-width: 65%;
    margin: 0 !important;
    padding-right: 5px;
}
.recent-article__each__content.d-flex > p a.article-title{
	font-family: Arada-Light;
}
.related-slider-each-content>a{
/*		flex: 0 0 30%;
    max-width: 30%;*/
    text-align: right;
}
.popular-articles{
	background: #efefef;
    padding: 20px;
    position: relative;
}
.story > h2.ttl-55{
	font-size: 30px;
}
.single-article__date{
	margin-top: 10px;
}
.media-grid__wrapper.media_grid__slider{
	padding-top: 60px;
}
.article-footer{
	padding-top: 50px;
}
.share-wrapper{
	background: #fff;
    padding: 20px 30px;
}
ul.popup-social-links{
	padding: 20px;
    background: #ededed;
    border: 1px solid #d9d9d994;
    display: inline-block;
    margin: 0;
    width: 100%;
    list-style: none;
    margin: 0 !important;
}

ul.popup-social-links li{
	text-align: center;
    padding: 5px;
}
ul.popup-social-links li:before{
	display: none;
}
ul.popup-social-links li a{
	display: block;
}
.article-share{
	position: relative;
	text-align: right;
}
.share-links__icons {
	position: absolute;
	width: 100%;
	transition: opacity 0.5s ease-out, transform 0.75s ease-out;
	max-width: 118px;
    right: 0;
}
.animate-up{
    bottom: 38px;
    display: none;   
}
.col-8{
	flex: 0 0 80%;
    max-width: 80%;
}
.col-2{
	flex: 0 0 20%;
    max-width: 20%;
}
.property-prev, 
.property-next{
	background-image: url(../images/left-arrow.svg);
    background-position: center;
    height: 23px;
    width: 20px;
    position: absolute;
    left: -4%;
    top: 45%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.property-next{
	background-image: url(../images/right-arrow.svg);
    left: auto;
    right: -4%;
}
.w-100.story{
	padding: 0 20px 0 0;
}
.related-articles__wrapper .related-slider-each-img img{
	height: 219px;
	object-fit: cover;
	width: 100%;
}
.story ul li{
	line-height: 1.2;
	padding-bottom: 10px;
	position: relative;
}
.story ul li:before{
	content: '.';
    position: absolute;
    left: -18px;
    font-size: 30px;
    line-height: 0;
    top: 0px;
    font-family: Arada-bold;
}
.popular-article__slider .recent-article__each__img,
.recent-article__slider .recent-article__each__img{
	flex: 0 0 100%;
    max-width: 100%;
}
.popular-article__slider .recent-article__each__content,
.recent-article__slider .recent-article__each__content{
	flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}
.popular-article__slider .recent-article__each,
.recent-article__slider .recent-article__each{
	padding: 20px 20px 10px 20px;
    background: #fff;
    border: 1px solid #cccccc;
}
.fullwidth-sidebar{
	margin: 0 -10px 0 -10px;
}
.popular-article__slider .slick-slide,
.recent-article__slider .slick-slide{
	padding: 0 10px;
}
.related-article__extra_space.related-articles__wrapper{
	padding: 0 10px 50px 10px;
}
.recent-article__slider,
.popular-article__slider{
	margin: 0 -10px;
}
.fullwidth-sidebar .popular-articles:before,
.fullwidth-sidebar .recent-articles:before{
	content: '';
	position: absolute;
	top: 0;
	left: calc(0px - 100px);
	right: unset;
	width: 100%;
	height: 100%;
	background-color: #efefef;
	z-index: -1;
	overflow: hidden;
}
.fullwidth-sidebar .popular-articles:after,
.fullwidth-sidebar .recent-articles:after{
	content: '';
	position: absolute;
	top: 0;
	left: unset;
	right: calc(0px - 100px);
	width: 100%;
	height: 100%;
	background-color: #efefef;
	z-index: -1;
	overflow: hidden;
}

@media (min-width: 1260px) and (max-width: 1024px){
  	.recent-article__each__img{
  		flex: 0 0 100%;
    	max-width: 100%;
  	}
}
@media (max-width: 1100px){
	.col-7{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.col-3{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.w-100.story,
	.article-sidebar{
		padding: 30px 0 0 0;
	}
	.article-category,
	.popular-articles,
	.recent-articles{
		padding: 20px 10px;
	}
}
@media (max-width: 768px){
	.banner-wrapper img{
		max-height: 310px;
	}
	.story ul li{
		padding-bottom: 15px;
	}
	
}
@media (max-width: 767px){
	.col-8{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.col-2{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.article-share{
		padding-top: 20px;
	}
	.w-100.story{
		padding-top: 0;
		/*padding-left: 10px;
    	padding-right: 10px;*/
	}
	.detailed-story p{
		line-height: 1.5;
    	font-family: Arada-Light;
	}
	.share-button{
		width: 100%;
	}
	.share-button span{
		display: none;
	}
	.story ul li:before{
		content: '.';
	    position: relative;
	    left: 0; 
	    line-height: 0;
	    top: -3px;
	    padding-right: 5px;
	}
	.story ul{
		margin: 30px 0 20px 0px;
	}
	.story > h2.ttl-55{
		font-size: 24px	;
	}

}
@media (max-width: 569px){
	.popular-article__slider .slick-slide,
	.recent-article__slider .slick-slide{
		padding: 0;
	}
	.popular-article__slider,
	.recent-article__slider{
		margin: 0;
	}
}

/*========================*/
body.rtl .banner-wrapper h1.ttl-55{
	font-family: 'Cairo-Bold';
}
body.rtl .story ul li:before{
	right: -18px;
	left: unset;
	top: 3px;
	font-size: 40px;
}
body.rtl .story ul{
	margin: 30px 18px 30px 0px;
	top: -3px;
}
body.rtl .grid-1{
	padding-left: unset;
	padding-right: 20px;
}
body.rtl .grid-2{
	padding-left: unset;
	padding-right: 20px;
}
body.rtl p.date{
	font-family: Cairo-Light;
}
body.rtl .sidebar-title{
	font-family: Cairo-Light;
}
body.rtl .category span:before{
	transform: translateY(-50%) rotate(180deg);
	right: 0;
	left: unset;
}
body.rtl .category a{
	padding: 0 10px 5px 0px;
}
body.rtl .share-button span::before{
	right: -15px;
	left: unset;
	transform: translateY(-50%) rotate(180deg);
}
body.rtl .share-button{
	line-height: 1.3;
}
body.rtl .share-links__icons{
	max-width: 107px;
}
body.rtl .recent-article__each__content{
	padding: 0 15px 0 0;
}
body.rtl .tag a{
	line-height: 1.3;
}
body.rtl .article-share{
	text-align: left;
}
body.rtl .article-sidebar{
	padding: 30px 20px 0 0;
}
body.rtl .related-articles__wrapper > ul.related-post__slider .slick-arrow.slick-next{
    right: unset;
    left: -4%;
}
body.rtl .related-articles__wrapper > ul.related-post__slider .slick-arrow.slick-prev{
	right: -4%;
    left: unset;
}

body.rtl .related-articles__wrapper > ul.related-post__slider .slick-arrow.slick-next:before{
	background-image: url(../images/left-arrow.svg);
}
body.rtl .related-articles__wrapper > ul.related-post__slider .slick-arrow.slick-prev:before{
	background-image: url(../images/right-arrow.svg);
}
body.rtl .share-links__icons{
	right: unset;
    left: 0;
}
body.rtl .recent-article__each__content.d-flex > p a.article-title{
	font-family: 'Cairo-Regular';
}
body.rtl a.article-title{
	font-family: 'Cairo-bold';
}
body.rtl .share-button{
	font-family: 'Cairo-Regular';
}
@media (max-width: 1100px){
	body.rtl .article-sidebar{
		padding: 30px 0px 0 0;
	}
}
@media (max-width: 767px){
	body.rtl .detailed-story p{
		font-family: 'Cairo-Light';
	}
	body.rtl .story ul li:before{
	    padding-left: 5px;
        padding-right: 0px;
        top: 0;
        right: 0;
	}
	body.rtl .story ul{
		margin: 30px 0 20px 0px;
	}
	body.rtl .grid-2,
	body.rtl .grid-1{
		padding-right: 0;
	}
}