.bg-pattern-sanddune-related-resources::after {
	content: "";
	background-image: url("../svg/sand-dune-pattern.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom left;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 30%;
	z-index: -1;
}

.related-resources__tabs {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0px 230px;
	border-bottom: 2px solid var(--secondary-palette-cool-grey);
	height: 54px;
	border-bottom-width: 2px;
	z-index: 9;
}

.related-resources__tabs li {
	position: relative;
	background: linear-gradient(180deg,
			rgba(220, 221, 230, 1) 90%,
			rgba(245, 245, 245, 1) 100%);
	border-top-left-radius: 0px;
	border-bottom: 2px solid var(--secondary-palette-cool-grey);
	height: 54px;
}

.related-resources__tabs li .nav-link {
	color: var(--secondary-palette-dark-grey);
	font-family: var(--primary-font-family-regular);
	padding: 17px 18px 10px 18px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: var(--secondary-palette-cool-grey);
	position: relative;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid var(--secondary-palette-cool-grey);
	border-left: none;
	height: 54px;
	-webkit-transition: none !important;
	transition: none;
	margin: 0;
	font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.related-resources__tabs li .nav-link.active {
	color: var(--primary-palette-blue-300);
	background: transparent;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-bottom: none;
	border-top: 2px solid var(--secondary-palette-cool-grey);
	border-left: 2px solid var(--secondary-palette-cool-grey);
	border-right: 2px solid var(--secondary-palette-cool-grey);
}

.related-resources__tabs .nav-item:last-child {
	border-top-right-radius: 16px;
}

.related-resources__tabs .nav-item:last-child .nav-link {
	border-top-right-radius: 16px;
}

.related-resources__tabs .nav-item:last-child:after {
	display: none;
}

.related-resources__tabs .nav-item:first-child {
	border-top-left-radius: 16px;
}

.related-resources__tabs .nav-item:first-child:before {
	display: none;
}

.related-resources__tabs .nav-item:first-child .nav-link {
	border-top-left-radius: 16px;
	border-left: none;
	left: 0px;
}

.related-resources__tabs .nav-item:first-child .nav-link.active {
	border-left: 2px solid var(--secondary-palette-cool-grey);
	border-top-right-radius: 16px;
	border-bottom-left-radius: 0px;
	background-color: var(--secondary-palette-cool-grey-100);
}

.related-resources__tabs .nav-item.prevActive .nav-link {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.related-resources__tabs .nav-item.item-active {
	border-bottom: none;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	isolation: unset;
	border-color: transparent;
}

.related-resources__tabs .nav-item.item-active .nav-link {
	border-top-left-radius: 16px;
	border-bottom-left-radius: 0px;
	left: 0px;
	background-color: var(--secondary-palette-cool-grey-100);
}

.related-resources__tabs li:hover .nav-link {
	color: var(--primary-palette-blue);
}

.related-resources__tabs .nav-item:last-child:after,
.related-resources__tabs .nav-item:last-child .nav-link:after,
.related-resources__tabs .nav-item:last-child:before,
.related-resources__tabs .nav-item:last-child .nav-link:before,
.related-resources__tabs .nav-item.item-active:after,
.related-resources__tabs .nav-item.item-active:before,
.related-resources__tabs .nav-item.item-active .nav-link:after,
.related-resources__tabs .nav-item.item-active .nav-link:before {
	content: "";
}

.related-resources__tabs .nav-item.item-active:before,
.related-resources__tabs .nav-item.item-active:after {
	background: rgb(245,245,245);
	z-index: 1;
}

.related-resources__tabs li:after,
.related-resources__tabs li:before,
.related-resources__tabs li .nav-link:before,
.related-resources__tabs li .nav-link:after {
	position: absolute;
	bottom: 0;
}

.related-resources__tabs li:after,
.related-resources__tabs li:before {
	width: 20px;
	height: 20px;
}

.related-resources__tabs li:after {
	right: -10px;
}

.related-resources__tabs li:before {
	left: -10px;
}

.related-resources__tabs .nav-item.item-active .nav-link:after,
.related-resources__tabs .nav-item.item-active .nav-link:before {
	background-color: var(--secondary-palette-cool-grey);
}

.related-resources__tabs li .nav-link:after {
	right: -20px;
}

.related-resources__tabs li .nav-link:after,
.related-resources__tabs li .nav-link::before {
	width: 20px;
	height: 28px;
	z-index: 9;
	border-radius: 16px;
}

.related-resources__tabs .nav-item.item-active .nav-link:before {
	left: -20px;
}

.related-resources__tabs .nav-item:first-child .nav-link.active:before,
.related-resources__tabs .nav-item:last-child .nav-link.active:after {
	display: none;
}

.related-resources__tabs .nav-item.item-active,
.related-resources__tabs {
	outline: none;
}

.related-resources__tabs .nav-item.nextActive {
	background-color: transparent;
}

.related-resources__tabs .nav-item:last-child.item-active:after {
	background-color: transparent;
}

.related-resources__tab-content .accordion-body {
	padding-left: 0;
	padding-right: 0;
}

.posts__grid .card {
	background: var(--secondary-palette-dark-grey);
	border: 1px solid var(--secondary-palette-dark-grey-100);
	box-shadow: 0px 4px 4px 0px rgb(0, 0, 0, 0.15);
	height: 100%;
}

.posts__grid .card:hover {
	background: var(--secondary-palette-dark-grey-200);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
	transition: all 0.3s ease-in;
}

.posts__grid .card:hover a {
	color: var(--primary-palette-blue) !important;
}

.posts__grid--left--col .card {
	padding: 36px 40px;
}

.posts__grid--right--col .card {
	padding: 35px 40px;
}

.posts__grid .card__media {
	width: 160px;
	height: 160px;
	background-color: var(--secondary-palette-dark-grey-300);
	box-shadow: 0px 11.848236083984375px 11.848236083984375px 0px rgb(0, 0, 0, 0.15);
	margin-bottom: 30px;
}

.posts__grid .card:hover .tertiary-slim__cta--link {
	color: var(--primary-palette-blue) !important;
}

.related-resources__dropdown{
	font-family: var(--primary-font-family-regular);
    color: var(--primary-palette-blue-300);
    padding: 12px 30px;
    border: 3px solid var(--primary-palette-blue) !important;
    box-shadow: 5px 4px 0px 0px rgb(0, 0, 0, 0.16);
}

.related-resources__dropdown--items{
	border: 2px solid var(--secondary-palette-cool-grey);
	margin-top: -15px;
	border-color: var(--secondary-palette-warm-grey-200);
	box-shadow: 0px 8.48px 13.48px 0px #93A5C08F;
	overflow: hidden;
}

.related-resources__dropdown--items button{
	padding:10px 30px;
	width: 100%;
    text-align: start;
	color: var(--secondary-palette-dark-grey);
}

.related-resources__dropdown--items button.active, .related-resources__dropdown--items button:hover{
	background-color: var(--secondary-palette-cool-grey-100);
	color: var(--primary-palette-blue-300);
}

.related-resources__dropdown--arrow-icon{
	width: 12px;
	margin-left:10px;
}

@media only screen and (max-width: 767.98px) {
	.related-resources.rounded--top-end {
		border-top-right-radius: 0;
	}

	.posts__grid--left--col .card {
		margin-bottom: 0;
	}

	.posts__grid .card {
		height: 100%;
	}

	.posts__grid .card:last-child {
		margin-bottom: 0;
	}

	.related-resources__tab-content .accordion-button {
		height: auto;
		margin-bottom: 15px;
		line-height: normal;
	}

	.related-resources__tab-content .accordion-button:not(.collapsed) {
		background-color: var(--secondary-palette-cool-grey);
	}

	.related-resources__tab-content>.tab-pane .accordion-body {
		padding: 0 0 30px 0;
	}
}

@media only screen and (max-width: 575.98px) {

	.related-resources__tab-content .hide-scrollbar {
		overflow-x: scroll;
	}

	.related-resources__dropdown{
		width: 100%;
	}

	.related-resources__dropdown--items{
		width: 100%;
	}

	.bg-pattern-sanddune-related-resources::after{
		background-size: cover;
	}
}