/****news-header****/
.news-header-wrap {
    padding: 6.8rem 0 0;
}
.news-header-wrap h1 {
    margin-bottom: 2.4rem;
    color: var(--darkblue);
}
.resource-wrapper:after {
    position: absolute;
    top: -21rem;
    right: 0;
    content: "";
    background-image: url(.././img/blog-patten-img-top.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 8vw 0vw;
    width: 31.5rem;
    height: 42rem;
}
.resource-wrapper .box.first-box-wrap {
    position: relative;
    z-index: 1;
}
.resource-wrapper .first-box-wrap .image-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.resource-wrapper .first-box-wrap .overlay-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 36rem;
	height: 100%;
    background-color: rgb(21 36 79 / 80%);
    color: var(--white);
    padding: 4rem;
}
.resource-wrapper .first-box-wrap .overlay-wrap .button-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 4rem 4rem 0rem;
}
.resource-wrapper .first-box-wrap .image-wrap img {
    height: 34rem;
    width: 100%;
}
.resource-wrapper .first-box-wrap .overlay-wrap h2 a {
    color: var(--white);
    text-decoration: none;
    line-height: 1.5;
}
.category ul {
    list-style: none;
	margin: 0;
}
.category ul li {
    margin: 0;
}
.date {
    font-size: 0.85rem;
	font-weight: var(--weight-500);
}
.blog-grid-view .category ul li a, .resource-wrapper .category ul li a {
    color: var(--white);
    text-decoration: none;
    padding: 0.35rem 1.5rem;
    border-radius: 1.36rem;
    font-size: 0.95rem;
    font-weight: var(--weight-500);
    display: inline-block;
	background-color: #C39863;
}
.overlay-wrap > .display-flex {
    justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
}
.resource-wrapper .first-box-wrap .overlay-wrap h3 a {
    color: var(--white);
    text-decoration: none;
}
.resource-wrapper .first-box-wrap .button-wrap a {
    font-size: 0.85rem;
	color: var(--white);
}
.blog-wrapper.blog-grid-view h2{
    color: var(--darkblue);
	margin: 0;
}
.blog-grid-view .box {
    border-right: 1px solid var(--darkblue);
	padding-bottom: 1.25rem;
}
.blog-grid-view .box:nth-last-child(-n+3){
	padding-bottom: 0;
}
.blog-grid-view .box:nth-child(3), .blog-grid-view .box:nth-child(6), .blog-grid-view .box:nth-child(9) {
   border-right: 0px solid var(--darkblue);
}
.blog-grid-view .inner-box h3.h6 {
    letter-spacing: normal;
}
.blog-grid-view .inner-box h3.h6 a {
    color: var(--darkblue);
    text-decoration: none;
	line-height: 1.45;
}
.blog-grid-view .inner-box .button-wrap {
    margin: 0;
}
.blog-grid-view .inner-box .display-flex {
    justify-content: space-between;
    align-items: center;
	color: var(--darkblue);
}
.blog-grid-view .box .category ul li a {
    padding: 0.23rem 1.5rem;
    font-size: 0.84rem;
	background-color: #C39863;
}
.blog-grid-view .box .flex-5 .image {
    margin-right: 1.25rem;
}
.blog-wrapper.blog-grid-view .button-wrap.right {
    width: 100%;
}
.blog-wrapper.blog-grid-view .button-wrap.right.padding-top {
    margin-right: 2rem;
}
.blog-wrapper.blog-grid-view .button-wrap .button.transparent, .single-post-wrap .button.transparent{
    border: 2px solid var(--darkblue);
    color: var(--darkblue);
	text-decoration: none !important;
    font-size: 0.95rem;
	font-weight: var(--weight-600);
}
.blog-wrapper.blog-grid-view .button-wrap .button.transparent:hover, .single-post-wrap .button.transparent:hover {
    border: 2px solid var(--main-color-hover);
    color: var(--white);
}
.single-post-wrap .button.transparent:hover span {
    text-decoration: none;
}
.blog-grid-view .box.category-news:nth-child(1) .inner-box, .blog-grid-view .box.category-news:nth-child(2) .inner-box, .blog-grid-view .box.category-news:nth-child(3) .inner-box {
   /*  padding-bottom: 1.25rem; */
}
.blog-grid-view .col-margin-wrap {
    margin-right: -2rem;
    margin-left: -2rem;
}
.blog-grid-view .box.flex-4 .col-margin {
    margin-right: 2rem;
    margin-left: 2rem;
} 
.blog-grid-view .box.flex-4 .col-margin > .inner-box {
    padding: 1.5rem 0 0;
}
.blog-grid-view .box.flex-4:nth-last-child(2) .col-margin > .inner-box {
    padding-bottom:0;
}

