.ciso-resource-center-section {
	background-color: var(--white, #fff);
	padding-block: 64px;
}


.crc-layout-flex {
	display: flex;
	flex-direction: column;
	row-gap: 32px;
}

.crc-header-container {
	padding-right: 0;
}

.crc-header-flex {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

/* .crc-search-container {
padding-right: 24px;
} */

{# START SEARCH INPUT STYLES #}
.crc-search-wrapper {
	position: relative;
}

.crc-search-icon {
	position: absolute;
	content: '';
	inset: 50% auto auto 15px;
	transform: translateY(-50%);
}

.crc-search-input {
	width: 100%;
	height: 54px;
	color: var(--core-rich-black, #010203);
	background-color: var(--neutral-2, #F3F4F6);
	padding: 12px 12px 12px 44px;
	border: unset;
	border-radius: 2px;
}


.crc-search-input:hover,
.crc-search-input:focus,
.crc-search-input:focus-visible {
	border-color: var(--secondary-electric-blue-600, #0077FF);
}

.crc-search-input:focus-visible {
	outline: 2px solid var(--secondary-electric-blue-600, #0077FF);
}

.crc-search-input::placeholder {
	color: var(--neutral-4, #8D8E92);
	opacity: 1;
}
{# END SEARCH INPUT STYLES #}

.crc-tag-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	column-gap: 8px;
	list-style: none;
	padding: 9px 0;
	margin: 0;
	overflow-x: auto;
}

.crc-tag-flex::-webkit-scrollbar {
	display: none; 
}

.crc-tag-flex {
	-ms-overflow-style: none;
	scrollbar-width: none; 
} 

.crc-tag,
.crc-tag:visited {
	display: flex;
	align-items: center;
	color: var(--core-rich-black, #010203);
	padding: 5px 15px;
	white-space: nowrap;
	border: 1px solid transparent;
	transition: border .3s ease, border-radius .3s ease;
	user-select: none;
	border-radius: 21px;
	background-color: transparent;
	cursor: pointer;
}

.crc-tag:hover,
.crc-tag:focus,
.bls:focus-visible {
	color: var(--core-rich-black, #0102030;)
		outline: unset;
	border: 1px solid var(--primary-electric-blue, #07F);
	text-decoration: none;
}

.crc-tag[data-active="true"] {
	border: 1px solid var(--primary-electric-blue, #07F);
	background-color: var(--primary-electric-blue-lite, #DAF2FF);
}

.crc-tag:hover {
	border: 1px solid var(--primary-electric-blue, #07F);
}

.crc-listing-flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 32px;
}

.crc-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	list-style: none;
	padding: 0;
	margin: 0;
}

.crc-no-results {
	grid-column: 1 / -1;
}

.crc-card-container {
	padding: 32px 0 32px 0;
	border-color: var(--neutral-3, #DADBE1); 
	border-style: solid; 
	border-width: 0 0 1px 0;
	position: relative;
}

.crc-card-container:first-child {
	padding-top: 0;
}


.crc-card-container:last-child {
	border-bottom: unset;
	padding-bottom: 0;

	.crc-decorations {
		display: none;
	}
}

{# Blog Listing Card Styles #}
.ciso-listing-card {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 24px;
	text-decoration: none;
}

button.ciso-listing-card {
	background-color: unset;
	border: unset;
	padding: 0;
	cursor: pointer;
}


.ciso-listing-card:hover,
.ciso-listing-card:focus,
.ciso-listing-card:focus-visible {
	text-decoration: none;
}

.ciso-listing-card:focus-visible {
	outline-style: auto;
}

.clc-image-container {
	width: 100%;
	overflow: clip;
	position: relative;
}

@media screen and (min-width: 768px) {

	.clc-image-container {
		height: 100%;
		max-height: 183px;
	}
}

@media screen and (min-width: 1200px) {
	.clc-image-container {
		max-height: 198px;
	}
}

.clc-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
	aspect-ratio: 16/9;
}

@media screen and (min-width: 992px) {
	.ciso-listing-card:hover .clc-image {
		transform: scale(1.1);
	}
}


.clc-wistia-player {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}


.clc-yt-thumbnail {
	width: 100%;
	height: 100%;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.clc-yt-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.clc-youtube-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 300ms ease-in-out;
}
.clc-yt-thumbnail:hover .clc-youtube-icon {
	transform: translate(-50%, -50%)scale(1.2);
}


.clc-content-flex {
	height: calc(100% - 192px);
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

@media screen and (min-width: 768px) {
	/* 	.clc-image-container {
	height: 183px;
} */

	.clc-content-flex {
		height: calc(100% - 183px);
	}
}

@media screen and (min-width: 1200px) {
	/* 	.clc-image-container {
	height: 218px;
} */

	.clc-content-flex {
		height: calc(100% - 198px);
	}
}



.clc-copy-flex {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
	align-items: flex-start;
	text-align: left;
}


.clc-tag {
	display: flex;
	align-items: center;
	gap: 4px;
	width: max-content;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.1em;
	padding: 6px 8px;
	border-radius: 4px;
	text-transform: uppercase;
	color: var(--extended-blue-screen-of-death, #0c20e7);
	background-color: var(--primary-electric-blue-lite, #daf2ff);
}





.clc-title {
	color: var(--core-rich-black, #010203);
}









.crc-decorations {
	display: none;
}

.crc-decoration {
	width: 13px;
	height: 13px;
}

/* .crc-decoration[data-pos="left"] {
}

.crc-decoration[data-pos="right"] {

} */

.crc-pagination-flex {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: max-content;
	gap: 16px;
	margin: 16px auto 0;
}

.crc-pagination-button,
.prev-link,
.next-link {
	display: flex;
}

.crc-pages-flex {
	display: flex;
	width: max-content;
	gap: 16px;
}

.crc-page-number,
.crc-page-ellipses {
	color: var(--primary-electric-blue, #07f);
}

.crc-page-number[data-active="true"] {
	color: var(--core-rich-black, #010203);
	font-weight: 600;
}
.crc-tag-container {
	position: relative;
}

.crc-tag-container.leftBlur:before {
	position: absolute;
	content: '';
/* 	inset: 0 0 auto auto; */
	inset: 50% 0 auto auto;
	transform: translateY(-50%);
	width: 54px;
/* 	height: 100%; */
	height: 54px;
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255));
	pointer-events: none;
	left: 0px;
}


.crc-tag-container.rightBlur:after {
	position: absolute;
	content: '';
/* 	inset: 0 0 auto auto; */
	inset: 50% 0 auto auto;
	transform: translateY(-50%);
	width: 54px;
/* 	height: 100%; */
	height: 54px;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255));
/* 	border-right: 1px solid var(--neutral-3, #DADBE1); */
	pointer-events: none;
}

@media (min-width: 576px) {
	.crc-grid {
		grid-template-columns: repeat(2, 1fr);
	}



	.crc-card-container {
		border-left: unset;
		border-right-width: 1px;
		padding: 32px 16px 32px 16px;
	}

	.crc-grid > .crc-card-container:nth-child(1),
	.crc-grid > .crc-card-container:nth-child(2) {
		padding-top: 0px;
	}

	.crc-card-container:nth-child(odd) {
		padding-left: 0px;
		padding-right: 32px;
	}

	.crc-card-container:nth-child(even) {
		padding-left: 32px;
		padding-right: 0px;
	}

	.crc-card-container:last-child {
		padding-bottom: 32px;
	}

	.crc-card-container:nth-last-child(2):nth-child(odd) {
		border-bottom: unset;
	}

	.crc-decorations {
		position: absolute;
		content: '';
		inset: auto auto -7px -7.5px;
		width: calc(100% + 15px);
		display: flex;
		justify-content: space-between;
		z-index: 1;
	}

	.crc-card-container:nth-child(odd) .crc-decorations {		
		display: none;
	}

	.crc-card-container:nth-child(even) {
		border-right: unset;

		.crc-decoration[data-pos="right"] {
			display: none;
		}

	}
}


@media (min-width: 768px) {
	.ciso-resource-center-section {
		padding-block: 80px;
	}



	.crc-header-container {
		padding-right: 30px;
	}

	.crc-header-flex {
		flex-direction: row-reverse;
		align-items: center;
		column-gap: 32px;
	}

	.crc-search-container {
		min-width: 256px;
		padding-right: unset;
		position: relative;
	}
	
		.crc-search-container:before {
		position: absolute;
		content: '';
		inset: 0 auto auto -32px;
		height: 54px;
		width: 1px;
		background-color: var(--neutral-3, #DADBE1);
	}

	.crc-tag-container {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
	}

	/*   .crc-tag-container.leftBlur:before {
	position: absolute;
	content: '';
	inset: 0 0 auto auto;
	width: 54px;
	height: 100%;
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255));
	pointer-events: none;
	left: 0px;
}


	.crc-tag-container.rightBlur:after {
	position: absolute;
	content: '';
	inset: 0 0 auto auto;
	width: 54px;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255));
	border-right: 1px solid var(--neutral-3, #DADBE1);
	pointer-events: none;
} */
	

/* 	.crc-tag-container:after {
		position: absolute;
		content: '';
		inset: 0 0 auto auto;
		width: 54px;
		height: 100%;
		border-right: 1px solid var(--neutral-3, #DADBE1);
		pointer-events: none;
	} */
}


@media (min-width: 992px) {
	.ciso-resource-center-section {
		padding-block: 96px;
	}

	.crc-header-flex {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-areas: 'first first second';
		/* 		column-gap: unset; */
		column-gap: 32px;
	}

	.crc-tag-container {
		width: calc(100% + 20px);
		grid-area: first;
		overflow: inherit;
		padding-right: 0;
	}

	.crc-tag-container::before {
		left: -12px;
	}

	.crc-tag-container.leftBlur::before {
		width: 64px;
		left: -12px;
	}

/* 	.crc-tag-container:after {
				right: -12px;
		display: none;
				border: unset;
	} */

	.crc-tag-container.rightBlur::after {
		width: 64px;
		right: 0;
		border-right: unset;
	}

	.crc-search-container {
		grid-area: second;
		min-width: unset;
		padding-right: unset;
		/* 		padding-left: 40px; */
		padding-left: 21px;
	}
	
			.crc-search-container:before {
		left: -12px;
	}


	.crc-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 64px;
		clip-path: inset(-6px);
		padding-bottom: 32px;
	}

	.crc-card-container {
		padding: 32px;
	}

	.crc-card-container:nth-child(-n + 3) {
		padding-top: unset;
	}

	.crc-card-container:not(:nth-last-child(-n + 3)) {
		border-right: 1px solid var(--neutral-3, #DADBE1);

		.crc-decorations {
			display: flex;
		}

	}

	.crc-card-container:nth-last-child(-n + 3) {
		border-right: 1px solid var(--neutral-3, #DADBE1);
		border-bottom: unset;


		&:before {
			display: none;
		}


	}
	
/* Last row has 1 item */
.crc-card-container:nth-last-child(1) .crc-decorations {
  display: none;
}

/* Last row has 2 items → hide them */
.crc-card-container:nth-last-child(2):nth-child(3n+1) .crc-decorations,
.crc-card-container:nth-last-child(2):nth-child(3n+2) .crc-decorations {
  display: none;
}

/* Last row has 3 items → hide all 3 */
.crc-card-container:nth-last-child(3):nth-child(3n+1) .crc-decorations,
.crc-card-container:nth-last-child(3):nth-child(3n+2) .crc-decorations,
.crc-card-container:nth-last-child(3):nth-child(3n)   .crc-decorations {
  display: none;
}

/* ---- Special case: 4 cards total ---- */
/* Ensure card 2 keeps its decoration */
.crc-card-container:nth-child(2):nth-last-child(3) .crc-decorations {
  display: flex;
}



	/* 		.crc-card-container:nth-last-child(-n + 3)	.crc-decorations {
	display: none;
} */

	/* 	.cards .crc-card-container:nth-child(3n+1):nth-last-child(-n+3),
	.cards .crc-card-container:nth-child(3n+2):nth-last-child(-n+3),
	.cards .crc-card-container:nth-child(3n+3):nth-last-child(-n+3) {
	display: none;

} */

	.crc-card-container:nth-child(3n - 2) {
		padding-left: unset;

		.crc-decoration[data-pos="left"] {
			display: none;
		}

		.crc-decoration[data-pos="right"] {
			display: block;
		}
	}

	.crc-card-container:nth-child(3n - 1) {

		.crc-decoration[data-pos="left"] {
			display: none;
		}

		.crc-decoration[data-pos="right"] {
			display: block;
		}
	}

	.crc-card-container:nth-child(3n) {
		border-right: unset;
		padding-right: unset;

		.crc-decorations {
			display: none;
		}
	}

	.crc-decorations {
		justify-content: flex-end;
	}



	.crc-decorations {
		inset: auto auto -38px -26px;
		width: calc(100% + 64px);
	}

	.crc-grid .crc-card-container {
		padding: 0;
		position: relative;
		border: unset ;
	}

	.crc-card-container::before {
		position: absolute;
		content: '';
		inset: auto auto -32px auto;
		background: var(--neutral-3, #DADBE1);
		height: 1px;
		width: 100vw;
	}

	.crc-card-container::after {
		position: absolute;
		content: '';
		inset: 0 -32px auto auto;
		background: var(--neutral-3, #DADBE1);
		height: 100vh;
		width: 1px;
	}


}

@media screen and (min-width: 1200px) {
	.crc-header-container {
		padding-right: 0;
	}
}


/* UPDATES */
@media (min-width: 1200px) {
	.crc-layout-flex {
		padding-inline: 30px;
		width: 100%;
		align-items: center;
	}

	.container {
		max-width: 1248px;
	}
}


.crc-load-more {
	background: unset;
	cursor: pointer;
}

.crc-load-more.hidden {
	display: none;
}






/* modal styles */

.video-modal, .video-modal .video-modal-overlay {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
}

.video-modal {
	overflow: hidden;
	position: fixed;
	opacity: 0.0;

	-webkit-transform: translate(500%,0%);
	transform: translate(500%,0%);

	-webkit-transition: -webkit-transform 0s linear 0s;
	transition: transform 0s linear 0s;


	/* using flexbox for vertical centering */

	/* Flexbox display */
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	/* Vertical alignment */
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.video-modal.show-modal {
	opacity: 1.0;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
}
.video-modal .video-modal-overlay {
	z-index: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out 0.05s;
	transition: opacity 0.2s ease-out 0.05s;
	position: absolute;
}
.video-modal.show-modal .video-modal-overlay {
	opacity: 1.0;
}
html {
	transition: background-color .3s ease;	
}

html.no-scroll:has(.video-modal.show-modal) {
	scrollbar-gutter: stable;
	background-color: rgba(0, 0, 0, 0.5);
}

.no-scroll { 
	overflow: hidden;
}
.video-modal-content {
	width: 85%;
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
.video-modal-content::before {
	content: '';
	display: flex;
	padding-top: 56.25%;
}
.video-modal-content iframe {
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}
.video-modal-close {
	position: absolute;
	top: -24px;
	right: -24px;
	background: none;
	border: none;
	outline: none;
	padding: 0;
	cursor: pointer;
}