section.text-and-image {
	background-color: #F5F5F7;
	padding: 100px var(--sideGap);
	margin: 100px auto;
	& .container {
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 74px;
		& h2 {
			text-align: left;
		}
		& img {
			width: 100%;
			height: auto;
		}
	}
}

/*body:has(.text-and-image) .card-grid-comp {
	background: radial-gradient(41.85% 33.14% at 21.22% 66.94%, rgba(119, 26, 119, 0.21) 0%, rgba(119, 26, 119, 0.06) 59.62%, rgba(119, 26, 119, 0.00) 100%);
	&::before { display: none }
	& .sec-heading {
		text-align: left;
	}
	& .card-box {
		border-radius: 24px;
		overflow: visible;
		& .card-box-inner {
			overflow: visible;
			box-shadow: none;
		}
		& .desc {
			display: flex;
			flex-direction: column;
			gap: 24px;
		}
		& :is(.title, p) {
			margin: 0;
		}
		& .btn {
			width: fit-content;
		}
	}
	& .card-box:nth-child(odd) .card-box-inner {
		background: rgba(255, 255, 255, 0.80);
	}
	& .card-box:nth-child(even) .card-box-inner {
		background: linear-gradient(268deg, #215273 7.6%, #813679 85.27%), rgba(255, 255, 255, 0.80);
		& :is(.title, p) {
			color: white;
		}
	}
}*/