/*****new-single-pages-csss*********/
.single-post .news-header-wrap {
    padding: 0;
}
.single-post-wrap > .background-image:before {
    padding-top: 26%;
}
.single-post-wrap > .images-wrap {
    background-position: bottom;
}
.single-post-wrap .background-image .text {
    background-color: rgb(21 36 79 / 64%);
    color: #fff;
    padding: 4rem 7rem;
}
.single-post-wrap .background-image .text h1 {
    font-size: 2.8rem;
    margin: 0;
}
.single-post-wrap .inner-post-wrap {
    padding-right: 6.5rem;
}
.icon-sharing-links {
    width: 20%;
}
.social-button {
    width: 100%;
}
.social-button .text {
    display: flex;
}
.social-button .text a {
    width: 100%;
    height: 2rem;
    max-width:2rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    background-color:#C29863;
    margin-right:0.95rem;
	cursor: pointer;
}
.social-button .text a:hover, .single-post-wrap .inner-post-wrap ul li a:hover, .blog-grid-view .box .category ul li a:hover, .category ul li a:hover {
    background-color: #F4CFA2;
	color: var(--darkblue);
}
.social-button .text a:last-child {
    margin-right: 0;
}
.social-button .text a svg {
    width: 1rem;
    max-height: 55%;
}
.single-post-wrap .inner-post-wrap ul {
    list-style: none;
    margin: 0;
}
.single-post-wrap .inner-post-wrap ul li {
    margin: 0 1rem 0 0rem;
}
.single-post-wrap .inner-post-wrap ul li a {
    color: var(--white);
    text-decoration: none;
	background-color: #C39863;
    padding: 0.35rem 1.5rem;
    border-radius: 1.36rem;
    font-size: 0.95rem;
    font-weight: var(--weight-500);
    display: inline-block;
}
.single-post-wrap .inner-post-wrap p em {
    margin-bottom: 1.5rem;
    display: block;
}
.single-post-wrap .inner-post-wrap p {
    margin-bottom: 2rem;
}
.single-post-wrap .inner-post-wrap p a {
    color: var(--darkblue);
    text-decoration: none;
}
.single-post-wrap .inner-post-wrap .text h4 {
    margin: 0 0 2rem;
}


.single-post-wrap .flex-3 .section-recent-posts {
    border-left: 1px solid;
    padding-left: 2.6rem;
}
.single-post-wrap .flex-3 .section-recent-posts .header > h3 {
    display: none;
}
.single-post-wrap .flex-3 .section-recent-posts h2 {
    margin: 0;
    font-size: var(--font-size-28);
}
.section-recent-posts .inner-recent-posts .background-image:before {
    content: '';
    display: block;
    padding-top: 38%;
}

/*****related-new*****/
.section-recent-posts.blog-grid-view.related-new-wrap .box {
    border: none;
    padding-bottom: 1.6rem;
}
.section-recent-posts.blog-grid-view.related-new-wrap .box:last-child {
    padding-bottom: 0rem;
}
.section-recent-posts.blog-grid-view.related-new-wrap .inner-box {
    padding: 1.25rem 0;
}


@media(max-width: 991px){
	
}



