.showcase-section {
	background-color: var(--color-primary);
}
.showcase-content-wrap {
	margin-left: auto;
}
.showcase {
	filter: grayscale(100%);
	object-fit: cover;
	opacity: 0.25;
}
.showcase-section-bg::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(-90deg, #0E565A 0%, rgba(14, 86, 90, 0.00) 140%);
}
.showcase-section-bg.type-two .showcase {
	filter: grayscale(100%) brightness(62%) contrast(110%);
}
.showcase-section-bg.type-two::before {
	background: linear-gradient(-90deg, #0E565A 0%, rgba(14, 86, 90, 0.00) 100%);
}
.showcase-section-bg.type-two::after {
	background-color: var(--color-primary);
	opacity: 70%;
}
.showcase-section-bg {
	top: 0;
	max-width: 50%;
}
.showcase-section-bg::after {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #0E565A 0%, rgba(14, 86, 90, 0.00) 100%);
	position: absolute;
	z-index: 1;
	inset: 0;
	pointer-events: none;
}
.showcase-content-text ul li::before {
	background-color: var(--color-white);
}
.showcase-content-wrap :where(h2, h3, h4, h5, h6) {
	position: relative;
	padding-bottom: 29px;
	margin-bottom: 22px;
}
.showcase-content-text a:hover {
	color: var(--color-white);
}
.showcase-content-wrap :where(h2, h3, h4, h5, h6)::before {
    content: "";
    display: block;
    width: 100%;
    max-width: 126px;
    height: 1px;
    background-color: var(--color-white);
    position: absolute;
    bottom: 0;
    left: 0;
}
.showcase-boxes-sec {
	max-width: 797px;
}
.showcase-boxes {
	gap: 43px 54px;
}
.column-two {
	max-width: calc( 50% - 53px);
}
.showcase-boxes:has(.column-three) {
	gap: 30px;
}
.column-three {
max-width: calc(33.33% - 20px);
	width: 100%;
}
.showcase-boxe-inner {
	background-color: var(--color-light-gray);
	padding: 24px 31px 30px 40px;
	color: var(--color-black);
	font-weight: var(--fw-700);
	height: 100%;
}
.showcase-boxes,.showcase-bottom-content {
	margin-top: 60px;
}
.showcase-section-bg.type-three::after {
	all: unset;
}
.showcase-section-bg.type-three .showcase,.showcase-section-bg.type-four .showcase {
	opacity: 1;
}
.showcase-section-bg.type-three::before {
	background: linear-gradient(270deg, #0E565A 0%, rgba(14, 86, 90, 0.00) 100%);
}
.showcase-section-bg.type-four::after {
	all: unset;
}
.showcase-section-bg.type-four::before {
	background: linear-gradient(270deg, #0E565A 0%, rgba(14, 86, 90, 0.00) 130%);
}
@media screen and (max-width:1800px) {
.showcase-boxes, .showcase-bottom-content {
	margin-top: 50px;
}
}
@media screen and (max-width:1600px) {
.showcase-boxes {
	gap: 40px;
}
.column-two {
	max-width: calc( 50% - 40px);
}
.column-three {
	max-width: calc(50% - 20px);
}
}
@media screen and (max-width:1366px) {
.showcase-boxes {
	gap: 30px;
}
.column-two {
	max-width: calc( 50% - 15px);
}
.showcase-boxes:has(.column-three) {
	gap: 20px;
}
.column-three {
	max-width: calc(50% - 10px);
}
.showcase-boxe-inner {
	padding: 25px 30px;
}
.showcase-boxes, .showcase-bottom-content {
	margin-top: 40px;
}
}
@media screen and (max-width:1200px) {
.showcase-boxe-inner {
	padding: 20px 25px;
}
}
@media screen and (max-width:991px) {
.showcase-section {
	display: flex;
	flex-direction: column-reverse;
	padding-bottom: 50px;
}
    .showcase-content-wrap {
	max-width: 100% !important;
}
.showcase-section-bg {
	/* right: 0;
	bottom: 0; */
	height: auto !important;
	/* top: unset; */
	max-width: 100% !important;
	inset: 0;
}
.showcase-section-bg::before {
	background: linear-gradient(-180deg, #0E565A 0%, rgba(14, 86, 90, 0.00) 100%);
}
.showcase-section-bg::after {
	background: linear-gradient(60deg, #0E565A 0%, rgba(14, 86, 90, 0.00) 120%);
}
.showcase-section-bg.type-three::before {
	background: linear-gradient(90deg, #0E565A 30%, rgba(14, 86, 90, 0.00) 100%);
}
.showcase-section:has(.type-three) .showcase-content-wrap {
	max-width: 657px !important;
	margin: 0 0 0 0;
}
.showcase-section-bg.type-four::before {
	background: linear-gradient(90deg, #0E565A 30%, rgba(14, 86, 90, 0.00) 150%);
}

}
@media screen and (max-width:767px) {
.showcase-section-bg.type-three::before {
	background: linear-gradient(90deg, #0E565A 30%, rgba(14, 86, 90, 0.00) 130%);
}

}
@media screen and (max-width:640px) {
.showcase-content-wrap :where(h2, h3, h4, h5, h6) {
	padding-bottom: 24px;
	margin-bottom: 20px;
}
.showcase-boxes {
	gap: 20px;
}
.column-two {
	max-width: calc( 50% - 10px);
}
.showcase-boxes:has(.column-three) {
	gap: 15px;
}
.column-three {
	max-width: calc(50% - 8px);
}
}
@media screen and (max-width:480px) {
.showcase-section-bg {
    max-width: 100%;    
}
.column-two,.showcase-boxes:has(.column-three) {
	max-width: 100%;
}
.showcase-boxes {
	gap: 15px;
}
.showcase-boxes, .showcase-bottom-content {
	margin-top: 30px;
}
.column-three {
	max-width: 100%;
}
}