/****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-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: 500;
	color: var(--main-color);
}
.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 {

}
.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;
}


/*****new-single-pages-csss*********/
.single-post .news-header-wrap {
    padding: 0;
}
.single-post-wrap > .background-image:before {
    padding-top: 10%;
}
.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 .images-wrap {
    margin-bottom: 1.5rem;
}
.icon-sharing-links {
    width: 20%;
}
.social-button {
    width: 100%;
}
.social-button .text {
    display: flex;
    align-items: center;
    color: var(--main-color);
}
.social-button .text span {
    font-weight: 500;
    margin-right: 0.8rem;
}
.social-button .text a {
    width: 100%;
    height: 1.7rem;
    max-width:1.7rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    background-color:var(--main-color);
    margin-right:0.7rem;
	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: var(--main-color-hover);
	color: var(--white);
}
.social-button .text a:last-child {
    margin-right: 0;
}
.social-button .text a svg {
    width: 1rem;
    max-height: 55%;
}
.social-button .text a[data-sharer="linkedin"] svg {
  width: 0.75rem;
}
.social-button .text a[data-sharer="email"] svg {
  width: 0.75rem;
}
.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: 46%;
}

/*****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;
}

/******resource-wrapper---new-css*********/
.resource-wrapper {
    padding: 1px 0 2rem;
}
.resource-wrapper .text h1 {
    color: var(--main-color);
}
.resource-wrapper .first-box-wrap {
    border-radius: 0.53rem;
    box-shadow: 0px 1px 12px #00044529;
	overflow: hidden;
}
.resource-wrapper .first-box-wrap {}

.resource-wrapper .first-box-wrap .flex-row {
	flex-direction: row-reverse;	
    align-items: center;
	background-color: var(--white);
}
.resource-wrapper .first-box-wrap .flex-row .content-wrap {
    padding: 0 3rem;
    height: 100%;
}

.resource-wrapper .first-box-wrap .content-wrap h2 a,
.resource-wrapper .first-box-wrap .content-wrap h3 a {
    color: var(--main-color);
    text-decoration: none;
}
.resource-wrapper .first-box-wrap .flex-row .content-wrap p {
    color: #44455F;
}
.resource-wrapper.resource-grid-view .box-shadow, .inner-recent-posts .box-shadow {
	background-color: var(--white);
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 2.5rem;
}
.resource-wrapper.resource-grid-view .inner-box, .inner-recent-posts .inner-box {
    padding: 1.6rem;
}
.resource-wrapper.resource-grid-view .inner-box h2 a, 
.inner-recent-posts .inner-box h2 a,
.resource-wrapper.resource-grid-view .inner-box h4 a, 
.inner-recent-posts .inner-box h4 a {
    text-decoration: none;
    color: var(--main-color);
}
.resource-wrapper.resource-grid-view .inner-box .button-wrap .read-more, .inner-recent-posts .inner-box .button-wrap .read-more{
    /* font-size: 0.94rem; */
    /* color: #5AB5A1; */
    /* font-weight: 600; */
}
.resource-wrapper.resource-grid-view .inner-box .button-wrap, .inner-recent-posts .inner-box .button-wrap {
    margin: 0;
}
.single-post-wrap .text h1 {
    text-align: center;
    color: var(--main-color);
}
.single-post-wrap.section-padding-bottom {
    padding-bottom: 0.5rem;
}
.single-post-wrap .inner-post-wrap {
    max-width: 60rem;
    margin: 0 auto 3rem;
    border-radius: 0.52rem;
    overflow: hidden;
	background-color: var(--white);
    box-shadow: 0px 1px 12px #00044529;
}
.single-post-wrap .images-wrap img {
    width: 100%;
}
.single-post-wrap .inner-post-wrap .text-wrap {
    padding: 0 3rem 3rem;
}
.bottom-socialshare a.button {
    text-transform: uppercase;
}
.single-post-wrap .inner-post-wrap .text-wrap p strong {
    /* font-size: 1.2rem; */
    /* color: var(--main-color); */
}
.section-recent-posts .header h2 {
    color: var(--main-color);
}


@media(min-width: 991px){
	.resource-wrapper .first-box-wrap .background-image::before {
		padding-top: 80%;
	}
	.resource-wrapper .first-box-wrap .content-wrap h2,
	.resource-wrapper .first-box-wrap .content-wrap h3 {
		margin-top: 3rem;	
		font-size: 2rem;
	}
}

@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: 2rem 0 2rem;
	}
	
	.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;
    }
	.inner-recent-posts .box-shadow {
		margin: 0 1.5rem;
	}
	.section-recent-posts .header h2 p {
		font-size: 1.68rem;
	}
	.resource-wrapper {
		padding: 0.5rem 0 2rem;
	}
	.resource-wrapper .first-box-wrap .flex-row .content-wrap {
		padding: 2rem 1.5rem;
	}
	.resource-wrapper.resource-grid-view .inner-box, .inner-recent-posts .inner-box {
		padding: 1.5rem;
	}
	.resource-wrapper.resource-grid-view .box-shadow, .inner-recent-posts .box-shadow {
		margin-bottom: 2rem;
	}
	.single-post-wrap .inner-post-wrap .text-wrap {
		padding: 0 1.5rem 0rem;
	}
	
}