@media(max-width: 767px){
	/****news-pages-css*****/
	.news-header-wrap {
		padding: 2rem 0 0;
	}
	.news-header-wrap h1 {
		margin-bottom:3rem;
	}
	.resource-wrapper .first-box-wrap .image-wrap img {
		height: 56vh;
		object-fit: cover;
	}
	.resource-wrapper .first-box-wrap .overlay-wrap {
		top: auto;
		bottom: 0;
		width: 100%;
		height: auto;
		padding: 1.5rem;
	}
	.resource-wrapper .first-box-wrap .overlay-wrap p {
		display: none;
	}
	.resource-wrapper .overlay-wrap > .display-flex {
		margin-bottom: 1rem;
	}
	.blog-grid-view .category ul li a, .resource-wrapper .category ul li a {
		padding: 0.2rem 1.5rem;
		font-size: 0.9rem;
	}
	
	.resource-wrapper .first-box-wrap .overlay-wrap .button-wrap {
		position: unset;
		padding: 0;
	}
	.blog-grid-view .box.category-news:nth-child(1) .inner-box, .blog-grid-view .box.category-news:nth-child(2) .inner-box, .blog-grid-view .box.category-news:nth-child(3) .inner-box {
		padding-bottom: 0;
	}
	.blog-wrapper.blog-grid-view h2 {
		text-align: left;
		padding-left: 1.7rem;
	}
	.news-post-slider .draggable, .single-post-wrap .related-post-slider .draggable {
		padding-right: 30%;
	}
	.blog-grid-view .box:nth-child(3), .blog-grid-view .box:nth-child(6), .blog-grid-view .box:nth-child(9) {
		border-right: 1px solid var(--darkblue);
	}
	.blog-grid-view .news-post-slider .box .flex-5 .image {
		margin: 0 0 1rem;
		width: 100%;
	}
	.more-button-wrap .button-wrap.right {
		justify-content: center;
		margin: 1rem 0 0;
		padding: 0;
	}
	.blog-grid-view .inner-box h3.h6 {
		font-size: 0.9rem;
	}
	.blog-grid-view .box {
		padding-bottom: 0;
	}
	/*****single-post-wrap*****/
	.single-post-wrap .inner-post-wrap {
		padding-right: 0;
	}
	.single-post-wrap .background-image .text {
		padding: 1rem 1.5rem;
	}
	.single-post-wrap .background-image .text h1 {
		font-size: 1.35rem;
	}
	.single-post-wrap .inner-post-wrap .top-socialshare .icon-sharing-links {
		display: none;
	}
	.single-post-wrap .inner-post-wrap .bottom-socialshare {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.single-post-wrap .inner-post-wrap .bottom-socialshare .icon-sharing-links {
		width: 100%;
	}
	.single-post-wrap .inner-post-wrap .bottom-socialshare .button-wrap {
		width: 100%;
		margin: 3rem 0 4rem;
	}
	.section-recent-posts {
		display: none;
	}
	.section-recent-posts.blog-grid-view.related-new-wrap {
		display: block;
	}
	.single-post-wrap .flex-3 .section-recent-posts {
		border-left: 0px solid;
		padding-left:0rem;
	}
	.section-recent-posts.blog-grid-view.related-new-wrap .box {
		border-right: 1px solid var(--darkblue);
	}
	.single-post-wrap .related-post-slider {
		margin-right: -2rem;
		margin-left: -2rem;
	}
	.section-recent-posts.blog-grid-view.related-new-wrap .box> div {
		margin-right: 2rem;
		margin-left: 2rem;
	}
	.section-recent-posts.blog-grid-view.related-new-wrap .box .inner-box {
		padding-bottom: 0;
	}
	    .resource-wrapper:after {
        top: -29vw;
        right: 0;
        content: "";
        background-image: url(.././img/blog-patten-img-mob.png);
        background-position: 0rem 0vw;
        width: 7.5rem;
        height: 13rem;
    }
}