:root {
	--section-inner-03-gap: 2rem;
	--section-inner-03-item-padding: 3rem;
	--section-inner-03-item-radius: 1.5rem;
	--section-inner-03-item-gap: 2rem;
	--section-inner-03-content-gap: 1.125rem;
	--section-inner-03-btn-padding: 2.5rem;
	--section-inner-03-btn-bg-size: 8rem auto;
}
.wwd-section-inner-03 {
	padding-block: var(--sectionInnerSpaceLarge) !important;
	background-color: #1434CB;
	background-image: url('../../images/wwd-section-03/wwd-section-03-bg.webp');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.section-inner-03-grid {
	display: flex;
	flex-wrap: wrap;
	gap: var(--section-inner-03-gap);
	width: 100%;
}
.section-inner-03-item:not(.link-contain) {
	border-radius: var(--section-inner-03-item-radius);
	background: var(--white, #FFF);
	display: flex;
	padding: var(--section-inner-03-item-padding);
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
}
.section-inner-03-item-link{
	border-radius: var(--section-inner-03-item-radius);
	padding: var(--section-inner-03-btn-padding);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: var(--text-primary);
	background-color: #C7E2FF;
	background-image: url('../../images/wwd-section-03/download_icon_1920.svg');
	background-repeat: no-repeat;
	background-position: top right; 
	height: 100%;
}
.section-inner-03-item-link:hover,
.section-inner-03-item-link:focus{
	background-color: var(--blueHover);
	color: var(--white);
}
.link-contain .section-inner-03-item-title {
	display: none;
}
.section-inner-03-item:nth-child(-n+4) {
	flex: 0 0 calc((100% - (var(--section-inner-03-gap) * 2)) / 3);
	max-width: calc((100% - (var(--section-inner-03-gap) * 2)) / 3);
}
.section-inner-03-item:nth-child(5) {
	flex: 0 0 calc(41.85% - (2 * var(--defaultColumnGap) / 3)); /* ~40.625% */
	/* max-width: calc((100% - (var(--section-inner-03-gap) * 3)) * 0.40.625); */
}
.section-inner-03-item:nth-child(6) {
	flex: 0 0 calc(24.8% - (2 * var(--defaultColumnGap) / 3)); /* ~24.8% */
	/* max-width: calc((100% - (var(--section-inner-03-gap) * 3)) * 0.24.8); */
}
.section-inner-03-item-icon img{
	width: 2.5rem;
	height: 2.5rem;
	object-fit: contain;
}
.section-inner-03-item-content {
	padding: 1rem 0 0;
	display: flex;
	flex-direction: column;
	gap: var(--section-inner-03-content-gap);
}
.wwd-section-inner-03 .section-header h2,
.wwd-section-inner-03 .section-header p {
	color: var(--white, #FFF);
}
.wwd-section-inner-03 .section-header .text-xl {
	max-width: 82rem;
	margin-inline: auto;
}
@media screen and (max-width: 1600px) {
	:root {
		--section-inner-03-gap: 1.5rem;
		--section-inner-03-item-padding: 2.5rem;
	}
	.section-inner-03-item:nth-child(5),
	.section-inner-03-item:nth-child(4) {
		width: auto;
		flex: 0 0 calc((100% - (var(--section-inner-03-gap) * 2)) / 2.5);
		max-width: inherit;
	}
	.section-inner-03-item:nth-child(6) {
		flex: 0 0 18.59%;
		flex-grow: 1;
	}
	a.section-inner-03-item {
		background-position: calc(100% + 20px) 0px;
	}
    .section-inner-03-item-link{
	background-image: url('../../images/wwd-section-03/download_icon_1366.svg');
	}
}
@media screen and (max-width: 1199px) {
	:root {
		--section-inner-03-gap: 1.5rem;
		--section-inner-03-item-padding: 2rem;
		--section-inner-03-item-radius: 1rem;
		--section-inner-03-item-gap: 1.5rem;
		--section-inner-03-content-gap: 1rem;
		--section-inner-03-btn-padding: 2rem;
	}
	.section-inner-03-item {
		flex: 0 0 calc((100% - (var(--section-inner-03-gap) * 2)) / 3) !important;
		max-width: calc((100% - (var(--section-inner-03-gap) * 2)) / 3) !important;
	}
	.section-inner-03-item-icon img {
		width: 2rem;
		height: 2rem;
	}
	a.section-inner-03-item {
		background-position: calc(100% + 44px) 0px;
	}
    .section-inner-03-item-link{
	background-image: url('../../images/wwd-section-03/download_icon_1024.svg');
	}
}
@media screen and (max-width: 991px) {
	:root {
		--section-inner-03-item-padding: 1.5rem;
	}
	a.section-inner-03-item {
		background-position: calc(100% + 48px) 0px;
	}
    .section-inner-03-item-link{
	background-image: url('../../images/wwd-section-03/download_icon_768.svg');
	}
}
@media screen and (max-width: 767px) {
	:root {
		--section-inner-03-item-gap: 1rem;
		--section-inner-03-btn-padding: 1.5rem;
         --section-inner-03-gap: 0.5rem;
	}
	.section-inner-03-item-title {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		cursor: pointer;
		width: 100%;
		position: relative;
		padding-right: 30px;
	}
	.section-inner-03-item-title::after{
		content: '\e915';
		position: absolute;
		right: 0;
		width: 1.5rem;
		transition: transform 0.3s ease;
		top: 0;
		bottom: 0;
		margin: auto;
		font-family: "i2c-font" !important;
		font-size: 1.5rem;
		color: #1B223A;
	}
	.section-inner-03-item-title.active::after{
		content: '\e90e';
	}
	.section-inner-03-item-title img {
		width: 28px;
		height: 28px;
		margin-right: 16px;
	}
	.section-inner-03-item-icon{
		display: none;
	}
	.section-inner-03-item {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	a.section-inner-03-item{
		min-height: 108px;
	}
	a.section-inner-03-item .section-inner-03-item-title {
		display: none;
	}
	a.section-inner-03-item {
		background-position: top right;
		background-image: url('../../images/wwd-section-03/datasheet-img-sm.webp');
		background-size: 5.938rem auto;
	}
    .section-inner-03-item-link{
	background-image: url('../../images/wwd-section-03/download_icon_375.svg');
    padding: 28px;
}
}
@media screen and (min-width: 767px) {
	.section-inner-03-item:not(.link-contain) {
		gap: var(--section-inner-03-item-gap);
	}
	.section-inner-03-item-content {
		padding: 0;
		display: flex !important;
	}
}